opacity-increase

Author: tripolskypetr

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-declarative-mantine",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "The Mantine ui kit bindings for react-declarative",
   "private": false,
   "author": {

package.json

@@ -15,6 +15,9 @@ export const CheckBox = ({
         mt="xs"
         mb="xs"
         disabled={disabled}
+        style={{
+            opacity: disabled ? 0.5 : undefined,
+        }}
         checked={Boolean(value)}
         onChange={() => onChange(!value)}
         label={title}

src/OneSlotFactory/components/CheckBox.tsx

@@ -118,6 +118,9 @@ export const Choose = ({
       label={title}
       error={(dirty && (invalid || incorrect))}
       description={description}
+      style={{
+        opacity: disabled ? 0.5 : undefined,
+      }}
       rightSection={(
         <ActionButton
           sx={{

src/OneSlotFactory/components/Choose.tsx

@@ -191,6 +191,9 @@ export const Combo = ({
     <Select
       {...MANTINE_CONFIG}
       value={value}
+      style={{
+        opacity: disabled ? 0.5 : undefined,
+      }}
       allowDeselect={!noDeselect}
       variant={outlined ? "default" : "filled"}
       onChange={handleChange}

src/OneSlotFactory/components/Combo.tsx

@@ -201,6 +201,9 @@ export const ComboArray = ({
       description={description}
       placeholder={placeholder}
       data={data}
+      style={{
+        opacity: disabled ? 0.5 : undefined,
+      }}
       comboboxProps={{
         withinPortal: true,
         shadow: 'xl',

src/OneSlotFactory/components/ComboArray.tsx

@@ -382,6 +382,9 @@ export const Complete = ({
           description={description}
           pattern={inputPattern}
           readOnly={readonly}
+          style={{
+            opacity: disabled ? 0.5 : undefined,
+          }}
           rightSection={(
             <IconButton
               onClick={(e) => {

src/OneSlotFactory/components/Complete.tsx

@@ -51,6 +51,9 @@ export const Date = ({
       description={description}
       value={dateValue}
       placeholder={placeholder}
+      style={{
+        opacity: disabled ? 0.5 : undefined,
+      }}
       popoverProps={{
         withinPortal: true,
         shadow: 'xl',

src/OneSlotFactory/components/Date.tsx

@@ -204,6 +204,9 @@ export const Items = ({
             error={(dirty && (invalid || incorrect))}
             description={description}
             placeholder={placeholder}
+            style={{
+                opacity: disabled ? 0.5 : undefined,
+            }}
             data={data}
             comboboxProps={{
                 withinPortal: true,

src/OneSlotFactory/components/Items.tsx

@@ -43,6 +43,9 @@ export const Radio = ({
             mt="xs"
             mb="xs"
             checked={checked}
+            style={{
+                opacity: disabled ? 0.5 : undefined,
+            }}
             disabled={disabled}
             onChange={() => handleChange(radioValue || null)}
             label={title}