MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : suppression du doublon du composant Checkbox

Browse Source
This commit is contained in:
Autin
2026-04-07 14:30:06 +02:00
parent e1965db04e
commit 32608c8f71
6 changed files with 10 additions and 594 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/malio/checkbox/Checkbox.test.ts
View File

@@ -114,7 +114,7 @@ describe('MalioCheckbox', () => {
})
expect(wrapper.get('input').attributes('aria-invalid')).toBe('true')
expect(wrapper.get('label').classes()).toContain('text-m-danger')
expect(wrapper.get('label').classes()).toContain('text-m-error')
expect(wrapper.get('p').text()).toBe('You must accept')
})
@@ -125,7 +125,7 @@ describe('MalioCheckbox', () => {
})
expect(wrapper.get('p').text()).toBe('Invalid')
expect(wrapper.get('p').classes()).toContain('text-m-danger')
expect(wrapper.get('p').classes()).toContain('text-m-error')
})
it('shows success styles and message when there is no error', () => {

16
app/components/malio/checkbox/Checkbox.vue
View File

@@ -110,7 +110,7 @@ const mergedLabelClass = computed(() =>
twMerge(
'cbx text-black',
disabled.value ? 'cursor-not-allowed text-black/60' : '',
hasError.value ? 'text-m-danger' : '',
hasError.value ? 'text-m-error' : '',
hasSuccess.value ? 'text-m-success' : '',
props.labelClass,
),
@@ -120,7 +120,7 @@ const mergedMessageClass = computed(() =>
twMerge(
'text-xs',
hasError.value
? 'text-m-danger'
? 'text-m-error'
: hasSuccess.value
? 'text-m-success'
: 'text-m-muted',
@@ -200,14 +200,14 @@ const onChange = (event: Event) => {
stroke-dashoffset: 0;
}
.inp-cbx + .cbx.text-m-danger span:first-child {
border-color: rgb(var(--m-danger) / 1);
.inp-cbx + .cbx.text-m-error span:first-child {
border-color: rgb(var(--m-error) / 1);
}
.cbx.text-m-danger span:first-child svg {
stroke: rgb(var(--m-danger) / 1);
.cbx.text-m-error span:first-child svg {
stroke: rgb(var(--m-error) / 1);
}
.inp-cbx:checked + .cbx.text-m-danger span:first-child {
border-color: rgb(var(--m-danger) / 1);
.inp-cbx:checked + .cbx.text-m-error span:first-child {
border-color: rgb(var(--m-error) / 1);
}
.inp-cbx + .cbx.text-m-success span:first-child {