(PC-33528)[PRO]feat: add new selected tag and new fonts

pass-culture · Jan 8, 2025 · d83f8ac · d83f8ac
1 parent 4fb1d8f
commit d83f8ac
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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