@carbon/ibm-products 1.32.1 → 1.34.0

package/scss/components/SidePanel/_side-panel.scss

@@ -24,49 +24,6 @@
 $block-class: #{$pkg-prefix}--side-panel;
 $action-set-block-class: #{$pkg-prefix}--action-set;
 
-@mixin sidePanelEntranceRight($size: map-get($side-panel-sizes, md)) {
-  @keyframes side-panel-entrance-right {
-    0% {
-      opacity: 0;
-      // stylelint-disable-next-line carbon/layout-token-use
-      transform: translateX(#{$size}); // the size width of the side panel
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-}
-
-@mixin sidePanelEntranceLeft($size: map-get($side-panel-sizes, md)) {
-  @keyframes side-panel-entrance-left {
-    0% {
-      opacity: 0;
-      // stylelint-disable-next-line carbon/layout-token-use
-      transform: translateX(-#{$size}); // the size width of the side panel
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-}
-
-@mixin sidePanelEntrance(
-  $placement: 'right',
-  $size: map-get($side-panel-sizes, md)
-) {
-  width: $size;
-  max-width: 100%;
-  @if $placement == right {
-    @include sidePanelEntranceRight($size);
-  } @else {
-    @include sidePanelEntranceLeft($size);
-  }
-}
-
 @mixin setPanelSize($size: map-get($side-panel-sizes, md)) {
   width: $size;
   max-width: 100%;
@@ -92,32 +49,6 @@ $action-set-block-class: #{$pkg-prefix}--action-set;
 }
 
 @mixin side-panel {
-  @keyframes side-panel-exit-left {
-    0% {
-      opacity: 1;
-      transform: translateX(0);
-    }
-
-    100% {
-      opacity: 0;
-      // stylelint-disable-next-line carbon/layout-token-use
-      transform: translateX(calc(-1 * #{map-get($side-panel-sizes, md)}));
-    }
-  }
-
-  @keyframes side-panel-exit-right {
-    0% {
-      opacity: 1;
-      transform: translateX(0);
-    }
-
-    100% {
-      opacity: 0;
-      // stylelint-disable-next-line carbon/layout-token-use
-      transform: translateX(map-get($side-panel-sizes, md));
-    }
-  }
-
   .#{$block-class}__container {
     --#{$block-class}--subtitle-opacity: 1;
     --#{$block-class}--title-container-height: 0;
@@ -137,7 +68,6 @@ $action-set-block-class: #{$pkg-prefix}--action-set;
     box-sizing: border-box;
     background-color: $ui-01;
     color: $text-01;
-    transition: transform $duration--moderate-02 carbon--motion(standard);
     @each $size, $size_value in $side-panel-sizes {
       &.#{$block-class}__container--#{$size} {
         @include setPanelSize($size_value);
@@ -149,14 +79,10 @@ $action-set-block-class: #{$pkg-prefix}--action-set;
         }
       }
       &.#{$block-class}__container-right-placement.#{$block-class}__container--#{$size} {
-        @include sidePanelEntrance(right, $size_value);
-
         right: 0;
         border-left: 1px solid $decorative-01;
       }
       &.#{$block-class}__container-left-placement.#{$block-class}__container--#{$size} {
-        @include sidePanelEntrance(left, $size_value);
-
         left: 0;
         border-right: 1px solid $decorative-01;
       }
@@ -519,7 +445,6 @@ $action-set-block-class: #{$pkg-prefix}--action-set;
     width: 100%;
     height: 100%;
     background-color: $overlay-01;
-    transition: background-color $duration--moderate-02 carbon--motion(standard);
   }
 }
 

package/scss/components/_index.scss

@@ -48,3 +48,5 @@
 @import './EditTearsheet/index';
 @import './EditTearsheetNarrow/index';
 @import './EditFullPage/index';
+
+@import './InlineEditV2/index';