@cnamts/synapse 1.0.26 → 1.1.0

package/src/designTokens/tokens/cnam/cnamLightTheme.ts

@@ -1,107 +1,79 @@
-import { baseColors } from '../baseColors'
-import { cnamColorsTokens } from './cnamColors'
-import { cnamSemanticTokens } from './cnamSemantic'
+import { baseTokens } from '@/designTokens/tokens/baseTokens'
 
 export const cnamLightTheme = {
-	primary: cnamColorsTokens.blue.base,
-	secondary: cnamColorsTokens.cyan.darken40,
-	accentPrimaryLight: cnamColorsTokens.blue.lighten20,
-	accentPrimary: cnamColorsTokens.blue.base,
-	accentPrimaryContrasted: cnamColorsTokens.blue.darken40,
-	accentSecondaryLight: cnamColorsTokens.cyan.lighten60,
-	accentSecondary: cnamColorsTokens.cyan.base,
-	accentSecondaryContrasted: cnamColorsTokens.cyan.darken40,
-	accentAlt: cnamColorsTokens.grey.base,
-	error: cnamColorsTokens.orange.darken20,
-	info: cnamColorsTokens.blue.base,
-	avatar: cnamColorsTokens.cyan.darken20,
-	success: cnamColorsTokens.turquoise.darken60,
-	warning: cnamColorsTokens.yellow.darken60,
-	risquePro: cnamColorsTokens.brick.base,
-	light: cnamColorsTokens.grey.lighten60,
-	dark: cnamColorsTokens.grey.darken80,
-	onBackground: cnamSemanticTokens.colors.background.surface,
-	onSurfaceAlt: cnamSemanticTokens.colors.background.surfaceAlt,
-	onSurface: cnamSemanticTokens.colors.background.surface,
-	onWarning: cnamSemanticTokens.colors.background.warning,
-	overlayFullpage: cnamSemanticTokens.colors.overlay.fullpage,
-	overlayOnDark: cnamSemanticTokens.colors.overlay.onDark,
-	overlayOnLight: cnamSemanticTokens.colors.overlay.onLight,
-	interactiveSelectionEnabled: cnamSemanticTokens.colors.interactive.selectionEnabled,
-	interactiveSelectionHover: cnamSemanticTokens.colors.interactive.selectionHover,
-	interactiveSelectionPressed: cnamSemanticTokens.colors.interactive.selectionPressed,
-	interactiveSelectionSelected: cnamSemanticTokens.colors.interactive.selectionSelected,
-	interactiveSelectionHoverOnSelected: cnamSemanticTokens.colors.interactive.selectionHoverOnSelected,
-	interactiveSelectionSelectedAccent: cnamSemanticTokens.colors.interactive.selectionSelectedAccent,
-	interactiveSelectionHoverOnSelectedAccent: cnamSemanticTokens.colors.interactive.selectionHoverOnSelectedAccent,
-	interactiveSelectionDisabled: cnamSemanticTokens.colors.interactive.selectionDisabled,
-	backgroundMain: cnamSemanticTokens.colors.background.main,
-	backgroundMainAlt: cnamSemanticTokens.colors.background.mainAlt,
-	backgroundMainTer: cnamSemanticTokens.colors.background.mainTer,
-	backgroundSurface: cnamSemanticTokens.colors.background.surface,
-	backgroundSurfaceAlt: cnamSemanticTokens.colors.background.surfaceAlt,
-	backgroundRaised: cnamSemanticTokens.colors.background.raised,
-	backgroundAccent: cnamSemanticTokens.colors.background.accent,
-	backgroundAccentContrasted: cnamSemanticTokens.colors.background.accentContrasted,
-	backgroundAccentAlt: cnamSemanticTokens.colors.background.accentAlt,
-	backgroundInfo: cnamSemanticTokens.colors.background.info,
-	backgroundInfoSubdued: cnamSemanticTokens.colors.background.infoSubdued,
-	backgroundInfoContrasted: cnamSemanticTokens.colors.background.infoContrasted,
-	backgroundSuccess: cnamSemanticTokens.colors.background.success,
-	backgroundSuccessSubdued: cnamSemanticTokens.colors.background.successSubdued,
-	backgroundSuccessContrasted: cnamSemanticTokens.colors.background.successContrasted,
-	backgroundWarning: cnamSemanticTokens.colors.background.warning,
-	backgroundWarningSubdued: cnamSemanticTokens.colors.background.warningSubdued,
-	backgroundWarningContrasted: cnamSemanticTokens.colors.background.warningContrasted,
-	backgroundError: cnamSemanticTokens.colors.background.error,
-	backgroundErrorSubdued: cnamSemanticTokens.colors.background.errorSubdued,
-	backgroundErrorContrasted: cnamSemanticTokens.colors.background.errorContrasted,
-	backgroundDisabled: cnamSemanticTokens.colors.background.disabled,
-	backgroundDisabledOnDark: cnamSemanticTokens.colors.background.disabledOnDark,
-	backgroundAssure: cnamSemanticTokens.colors.background.assure,
-	backgroundProfessionnel: cnamSemanticTokens.colors.background.professionnel,
-	backgroundEntreprise: cnamSemanticTokens.colors.background.entreprise,
-	borderDarker: cnamSemanticTokens.colors.border.darker,
-	borderBase: cnamSemanticTokens.colors.border.base,
-	borderSubdued: cnamSemanticTokens.colors.border.subdued,
-	borderAccentPrimary: cnamSemanticTokens.colors.border.accentPrimary,
-	borderAccentPrimaryContrasted: cnamSemanticTokens.colors.border.accentPrimaryContrasted,
-	borderAccentPrimaryOnDark: cnamSemanticTokens.colors.border.accentPrimaryOnDark,
-	borderAccentSecondary: cnamSemanticTokens.colors.border.accentSecondary,
-	borderAccentSecondaryContrasted: cnamSemanticTokens.colors.border.accentSecondaryContrasted,
-	borderInfo: cnamSemanticTokens.colors.border.info,
-	borderSuccess: cnamSemanticTokens.colors.border.success,
-	borderWarning: cnamSemanticTokens.colors.border.warning,
-	borderError: cnamSemanticTokens.colors.border.error,
-	borderOnDark: cnamSemanticTokens.colors.border.onDark,
-	borderDisabled: cnamSemanticTokens.colors.border.disabled,
-	borderDisabledOnDark: cnamSemanticTokens.colors.border.disabledOnDark,
-	textBase: cnamSemanticTokens.colors.text.base,
-	textAccentPrimary: cnamSemanticTokens.colors.text.accentPrimary,
-	textAccentPrimaryContrasted: cnamSemanticTokens.colors.text.accentPrimaryContrasted,
-	textAccentSecondary: cnamSemanticTokens.colors.text.accentSecondary,
-	textSubdued: cnamSemanticTokens.colors.text.subdued,
-	textInfo: cnamSemanticTokens.colors.text.info,
-	textSuccess: cnamSemanticTokens.colors.text.success,
-	textWarning: cnamSemanticTokens.colors.text.warning,
-	textError: cnamSemanticTokens.colors.text.error,
-	textDisabled: cnamSemanticTokens.colors.text.disabled,
-	textOnDark: cnamSemanticTokens.colors.text.onDark,
-	textSubduedOnDark: cnamSemanticTokens.colors.text.subduedOnDark,
-	textDisabledOnDark: cnamSemanticTokens.colors.text.disabledOnDark,
-	iconBase: cnamSemanticTokens.colors.icon.base,
-	iconSubdued: cnamSemanticTokens.colors.icon.subdued,
-	iconSubduedOnDark: cnamSemanticTokens.colors.icon.subduedOnDark,
-	iconAccentPrimary: cnamSemanticTokens.colors.icon.accentPrimary,
-	iconAccentPrimaryContrasted: cnamSemanticTokens.colors.icon.accentPrimaryContrasted,
-	iconAccentSecondary: cnamSemanticTokens.colors.icon.accentSecondary,
-	iconInfo: cnamSemanticTokens.colors.icon.info,
-	iconSuccess: cnamSemanticTokens.colors.icon.success,
-	iconWarning: cnamSemanticTokens.colors.icon.warning,
-	iconError: cnamSemanticTokens.colors.icon.error,
-	iconOnDark: cnamSemanticTokens.colors.icon.onDark,
-	iconDisabled: cnamSemanticTokens.colors.icon.disabled,
-	iconDisabledOnDark: cnamSemanticTokens.colors.icon.disabledOnDark,
-	feedbackOnSuccess: baseColors.grey.darken60,
-	colorPrimary: baseColors.blue.base,
+	risquePro: baseTokens.color.brick.base,
+
+	// Border
+	border: baseTokens.color.blue.base,
+	borderVariant: baseTokens.color.grey.lighten40,
+	borderBright: baseTokens.color.white.base,
+	borderDim: baseTokens.color.white.alpha40,
+
+	// Disabled
+	disabled: baseTokens.color.grey.lighten80,
+	onDisabled: baseTokens.color.grey.lighten40,
+	inverseSurface: baseTokens.color.grey.base,
+	onDisabledVariant: baseTokens.color.white.alpha40,
+
+	// Primary
+	primary: baseTokens.color.blue.base,
+	onPrimary: baseTokens.color.white.base,
+	primaryVariant: baseTokens.color.blue.darken40,
+	onPrimaryVariant: baseTokens.color.white.base,
+
+	// Secondary
+	secondary: baseTokens.color.cyan.darken40,
+	onSecondary: baseTokens.color.white.base,
+	secondaryVariant: baseTokens.color.cyan.darken60,
+	onSecondaryVariant: baseTokens.color.white.base,
+
+	// Overlay
+	overlay: baseTokens.color.grey.alpha40,
+
+	// Surface
+	surface: baseTokens.color.white.base,
+	surfaceBright: baseTokens.color.blue.lighten97,
+	surfaceDim: baseTokens.color.blue.lighten90,
+	onSurface: baseTokens.color.grey.darken60,
+	onSurfaceVariant: baseTokens.color.grey.base,
+
+	// Background
+	background: baseTokens.color.blue.lighten90,
+	onBackground: baseTokens.color.grey.darken60,
+	backgroundVariant: baseTokens.color.white.base,
+	onBackgroundVariant: baseTokens.color.grey.lighten40,
+
+	// Feedback
+	info: baseTokens.color.blue.base,
+	infoVariant: baseTokens.color.blue.lighten80,
+	infoVariant90: baseTokens.color.blue.lighten90,
+	onInfo: baseTokens.color.white.base,
+	onInfoVariant: baseTokens.color.blue.darken20,
+	error: baseTokens.color.orange.darken20,
+	onError: baseTokens.color.white.base,
+	errorVariant: baseTokens.color.orange.lighten80,
+	errorVariant90: baseTokens.color.orange.lighten90,
+	onErrorVariant: baseTokens.color.orange.darken60,
+	success: baseTokens.color.green.base,
+	successVariant: baseTokens.color.green.lighten80,
+	successVariant90: baseTokens.color.green.lighten90,
+	onSuccess: baseTokens.color.grey.darken60,
+	onSuccessVariant: baseTokens.color.green.darken60,
+	warning: baseTokens.color.yellow.base,
+	onWarning: baseTokens.color.grey.darken60,
+	warningVariant: baseTokens.color.yellow.lighten80,
+	warningVariant90: baseTokens.color.yellow.lighten90,
+	onWarningVariant: baseTokens.color.yellow.darken60,
+
+	// Interaction
+	interactionLightenEnabled: baseTokens.color.none,
+	interactionLightenHover: baseTokens.color.white.alpha20,
+	interactionLightenSelected: baseTokens.color.white.alpha20,
+	interactionLightenPressed: baseTokens.color.white.alpha38,
+	interactionDarkEnabled: baseTokens.color.transparentBlue.alpha00,
+	interactionDarkHover: baseTokens.color.transparentBlue.alpha08,
+	interactionDarkPressed: baseTokens.color.transparentBlue.alpha18,
+	interactionDarkenEnabled: baseTokens.color.transparentBlack.alpha00,
+	interactionDarkenHover: baseTokens.color.transparentBlack.alpha20,
+	interactionDarkenPressed: baseTokens.color.transparentBlack.alpha40,
 }

package/src/designTokens/tokens/pa/paDarkTheme.ts

@@ -1,5 +1,5 @@
-import { paColorsTokens } from '../pa/paColors'
+import { baseTokens } from '@/designTokens/tokens/baseTokens'
 
 export const paDarkTheme = {
-	backgroundSurface: paColorsTokens.parma.darken60,
+	backgroundSurface: baseTokens.color.parma.darken60,
 }

package/src/designTokens/tokens/pa/paLightTheme.ts

@@ -1,102 +1,77 @@
-import { paColorsTokens } from './paColors'
-import { paSemanticTokens } from './paSemantic'
+import { baseTokens } from '../baseTokens'
 
 export const paLightTheme = {
-	primary: paColorsTokens.blue.base,
-	secondary: paColorsTokens.cyan.darken40,
-	accentPrimaryLight: paColorsTokens.blue.lighten20,
-	accentPrimary: paColorsTokens.blue.base,
-	accentPrimaryContrasted: paColorsTokens.blue.darken40,
-	accentSecondaryLight: paColorsTokens.cyan.lighten60,
-	accentSecondary: paColorsTokens.cyan.base,
-	accentSecondaryContrasted: paColorsTokens.cyan.darken40,
-	accentAlt: paColorsTokens.grey.base,
-	error: paColorsTokens.orange.darken20,
-	info: paColorsTokens.blue.base,
-	success: paColorsTokens.turquoise.darken60,
-	warning: paColorsTokens.yellow.darken60,
-	risquePro: paColorsTokens.brick.base,
-	light: paColorsTokens.grey.lighten60,
-	dark: paColorsTokens.grey.darken80,
-	onBackground: paSemanticTokens.colors.background.surface,
-	onSurfaceAlt: paSemanticTokens.colors.background.surfaceAlt,
-	onSurface: paSemanticTokens.colors.background.surface,
-	onWarning: paSemanticTokens.colors.background.warning,
-	overlayFullpage: paSemanticTokens.colors.overlay.fullpage,
-	overlayOnDark: paSemanticTokens.colors.overlay.onDark,
-	overlayOnLight: paSemanticTokens.colors.overlay.onLight,
-	interactiveSelectionEnabled: paSemanticTokens.colors.interactive.selectionEnabled,
-	interactiveSelectionHover: paSemanticTokens.colors.interactive.selectionHover,
-	interactiveSelectionPressed: paSemanticTokens.colors.interactive.selectionPressed,
-	interactiveSelectionSelected: paSemanticTokens.colors.interactive.selectionSelected,
-	interactiveSelectionHoverOnSelected: paSemanticTokens.colors.interactive.selectionHoverOnSelected,
-	interactiveSelectionSelectedAccent: paSemanticTokens.colors.interactive.selectionSelectedAccent,
-	interactiveSelectionHoverOnSelectedAccent: paSemanticTokens.colors.interactive.selectionHoverOnSelectedAccent,
-	interactiveSelectionDisabled: paSemanticTokens.colors.interactive.selectionDisabled,
-	backgroundMain: paSemanticTokens.colors.background.main,
-	backgroundSurface: paSemanticTokens.colors.background.surface,
-	backgroundSurfaceAlt: paSemanticTokens.colors.background.surfaceAlt,
-	backgroundMainAlt: paSemanticTokens.colors.background.mainAlt,
-	backgroundRaised: paSemanticTokens.colors.background.raised,
-	backgroundAccent: paSemanticTokens.colors.background.accent,
-	backgroundAccentContrasted: paSemanticTokens.colors.background.accentContrasted,
-	backgroundAccentAlt: paSemanticTokens.colors.background.accentAlt,
-	backgroundInfo: paSemanticTokens.colors.background.info,
-	backgroundInfoSubdued: paSemanticTokens.colors.background.infoSubdued,
-	backgroundInfoContrasted: paSemanticTokens.colors.background.infoContrasted,
-	backgroundSuccess: paSemanticTokens.colors.background.success,
-	backgroundSuccessSubdued: paSemanticTokens.colors.background.successSubdued,
-	backgroundSuccessContrasted: paSemanticTokens.colors.background.successContrasted,
-	backgroundWarning: paSemanticTokens.colors.background.warning,
-	backgroundWarningSubdued: paSemanticTokens.colors.background.warningSubdued,
-	backgroundWarningContrasted: paSemanticTokens.colors.background.warningContrasted,
-	backgroundError: paSemanticTokens.colors.background.error,
-	backgroundErrorSubdued: paSemanticTokens.colors.background.errorSubdued,
-	backgroundErrorContrasted: paSemanticTokens.colors.background.errorContrasted,
-	backgroundDisabled: paSemanticTokens.colors.background.disabled,
-	backgroundDisabledOnDark: paSemanticTokens.colors.background.disabledOnDark,
-	backgroundAssure: paSemanticTokens.colors.background.assure,
-	backgroundProfessionnel: paSemanticTokens.colors.background.professionnel,
-	backgroundEntreprise: paSemanticTokens.colors.background.entreprise,
-	borderDarker: paSemanticTokens.colors.border.darker,
-	borderBase: paSemanticTokens.colors.border.base,
-	borderSubdued: paSemanticTokens.colors.border.subdued,
-	borderAccentPrimary: paSemanticTokens.colors.border.accentPrimary,
-	borderAccentPrimaryContrasted: paSemanticTokens.colors.border.accentPrimaryContrasted,
-	borderAccentPrimaryOnDark: paSemanticTokens.colors.border.accentPrimaryOnDark,
-	borderAccentSecondary: paSemanticTokens.colors.border.accentSecondary,
-	borderAccentSecondaryContrasted: paSemanticTokens.colors.border.accentSecondaryContrasted,
-	borderInfo: paSemanticTokens.colors.border.info,
-	borderSuccess: paSemanticTokens.colors.border.success,
-	borderWarning: paSemanticTokens.colors.border.warning,
-	borderError: paSemanticTokens.colors.border.error,
-	borderOnDark: paSemanticTokens.colors.border.onDark,
-	borderDisabled: paSemanticTokens.colors.border.disabled,
-	borderDisabledOnDark: paSemanticTokens.colors.border.disabledOnDark,
-	textBase: paSemanticTokens.colors.text.base,
-	textAccentPrimary: paSemanticTokens.colors.text.accentPrimary,
-	textAccentPrimaryContrasted: paSemanticTokens.colors.text.accentPrimaryContrasted,
-	textAccentSecondary: paSemanticTokens.colors.text.accentSecondary,
-	textSubdued: paSemanticTokens.colors.text.subdued,
-	textInfo: paSemanticTokens.colors.text.info,
-	textSuccess: paSemanticTokens.colors.text.success,
-	textWarning: paSemanticTokens.colors.text.warning,
-	textError: paSemanticTokens.colors.text.error,
-	textDisabled: paSemanticTokens.colors.text.disabled,
-	textOnDark: paSemanticTokens.colors.text.onDark,
-	textSubduedOnDark: paSemanticTokens.colors.text.subduedOnDark,
-	textDisabledOnDark: paSemanticTokens.colors.text.disabledOnDark,
-	iconBase: paSemanticTokens.colors.icon.base,
-	iconSubdued: paSemanticTokens.colors.icon.subdued,
-	iconSubduedOnDark: paSemanticTokens.colors.icon.subduedOnDark,
-	iconAccentPrimary: paSemanticTokens.colors.icon.accentPrimary,
-	iconAccentPrimaryContrasted: paSemanticTokens.colors.icon.accentPrimaryContrasted,
-	iconAccentSecondary: paSemanticTokens.colors.icon.accentSecondary,
-	iconInfo: paSemanticTokens.colors.icon.info,
-	iconSuccess: paSemanticTokens.colors.icon.success,
-	iconWarning: paSemanticTokens.colors.icon.warning,
-	iconError: paSemanticTokens.colors.icon.error,
-	iconOnDark: paSemanticTokens.colors.icon.onDark,
-	iconDisabled: paSemanticTokens.colors.icon.disabled,
-	iconDisabledOnDark: paSemanticTokens.colors.icon.disabledOnDark,
+	risquePro: baseTokens.color.brick.base,
+
+	// Border
+	border: baseTokens.color.blue.base,
+	borderVariant: baseTokens.color.grey.lighten40,
+	borderBright: baseTokens.color.white.base,
+	borderDim: baseTokens.color.white.alpha40,
+
+	// Disabled
+	disabled: baseTokens.color.grey.lighten80,
+	onDisabled: baseTokens.color.grey.lighten40,
+	inverseSurface: baseTokens.color.grey.base,
+	onDisabledVariant: baseTokens.color.white.alpha40,
+
+	// Primary
+	primary: baseTokens.color.blue.base,
+	onPrimary: baseTokens.color.white.base,
+	primaryVariant: baseTokens.color.blue.darken40,
+	onPrimaryVariant: baseTokens.color.white.base,
+
+	// Secondary
+	secondary: baseTokens.color.cyan.darken40,
+	onSecondary: baseTokens.color.white.base,
+	secondaryVariant: baseTokens.color.cyan.darken60,
+	onSecondaryVariant: baseTokens.color.white.base,
+
+	// Overlay
+	overlay: baseTokens.color.grey.alpha40,
+
+	// Surface
+	surface: baseTokens.color.white.base,
+	surfaceBright: baseTokens.color.blue.lighten97,
+	surfaceDim: baseTokens.color.blue.lighten90,
+	onSurface: baseTokens.color.grey.darken60,
+	onSurfaceVariant: baseTokens.color.grey.base,
+
+	// Background
+	background: baseTokens.color.blue.lighten90,
+	onBackground: baseTokens.color.grey.darken60,
+	backgroundVariant: baseTokens.color.white.base,
+	onBackgroundVariant: baseTokens.color.grey.lighten40,
+
+	// Feedback
+	info: baseTokens.color.blue.base,
+	infoVariant: baseTokens.color.blue.lighten80,
+	infoVariant90: baseTokens.color.blue.lighten90,
+	onInfo: baseTokens.color.white.base,
+	onInfoVariant: baseTokens.color.blue.darken20,
+	error: baseTokens.color.orange.darken20,
+	onError: baseTokens.color.white.base,
+	errorVariant: baseTokens.color.orange.lighten80,
+	onErrorVariant: baseTokens.color.orange.darken60,
+	success: baseTokens.color.green.base,
+	successVariant: baseTokens.color.green.lighten80,
+	onSuccess: baseTokens.color.grey.darken60,
+	onSuccessVariant: baseTokens.color.grey.darken60,
+	warning: baseTokens.color.yellow.base,
+	onWarning: baseTokens.color.grey.darken60,
+	warningVariant: baseTokens.color.yellow.lighten80,
+	onWarningVariant: baseTokens.color.yellow.darken60,
+
+	// Interaction
+	interactionLightenEnabled: baseTokens.color.none,
+	interactionLightenHover: baseTokens.color.white.alpha20,
+	interactionLightenSelected: baseTokens.color.white.alpha20,
+	interactionLightenPressed: baseTokens.color.white.alpha38,
+	interactionDarkEnabled: baseTokens.color.transparentBlue.alpha00,
+	interactionDarkHover: baseTokens.color.transparentBlue.alpha08,
+	interactionDarkPressed: baseTokens.color.transparentBlue.alpha18,
+	interactionDarkenEnabled: baseTokens.color.transparentBlack.alpha00,
+	interactionDarkenHover: baseTokens.color.transparentBlack.alpha20,
+	interactionDarkenPressed: baseTokens.color.transparentBlack.alpha40,
+
 }

package/src/designTokens/tokens/pa/paSemantic.ts

@@ -1,4 +1,5 @@
 import { paColorsTokens } from './paColors'
+import { cnamColorsTokens } from '@/designTokens'
 
 export const paSemanticTokens = {
 	colors: {
@@ -6,6 +7,7 @@ export const paSemanticTokens = {
 			main: paColorsTokens.blue.lighten90,
 			surface: paColorsTokens.white.base,
 			mainAlt: paColorsTokens.white.base,
+			mainTer: cnamColorsTokens.grey.lighten97,
 			surfaceAlt: paColorsTokens.blue.lighten90,
 			raised: paColorsTokens.blue.lighten97,
 			accent: paColorsTokens.blue.base,

package/src/designTokens/tokens/semanticTokens.ts

@@ -0,0 +1,114 @@
+import { baseTokens } from './baseTokens'
+
+export const semanticTokens = {
+	CNAM: {
+		color: {
+			border: baseTokens.color.blue.base,
+			borderVariant: baseTokens.color.grey.lighten40,
+			disabled: baseTokens.color.grey.lighten80,
+			inverseSurface: baseTokens.color.grey.base,
+			onDisabled: baseTokens.color.grey.lighten40,
+			onPrimary: baseTokens.color.white.base,
+			onPrimaryVariant: baseTokens.color.white.base,
+			onSecondary: baseTokens.color.white.base,
+			onSecondaryVariant: baseTokens.color.white.base,
+			onSurfaceVariant: baseTokens.color.grey.base,
+			overlay: baseTokens.color.grey.alpha40,
+			primary: baseTokens.color.blue.base,
+			primaryVariant: baseTokens.color.blue.darken40,
+			secondary: baseTokens.color.cyan.darken40,
+			secondaryVariant: baseTokens.color.cyan.darken60,
+			surface: baseTokens.color.white.base,
+			surfaceBright: baseTokens.color.blue.lighten97,
+			surfaceDim: baseTokens.color.blue.lighten90,
+		},
+		background: {
+			background: baseTokens.color.blue.lighten90,
+			backgroundVariant: baseTokens.color.white.base,
+			onBackgroundVariant: baseTokens.color.grey.lighten40,
+		},
+		feedback: {
+			error: baseTokens.color.orange.darken20,
+			errorVariant: baseTokens.color.orange.lighten80,
+			info: baseTokens.color.blue.base,
+			infoVariant: baseTokens.color.blue.lighten80,
+			onError: baseTokens.color.white.base,
+			onErrorVariant: baseTokens.color.orange.darken60,
+			onInfo: baseTokens.color.white.base,
+			onInfoVariant: baseTokens.color.blue.darken20,
+			onSuccess: baseTokens.color.grey.darken60,
+			onSuccessVariant: baseTokens.color.grey.darken60,
+			onWarningVariant: baseTokens.color.yellow.darken60,
+			success: baseTokens.color.green.base,
+			successVariant: baseTokens.color.green.lighten80,
+			warning: baseTokens.color.yellow.base,
+			warningVariant: baseTokens.color.yellow.lighten80,
+		},
+		interaction: {
+			darkEnabled: baseTokens.color.transparentBlue.alpha00,
+			darkHover: baseTokens.color.transparentBlue.alpha08,
+			darkPressed: baseTokens.color.transparentBlue.alpha20,
+			darkenEnabled: baseTokens.color.transparentBlack.alpha00,
+			darkenHover: baseTokens.color.transparentBlack.alpha20,
+			darkenPressed: baseTokens.color.transparentBlack.alpha40,
+			lightenEnabled: baseTokens.color.none,
+			lightenHover: baseTokens.color.white.alpha20,
+			lightenPressed: baseTokens.color.white.alpha40,
+		},
+	},
+	ap: {
+		color: {
+			border: baseTokens.color.cyan.darken20,
+			borderVariant: baseTokens.color.grey.lighten40,
+			disabled: baseTokens.color.grey.lighten80,
+			inverseSurface: baseTokens.color.grey.base,
+			onDisabled: baseTokens.color.grey.lighten40,
+			onPrimary: baseTokens.color.white.base,
+			onPrimaryVariant: baseTokens.color.white.base,
+			onSecondary: baseTokens.color.white.base,
+			onSecondaryVariant: baseTokens.color.white.base,
+			onSurfaceVariant: baseTokens.color.grey.base,
+			overlay: baseTokens.color.grey.alpha40,
+			primary: baseTokens.color.cyan.darken20,
+			primaryVariant: baseTokens.color.cyan.darken40,
+			secondary: baseTokens.color.cyan.darken60,
+			secondaryVariant: baseTokens.color.cyan.darken80,
+			surface: baseTokens.color.white.base,
+			surfaceBright: baseTokens.color.cyan.lighten97,
+			surfaceDim: baseTokens.color.cyan.lighten80,
+		},
+		background: {
+			background: baseTokens.color.cyan.lighten97,
+			backgroundVariant: baseTokens.color.white.base,
+			onBackgroundVariant: baseTokens.color.grey.lighten40,
+		},
+		feedback: {
+			error: baseTokens.color.red.darken20,
+			errorVariant: baseTokens.color.red.lighten90,
+			info: baseTokens.color.parma.darken40,
+			infoVariant: baseTokens.color.parma.lighten80,
+			onError: baseTokens.color.white.base,
+			onErrorVariant: baseTokens.color.red.darken60,
+			onInfo: baseTokens.color.white.base,
+			onInfoVariant: baseTokens.color.parma.darken60,
+			onSuccess: baseTokens.color.white.base,
+			onSuccessVariant: baseTokens.color.forestGreen.darken60,
+			onWarningVariant: baseTokens.color.yellow.darken60,
+			success: baseTokens.color.forestGreen.base,
+			successVariant: baseTokens.color.forestGreen.lighten90,
+			warning: baseTokens.color.yellow.base,
+			warningVariant: baseTokens.color.yellow.lighten80,
+		},
+		interaction: {
+			darkEnabled: baseTokens.color.transparentCyan.alpha00,
+			darkHover: baseTokens.color.transparentCyan.alpha08,
+			darkPressed: baseTokens.color.transparentCyan.alpha18,
+			darkenEnabled: baseTokens.color.transparentBlack.alpha00,
+			darkenHover: baseTokens.color.transparentBlack.alpha20,
+			darkenPressed: baseTokens.color.transparentBlack.alpha40,
+			lightenEnabled: baseTokens.color.none,
+			lightenHover: baseTokens.color.white.alpha20,
+			lightenPressed: baseTokens.color.white.alpha38,
+		},
+	},
+} as const

package/src/stories/Accessibilite/DesignSystem/a11y-status.json

@@ -568,7 +568,7 @@
       "hasA11yDisabledInStories": false,
       "mdxStatus": "Complète",
       "isFullyCompliant": true,
-      "storybookTitle": "Composants/Formulaires/SearchListField",
+      "storybookTitle": "Composants/Filtres/SearchListField",
       "hasManualAudit": true
     },
     {