From c43ced038030e82395b32fc947272e0c342f9db7 Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Wed, 21 Jul 2021 13:01:59 -0700
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20add=20toggle=20functiona?=
 =?UTF-8?q?lity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/rose/form/checkbox/index.stories.mdx      | 9 +++++----
 .../components/rose/form/radio/radio/index.stories.mdx   | 7 ++++---
 .../rose/addon/styles/rose/components/form/_radio.scss   | 4 ----
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx b/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx
index 11405c643..39925964b 100644
--- a/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx
@@ -77,7 +77,7 @@ Renders a form input checkbox.
   @checked={{false}}
   @error={{false}}
   @disabled={{false}}
-  @inline={{true}}
+  @inline={{false}}
   />
 ```
 
@@ -92,7 +92,7 @@ Renders a form input checkbox.
         @checked={{checked}}
         @error={{error}}
         @disabled={{disabled}}
-        @inline={{true}}
+        @inline={{inline}}
         />
       <Rose::Form::Checkbox
         @name='checkbox-2'
@@ -102,7 +102,7 @@ Renders a form input checkbox.
         @checked={{checked}}
         @error={{error}}
         @disabled={{disabled}}
-        @inline={{true}}
+        @inline={{inline}}
         />
       <Rose::Form::Checkbox
         @name='checkbox-3'
@@ -112,7 +112,7 @@ Renders a form input checkbox.
         @checked={{checked}}
         @error={{error}}
         @disabled={{disabled}}
-        @inline={{true}}
+        @inline={{inline}}
         />
     `,
     context: {
@@ -121,6 +121,7 @@ Renders a form input checkbox.
       checked: boolean('checked', false),
       error: boolean('error', false),
       disabled: boolean('disabled', false),
+      inline: boolean('inline', false)
     }
   }}</Story>
   
diff --git a/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx b/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx
index feb783d31..4d6a4153e 100644
--- a/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx
@@ -78,7 +78,7 @@ Renders a form radiofield.
         @selectedValue={{selectedValue}}
         @disabled={{disabled}}
         @icon={{icon}}
-        @inline={{true}}
+        @inline={{inline}}
         />
       <Rose::Form::Radio::Radio
         @label='Radiofield2'
@@ -87,7 +87,7 @@ Renders a form radiofield.
         @selectedValue={{selectedValue}}
         @disabled={{disabled}}
         @icon={{icon}}
-        @inline={{true}}
+        @inline={{inline}}
         />
       <Rose::Form::Radio::Radio
         @label='Radiofield3'
@@ -96,7 +96,7 @@ Renders a form radiofield.
         @selectedValue={{selectedValue}}
         @disabled={{disabled}}
         @icon={{icon}}
-        @inline={{true}}
+        @inline={{inline}}
         />
     `,
     context: {
@@ -118,6 +118,7 @@ Renders a form radiofield.
         },
         null
       ),
+      inline: boolean('inline', false)
     }
   }}</Story>
 </Preview>
\ No newline at end of file
diff --git a/addons/rose/addon/styles/rose/components/form/_radio.scss b/addons/rose/addon/styles/rose/components/form/_radio.scss
index f248d0b7a..4ce25f95b 100644
--- a/addons/rose/addon/styles/rose/components/form/_radio.scss
+++ b/addons/rose/addon/styles/rose/components/form/_radio.scss
@@ -28,10 +28,6 @@ $data-svg-prefix: 'data:image/svg+xml;utf-8,';
       margin-right: sizing.rems(s);
      }
   }
-  .radio-group-inline {
-    display: flex;
-    margin-right: sizing.rems(s);
-  }
   @include type.type(m);
   position: relative;
   margin-bottom: sizing.rems(xs);