feat: 🎸 add toggle functionality

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>
   

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>

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);