@carbon/ibm-products 2.22.0 → 2.23.0

package/README.md

@@ -244,6 +244,7 @@ and
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
+
 This package uses IBM Telemetry to collect metrics data. By installing this
 package as a dependency you are agreeing to telemetry collection. To opt out,
 see
@@ -256,4 +257,4 @@ For more information on the data being collected, please see the
 Licensed under the
 [Apache-2.0 License](https://github.com/carbon-design-system/ibm-products/blob/master/LICENSE).
 
-[![This site is powered by Netlify](https://www.netlify.com/img/global/badges/netlify-color-accent.svg)](https://www.netlify.com)
+[![This site is powered by Netlify](https://www.netlify.com/img/global/badges/netlify-color-accent.svg)](https://www.netlify.com)

package/css/index-full-carbon.css

@@ -2771,76 +2771,6 @@ p.c4p--about-modal__copyright-text:first-child {
   padding-right: calc(20% - 1rem);
 }
 
-.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__title-text {
-  width: calc(16rem - 1rem);
-  padding-right: calc(16rem * 0.2 - 1rem);
-  margin-bottom: 0.25rem;
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text {
-  width: calc(16rem - 1rem);
-  padding-right: calc(16rem * 0.2 - 1rem);
-  padding-bottom: 1rem;
-  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
-  color: var(--cds-text-secondary, #525252);
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__title-text {
-  width: calc(20rem - 1rem);
-  padding-right: calc(20rem * 0.2 - 1rem);
-  margin-bottom: 0.25rem;
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text {
-  width: calc(20rem - 1rem);
-  padding-right: calc(20rem * 0.2 - 1rem);
-  padding-bottom: 1rem;
-  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
-  color: var(--cds-text-secondary, #525252);
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__title-text {
-  width: calc(30rem - 1rem);
-  padding-right: calc(30rem * 0.2 - 1rem);
-  margin-bottom: 0.25rem;
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__subtitle-text {
-  width: calc(30rem - 1rem);
-  padding-right: calc(30rem * 0.2 - 1rem);
-  padding-bottom: 1rem;
-  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
-  color: var(--cds-text-secondary, #525252);
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__title-text {
-  width: calc(40rem - 1rem);
-  padding-right: calc(40rem * 0.2 - 1rem);
-  margin-bottom: 0.25rem;
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text {
-  width: calc(40rem - 1rem);
-  padding-right: calc(40rem * 0.2 - 1rem);
-  padding-bottom: 1rem;
-  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
-  color: var(--cds-text-secondary, #525252);
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--2xl .c4p--side-panel__title-text {
-  width: calc(40rem 75% - 1rem);
-  padding-right: calc(40rem 75% * 0.2 - 1rem);
-  margin-bottom: 0.25rem;
-}
-
-.c4p--create-side-panel.c4p--side-panel__container--2xl .c4p--side-panel__subtitle-text {
-  width: calc(40rem 75% - 1rem);
-  padding-right: calc(40rem 75% * 0.2 - 1rem);
-  padding-bottom: 1rem;
-  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
-  color: var(--cds-text-secondary, #525252);
-}
-
 .cds--form.c4p--create-side-panel__form {
   padding-top: 1rem;
 }
@@ -2872,32 +2802,10 @@ p.c4p--about-modal__copyright-text:first-child {
   display: none;
 }
 
-.c4p--create-side-panel__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: 0.25rem;
-}
-
-.c4p--create-side-panel__subtitle {
-  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-bottom: 0.5rem;
+.c4p--create-side-panel .c4p--side-panel__subtitle-text {
   color: var(--cds-text-secondary, #525252);
 }
 
-.c4p--side-panel .c4p--create-side-panel__actions-container {
-  position: absolute;
-  z-index: 4;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  margin-bottom: 0;
-}
-
 .c4p--tearsheet.c4p--tearsheet {
   z-index: 9001;
   align-items: flex-end;
@@ -3602,16 +3510,34 @@ p.c4p--about-modal__copyright-text:first-child {
   width: 100%;
   /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
   height: 3rem;
-  align-items: center;
+  align-items: start;
   padding: 0.5rem;
   border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   background: var(--cds-layer-01, #f4f4f4);
 }
+.c4p--filter-summary.c4p--filter-summary__expanded {
+  height: fit-content;
+}
 
 .c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
   width: auto;
 }
 
+.c4p--filter-summary__view-all--wrapper {
+  position: absolute;
+  top: 0.5rem;
+  right: 0;
+}
+
+.c4p--filter-summary__expanded .c4p--filter-summary__clear-all-button.cds--btn {
+  margin-right: 2rem;
+}
+
+.c4p--filter-summary__view-all--wrapper .c4p--filter-summary__view-all--chevron-multiline {
+  transform: rotate(180deg);
+  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
 .c4p--http-errors .c4p--http-errors__content {
   position: fixed;
   z-index: 2;
@@ -8920,22 +8846,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
   display: none;
 }
-.c4p--edit-side-panel .c4p--side-panel .c4p--edit-side-panel__actions-container {
-  position: absolute;
-  z-index: 4;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  margin-bottom: 0;
-}
-.c4p--edit-side-panel .c4p--edit-side-panel__actions-container {
-  position: absolute;
-  z-index: 4;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  margin-bottom: 0;
-}
 
 .c4p--options-tile {
   position: relative;
@@ -9639,6 +9549,15 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-background, #ffffff);
 }
 
+.c4p--datagrid th.c4p--datagrid__with-slug {
+  background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
+  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
+}
+
+.c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
+  margin-left: 0.5rem;
+}
+
 .c4p--datagrid__grid-container {
   display: block;
   width: 100%;
@@ -9710,6 +9629,9 @@ button.c4p--add-select__global-filter-toggle--open {
   -webkit-line-clamp: 2;
   white-space: initial;
 }
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug {
+  width: fit-content;
+}
 .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
   display: flex;
   overflow: hidden;