From 19fb08882ac9eb5c788db66d297407d358ee5212 Mon Sep 17 00:00:00 2001
From: TheoryOfNekomata <allan.crisostomo@outlook.com>
Date: Mon, 4 Sep 2023 17:09:59 +0800
Subject: [PATCH] Fix styles

Update blob styles.
---
 .../web/blob/react/src/components/FileSelectBox/index.tsx   | 6 +++---
 .../choice/react/src/components/DropdownSelect/index.tsx    | 2 ++
 .../web/choice/react/src/components/MenuSelect/index.tsx    | 3 +++
 .../web/choice/react/src/components/RadioButton/index.tsx   | 4 ++--
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/categories/web/blob/react/src/components/FileSelectBox/index.tsx b/categories/web/blob/react/src/components/FileSelectBox/index.tsx
index fb41ad7..39a862b 100644
--- a/categories/web/blob/react/src/components/FileSelectBox/index.tsx
+++ b/categories/web/blob/react/src/components/FileSelectBox/index.tsx
@@ -441,12 +441,12 @@ export const FileSelectBox = React.forwardRef<FileSelectBoxDerivedElement, FileS
     >
 			<div
 				className={tw(
-					'min-w-64 w-full overflow-hidden min-h-16 relative pt-4 rounded-inherit',
+					'overflow-hidden min-h-16 relative pt-4 rounded-inherit',
 					{
 						'h-4': clientSide,
 						'h-16': !clientSide,
-						'min-w-64': !block,
-						'min-w-full': block,
+						'min-w-64 w-64': !block,
+						'min-w-full w-full': block,
 						'resize-y': block && resizable,
 						'resize': !block && resizable,
 						'pb-4': clientSide && filesCount > 0,
diff --git a/categories/web/choice/react/src/components/DropdownSelect/index.tsx b/categories/web/choice/react/src/components/DropdownSelect/index.tsx
index 530427c..8720b40 100644
--- a/categories/web/choice/react/src/components/DropdownSelect/index.tsx
+++ b/categories/web/choice/react/src/components/DropdownSelect/index.tsx
@@ -69,6 +69,8 @@ export const dropdownSelectPlugin: tailwind.PluginCreator = ({ addComponents })
   });
 };
 
+// todo remove bg-negative
+
 /**
  * Component for selecting a single value from a dropdown.
  */
diff --git a/categories/web/choice/react/src/components/MenuSelect/index.tsx b/categories/web/choice/react/src/components/MenuSelect/index.tsx
index 357991f..0872fc0 100644
--- a/categories/web/choice/react/src/components/MenuSelect/index.tsx
+++ b/categories/web/choice/react/src/components/MenuSelect/index.tsx
@@ -59,6 +59,9 @@ export interface MenuSelectProps extends Omit<React.HTMLProps<MenuSelectDerivedE
 	resizable?: boolean,
 }
 
+// TODO hide scrollbar
+// TODO apply same styles to menumultiselect
+
 export const menuSelectPlugin: tailwind.PluginCreator = ({ addComponents }) => {
   addComponents({
     '.menu-select': {
diff --git a/categories/web/choice/react/src/components/RadioButton/index.tsx b/categories/web/choice/react/src/components/RadioButton/index.tsx
index 450e7c6..9d8409c 100644
--- a/categories/web/choice/react/src/components/RadioButton/index.tsx
+++ b/categories/web/choice/react/src/components/RadioButton/index.tsx
@@ -97,9 +97,9 @@ export const RadioButton = React.forwardRef<RadioButtonDerivedElement, RadioButt
         className={tw(
           'items-center justify-start rounded overflow-hidden ring-secondary/50 leading-none select-none cursor-pointer relative',
           'peer-focus:outline-0 peer-focus:ring-4 peer-focus:ring-secondary/50',
-          'active:ring-tertiary/50 active:ring-4',
+          'active:ring-tertiary/50 active:ring-4 active:text-tertiary',
           'peer-disabled:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:ring-0',
-					'text-primary focus:text-secondary active:text-tertiary',
+					'text-primary peer-checked:text-tertiary peer-focus:text-secondary peer-active:text-tertiary',
           {
             'flex w-full': block,
             'inline-flex max-w-full align-middle': !block,