Update class names

Author: wylieconlon

x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/_layer_panel.scss

@@ -27,11 +27,11 @@
   overflow: hidden;
 }
 
-.lnsLayerPanel__dimension-hidden {
-  visibility: hidden;
+.lnsLayerPanel__dimension-isHidden {
+  opacity: 0;
 }
 
-.lnsLayerPanel__dimension-replace {
+.lnsLayerPanel__dimension-isReplacing {
   text-decoration: line-through;
 }
 

x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/layer_panel.tsx

@@ -218,7 +218,7 @@ export function LayerPanel(
                       key={accessor}
                       className={classNames('lnsLayerPanel__dimension', {
                         // eslint-disable-next-line @typescript-eslint/naming-convention
-                        'lnsLayerPanel__dimension-hidden':
+                        'lnsLayerPanel__dimension-isHidden':
                           isDraggedOperation(dragDropContext.dragging) &&
                           accessor === dragDropContext.dragging.columnId,
                       })}
@@ -228,7 +228,7 @@ export function LayerPanel(
                           isDraggedOperation(dragDropContext.dragging) &&
                           group.groupId !== dragDropContext.dragging.groupId
                         ) {
-                          return 'lnsLayerPanel__dimension-replace';
+                          return 'lnsLayerPanel__dimension-isReplacing';
                         }
                         return '';
                       }}