From 3dd951792f7cd311e7d82bae45cfc90efbfe1156 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Tue, 21 May 2019 16:30:11 +0300
Subject: [PATCH] Use rawOnly example parameter in ImageCarousel

---
 .../ImageCarousel/ImageCarousel.example.css          | 12 ------------
 .../ImageCarousel/ImageCarousel.example.js           | 12 ++++++------
 2 files changed, 6 insertions(+), 18 deletions(-)
 delete mode 100644 src/components/ImageCarousel/ImageCarousel.example.css

diff --git a/src/components/ImageCarousel/ImageCarousel.example.css b/src/components/ImageCarousel/ImageCarousel.example.css
deleted file mode 100644
index a4187e9e51..0000000000
--- a/src/components/ImageCarousel/ImageCarousel.example.css
+++ /dev/null
@@ -1,12 +0,0 @@
-@import '../../marketplace.css';
-
-.root {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-
-  @media (--viewportMedium) {
-    padding: 100px 10vw;
-  }
-}
diff --git a/src/components/ImageCarousel/ImageCarousel.example.js b/src/components/ImageCarousel/ImageCarousel.example.js
index 3831dd8e20..a11bc9e373 100644
--- a/src/components/ImageCarousel/ImageCarousel.example.js
+++ b/src/components/ImageCarousel/ImageCarousel.example.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import { types as sdkTypes } from '../../util/sdkLoader';
 import ImageCarousel from './ImageCarousel';
-import css from './ImageCarousel.example.css';
 
 const { UUID } = sdkTypes;
 
@@ -110,8 +109,6 @@ const imageLandscape = {
 
 const ImageCarouselWrapper = props => {
   const wrapperStyles = {
-    width: '100%',
-    height: 400,
     backgroundColor: '#000',
   };
   return (
@@ -123,15 +120,18 @@ const ImageCarouselWrapper = props => {
 
 export const NoImages = {
   component: ImageCarouselWrapper,
-  props: { images: [], rootClassName: css.root },
+  props: { images: [] },
+  rawOnly: true,
 };
 
 export const SingleImage = {
   component: ImageCarouselWrapper,
-  props: { images: [imageSquare], rootClassName: css.root },
+  props: { images: [imageSquare] },
+  rawOnly: true,
 };
 
 export const MultipleImages = {
   component: ImageCarouselWrapper,
-  props: { images: [imageLandscape, imagePortrait, imageSquare], rootClassName: css.root },
+  props: { images: [imageLandscape, imagePortrait, imageSquare] },
+  rawOnly: true,
 };