diff --git a/pro/src/ui-kit/MultiSelect/MultiSelect.module.scss b/pro/src/ui-kit/MultiSelect/MultiSelect.module.scss index 709024a212b..6e43752c03f 100644 --- a/pro/src/ui-kit/MultiSelect/MultiSelect.module.scss +++ b/pro/src/ui-kit/MultiSelect/MultiSelect.module.scss @@ -1,5 +1,4 @@ @use "styles/mixins/_fonts.scss" as fonts; -@use "styles/mixins/fonts-design-system.scss" as fonts-design-system; @use "styles/mixins/_rem.scss" as rem; @use "styles/mixins/_a11y.scss" as a11y; @use "styles/mixins/_size.scss" as size; @@ -13,14 +12,14 @@ } .legend { - @include fonts-design-system.body; + @include fonts.body; color: var(--color-black); margin-bottom: rem.torem(8px); } .trigger { - @include fonts-design-system.body; + @include fonts.body; display: flex; align-items: center; @@ -73,7 +72,7 @@ } .badge { - @include fonts-design-system.body-semi-bold-xs; + @include fonts.body-accent-xs; display: flex; align-items: center; @@ -129,7 +128,7 @@ } .label { - @include fonts-design-system.body; + @include fonts.body; padding: rem.torem(11.2px) rem.torem(16px) rem.torem(11.2px) 0; } @@ -143,7 +142,7 @@ } .search-example { - @include fonts-design-system.body-semi-bold-xs; + @include fonts.body-accent-xs; display: block; min-height: rem.torem(16px); diff --git a/pro/src/ui-kit/MultiSelect/MultiSelect.tsx b/pro/src/ui-kit/MultiSelect/MultiSelect.tsx index a6ee2e80ef9..7d781f5d281 100644 --- a/pro/src/ui-kit/MultiSelect/MultiSelect.tsx +++ b/pro/src/ui-kit/MultiSelect/MultiSelect.tsx @@ -1,6 +1,6 @@ import { useEffect, useRef, useState } from 'react' -import { SelectedValuesTags } from 'ui-kit/form/SelectAutoComplete/SelectedValuesTags/SelectedValuesTags' +import { SelectedValuesTags } from '../SelectedValuesTags/SelectedValuesTags' import styles from './MultiSelect.module.scss' import { MultiSelectPanel } from './MultiSelectPanel' diff --git a/pro/src/ui-kit/MultiSelect/TODO.md b/pro/src/ui-kit/MultiSelect/TODO.md index b25d8bbfe34..70254a7d602 100644 --- a/pro/src/ui-kit/MultiSelect/TODO.md +++ b/pro/src/ui-kit/MultiSelect/TODO.md @@ -3,14 +3,14 @@ Fonctionnel - [] gérer la navigation clavier - [] Corriger le all selected - [] jsdoc -- [] ne pas afficher plus de 3 lignes de tags (refacto des tags dans un autre ticket PC-33762) +- [x] ne pas afficher plus de 3 lignes de tags (refacto des tags dans un autre ticket PC-33762) - [x] corriger la zone de clic sur BaseCheckbox (refacto des tags dans un autre ticket PC-33749) Design -- [] Passer les selected tag en violet (refacto des tags dans un autre ticket PC-33762) +- [x] Passer les selected tag en violet (refacto des tags dans un autre ticket PC-33762) +- [x] utiliser les fonts du design system (devrait être pris en compte avec les nouvelles maj prévues) - [] corriger le curseur de BaseCheckbox -- [] utiliser les fonts du design system (devrait être pris en compte avec les nouvelles maj prévues) - [] gérer le responsive Bonus