From daffeb7b5334da0d2ff9556bbc47d97f726405ec Mon Sep 17 00:00:00 2001
From: TheoryOfNekomata <allan.crisostomo@outlook.com>
Date: Sun, 2 Jul 2023 23:14:54 +0800
Subject: [PATCH] Update tick box controls

Apply styles on block.
---
 .../categories/option/react/components/RadioTickBox/index.tsx | 4 +++-
 .../categories/option/react/components/ToggleSwitch/index.tsx | 4 +++-
 .../option/react/components/ToggleTickBox/index.tsx           | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx
index 8822da3..d7a8373 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx
+++ b/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}
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
index 9ad5713..6cafb42 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
+++ b/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}
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
index c8cbdea..0738368 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
+++ b/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}