← All changes
|
backend/views/components/Main/components/CheckBox.jsx
+4
-4
1.4.10
→
1.4.20
View file →
| @@ -2,18 +2,18 @@ | ||
| 2 | 2 | import { CheckIcon } from '@heroicons/react/24/solid'; |
| 3 | 3 | |
| 4 | 4 | const CheckBox = ({ checked, onChange, label, testid }) => { |
| 5 | 5 | return ( |
| 6 | - <Field className="disco-flex disco-items-center disco-gap-2 disco-cursor-pointer disco-mb-4"> | |
| 6 | + <Field className="disco:flex disco:items-center disco:gap-2 disco:cursor-pointer disco:mb-4"> | |
| 7 | 7 | <Checkbox |
| 8 | 8 | checked={checked} |
| 9 | 9 | onChange={onChange} |
| 10 | 10 | data-testid={testid} |
| 11 | - className="disco-w-4 disco-h-4 disco-rounded disco-border disco-border-primary data-[checked]:disco-bg-primary data-[checked]:disco-border-primary disco-bg-white disco-flex disco-items-center disco-justify-center" | |
| 11 | + className="disco:w-4 disco:h-4 disco:rounded disco:border disco:border-primary disco:data-checked:bg-primary disco:data-checked:border-primary disco:bg-white disco:flex disco:items-center disco:justify-center" | |
| 12 | 12 | > |
| 13 | - <CheckIcon className="disco-hidden disco-w-3 disco-h-3 disco-text-white [[data-checked]_&]:disco-block" /> | |
| 13 | + <CheckIcon className="disco:hidden disco:w-3 disco:h-3 disco:text-white disco:in-data-checked:block" /> | |
| 14 | 14 | </Checkbox> |
| 15 | - <Label className="disco-text-base disco-select-none disco-cursor-pointer"> | |
| 15 | + <Label className="disco:text-base disco:select-none disco:cursor-pointer"> | |
| 16 | 16 | {label} |
| 17 | 17 | </Label> |
| 18 | 18 | </Field> |
| 19 | 19 | ); |