Update tick box controls

Apply styles on block.

packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx

@@ -25,7 +25,9 @@ export const RadioTickBox = React.forwardRef<RadioTickBoxDerivedElement, RadioTi
   return (
     <div
       className={clsx(
-        'flex gap-x-4 flex-wrap',
+        'gap-x-4 flex-wrap',
+        block && 'flex',
+        !block && 'inline-flex align-center',
         className,
       )}
       style={style}

packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx

@@ -45,7 +45,9 @@ export const ToggleSwitch = React.forwardRef<ToggleSwitchDerivedElement, ToggleS
   return (
     <div
       className={clsx(
-        'flex gap-x-4 flex-wrap',
+        'gap-x-4 flex-wrap',
+        block && 'flex',
+        !block && 'inline-flex align-center',
         className,
       )}
       style={style}

packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx

@@ -42,7 +42,9 @@ export const ToggleTickBox = React.forwardRef<ToggleTickBoxDerivedElement, Toggl
   return (
     <div
       className={clsx(
-        'flex gap-x-4 flex-wrap',
+        'gap-x-4 flex-wrap',
+        block && 'flex',
+        !block && 'inline-flex align-center',
         className,
       )}
       style={style}