@carbon/ibm-products 1.33.0 → 1.34.0

package/css/index-full-carbon.css

@@ -10716,6 +10716,20 @@ a.bx--overflow-menu-options__btn::before {
   border-radius: 0;
 }
 
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .bx--toggle__switch::before {
+    outline: 1px solid transparent;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .bx--toggle__switch::after,
+.bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
+    outline: 1px solid transparent;
+    background-color: ButtonText;
+  }
+}
+
 @keyframes influencer-menu-entrance {
   0% {
     opacity: 0;
@@ -11076,26 +11090,6 @@ a.bx--overflow-menu-options__btn::before {
     stroke-dashoffset: 0;
   }
 }
-@keyframes side-panel-exit-left {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(calc(-1 * 30rem));
-  }
-}
-@keyframes side-panel-exit-right {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(30rem);
-  }
-}
 .c4p--side-panel__container {
   --c4p--side-panel--subtitle-opacity: 1;
   --c4p--side-panel--title-container-height: 0;
@@ -11114,7 +11108,6 @@ a.bx--overflow-menu-options__btn::before {
   box-sizing: border-box;
   background-color: var(--cds-ui-01, #f4f4f4);
   color: var(--cds-text-01, #161616);
-  transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--side-panel__container.c4p--side-panel__container--xs {
   width: 16rem;
@@ -11128,37 +11121,13 @@ a.bx--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
-  width: 16rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(16rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
-  width: 16rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-16rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--sm {
   width: 20rem;
   max-width: 100%;
@@ -11171,37 +11140,13 @@ a.bx--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
-  width: 20rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(20rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
-  width: 20rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-20rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--md {
   width: 30rem;
   max-width: 100%;
@@ -11214,37 +11159,13 @@ a.bx--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
-  width: 30rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(30rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
-  width: 30rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-30rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--lg {
   width: 40rem;
   max-width: 100%;
@@ -11257,37 +11178,13 @@ a.bx--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
-  width: 40rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(40rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
-  width: 40rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-40rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--max {
   width: 75%;
   max-width: 100%;
@@ -11300,37 +11197,13 @@ a.bx--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--max {
-  width: 75%;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(75%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--max {
-  width: 75%;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-75%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container::before {
   content: none;
 }
@@ -11650,7 +11523,6 @@ a.bx--overflow-menu-options__btn::before {
   width: 100%;
   height: 100%;
   background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
-  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
@@ -13081,6 +12953,7 @@ a.bx--side-nav__link--current::before {
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
     fill: ButtonText;
+    background-color: ButtonText;
   }
 }
 
@@ -13894,8 +13767,8 @@ a.bx--side-nav__link--current::before {
   height: 2.5rem;
   padding: var(--cds-spacing-04, 0.75rem);
   border: var(--cds-spacing-01, 0.125rem) solid transparent;
-  background-color: transparent;
   border-radius: 0;
+  background-color: transparent;
   cursor: pointer;
   transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -16756,6 +16629,12 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: translateY(-2px);
   vertical-align: middle;
 }
+.c4p--page-header .c4p--page-header__title-wrapper {
+  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);
+}
 .c4p--page-header .c4p--page-header__page-actions {
   flex: 0 0 100%;
   margin-top: var(--cds-spacing-05, 1rem);
@@ -20964,6 +20843,60 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   margin-bottom: var(--cds-spacing-05, 1rem);
 }
 
+.c4p--inline-edit-v2 {
+  display: flex;
+  align-items: center;
+  background: transparent;
+  cursor: pointer;
+}
+.c4p--inline-edit-v2-readonly {
+  cursor: not-allowed;
+}
+.c4p--inline-edit-v2:hover {
+  background: var(--cds-hover-ui, #e5e5e5);
+}
+.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
+  visibility: visible;
+}
+.c4p--inline-edit-v2__btn-edit {
+  visibility: hidden;
+}
+.c4p--inline-edit-v2-focused {
+  background: var(--cds-hover-ui, #e5e5e5);
+  outline: 2px solid var(--cds-focus, #0f62fe);
+}
+.c4p--inline-edit-v2__text-input {
+  flex: 1;
+}
+.c4p--inline-edit-v2__warning-icon {
+  color: var(--cds-support-01, #da1e28);
+}
+.c4p--inline-edit-v2__warning-text {
+  font-size: var(--cds-caption-01-font-size, 0.75rem);
+  font-weight: var(--cds-caption-01-font-weight, 400);
+  line-height: var(--cds-caption-01-line-height, 1.33333);
+  letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
+  margin-top: var(--cds-spacing-03, 0.5rem);
+  color: var(--cds-support-01, #da1e28);
+}
+
+.c4p--inline-edit-v2__text-input.bx--text-input {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+}
+
+.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.bx--text-input {
+  color: var(--cds-disabled-02, #c6c6c6);
+  cursor: not-allowed;
+}
+
+.c4p--inline-edit-v2__text-input.bx--text-input:focus,
+.c4p--inline-edit-v2__text-input.bx--text-input:active {
+  outline: none;
+}
+
 @font-face {
   font-display: auto;
   font-family: "IBM Plex Mono";
@@ -27914,7 +27847,7 @@ button.bx--dropdown-text:focus {
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
-  .bx--inline-notification__icon {
+  .bx--inline-notification .bx--inline-notification__close-icon {
     fill: ButtonText;
   }
 }
@@ -28174,7 +28107,7 @@ button.bx--dropdown-text:focus {
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
-  .bx--toast-notification__icon {
+  .bx--toast-notification .bx--toast-notification__close-icon {
     fill: ButtonText;
   }
 }