@cnamts/synapse 1.0.17 → 1.0.19

package/src/assets/overrides/_typography.scss

@@ -1,5 +1,6 @@
 /* Typography styles for CNAM and PA themes */
 @use '@/assets/tokens.scss' as *;
+@use '@/assets/amelipro/apTokens2026' as *;
 
 .theme-cnam,
 .theme-pa {
@@ -194,3 +195,152 @@
 		font-size: $font-size-link-label;
 	}
 }
+
+.theme-ap,
+.theme-ap2026 {
+	p {
+		font-size: $font-size-xs;
+	}
+
+	a {
+		font-size: $font-size-xs;
+		color: $ap-blue-darken1;
+
+		&:hover {
+			color: $ap-blue-darken2;
+			text-decoration: underline;
+		}
+	}
+
+	[class*='text-'] {
+		font-family: Arial, Helvetica, sans-serif !important;
+		font-weight: $ap-font-weight-regular;
+		line-height: 1.3 !important;
+	}
+
+	// sets the service title text style
+	[class*='text-service-title'] {
+		font-family: Arial, Helvetica, sans-serif !important;
+		font-size: $font-size-xxl !important;
+		font-weight: $ap-font-weight-bold !important;
+		text-transform: uppercase !important;
+
+		@media #{$media-down-md} {
+			font-size: $font-size-md !important;
+		}
+	}
+
+	// sets classes font sizes
+	[class*='text-'][class*='-h1'],
+	h1 {
+		font-size: $font-size-xxl !important;
+		font-weight: $ap-font-weight-bold !important;
+	}
+
+	[class*='text-'][class*='-h2'],
+	h2 {
+		font-size: $font-size-lg !important;
+		font-weight: $ap-font-weight-bold;
+	}
+
+	[class*='text-'][class*='-h3'],
+	h3 {
+		font-size: $font-size-md !important;
+	}
+
+	[class*='text-'][class*='-h4'],
+	h4 {
+		font-size: $font-size-sm !important;
+		font-weight: $ap-font-weight-bold;
+	}
+
+	[class*='text-'][class*='-h5'],
+	[class*='text-'][class*='-h6'],
+	h5,
+	h6 {
+		font-size: $font-size-sm !important;
+		font-weight: $ap-font-weight-bold;
+	}
+
+	[class*='text-'][class*='-subtitle-1'],
+	[class*='text-'][class*='-subtitle-2'],
+	[class*='text-'][class*='-body-1'],
+	[class*='text-'][class*='-body-2'],
+	[class*='text-'][class*='-button'],
+	[class*='text-'][class*='-overline'] {
+		font-size: $font-size-xs !important;
+	}
+
+	[class*='text-'][class*='-caption'] {
+		font-size: $font-size-xxs !important;
+	}
+
+	// sets font weight
+	[class*='text-'][class*='-subtitle-1'],
+	[class*='text-'][class*='-subtitle-2'] {
+		font-weight: $ap-font-weight-bold;
+	}
+
+	[class*='font-weight-bold'] {
+		font-weight: $ap-font-weight-bold !important;
+	}
+
+	.font-size-xxs {
+		font-size: $font-size-xxs;
+	}
+
+	.font-size-xs {
+		font-size: $font-size-xs;
+	}
+
+	.font-size-sm {
+		font-size: $font-size-sm;
+	}
+
+	.font-size-md {
+		font-size: $font-size-md;
+	}
+
+	.font-size-lg {
+		font-size: $font-size-lg;
+	}
+
+	.font-size-xl {
+		font-size: $font-size-xl;
+	}
+
+	.font-size-xxl {
+		font-size: $font-size-xxl;
+	}
+
+	.relative {
+		position: relative;
+	}
+
+	.list-style-none {
+		margin: 0;
+		padding: 0 !important;
+		list-style: none !important;
+	}
+
+	.w-100 {
+		width: 100%;
+	}
+
+	.h-100 {
+		height: 100%;
+	}
+
+	.pointer {
+		cursor: pointer;
+	}
+
+	.v-field--active .v-label.v-field-label {
+		font-weight: 700 !important;
+	}
+}
+
+// Font Styles
+.theme--ap.v-sheet {
+	color: $ap-grey-darken1;
+}

package/src/assets/overrides/_utilities.scss

@@ -0,0 +1,8 @@
+@use '@/assets/amelipro/apTokens2026' as *;
+
+.theme-ap,
+.theme-ap2026 {
+	.border-0 {
+		border: 0;
+	}
+}

package/src/assets/settings.scss

@@ -8,4 +8,13 @@
 	$utilities: (
 		'typography': false,
 	),
+	$button-sizes: (
+		'font-size': 1rem,
+	),
+	$button-text-letter-spacing: normal,
+	$button-elevation: (
+		'default': 0,
+		'hover': 0,
+		'active': 0,
+	),
 );

package/src/assets/themes.scss

@@ -4,7 +4,8 @@
 @use 'overrides/typography';
 @use 'overrides/spacers';
 @use 'overrides/btns';
+@use 'overrides/icons';
 @use 'overrides/forms';
 @use 'overrides/tables';
 @use 'overrides/tooltips';
-@use 'amelipro/apTheme';
+@use 'overrides/utilities';

package/src/components/Accordion/Accessibilite/AccessibilityGuide.mdx

@@ -8,9 +8,9 @@ import {
 	DemoSection,
 	BestPracticesSection,
 	ResourcesSection,
-} from '../../../stories/accessibility/AccessibilityGuideLayout.mdx';
+} from '@/stories/accessibility/AccessibilityGuideLayout.mdx';
 
-<Meta of={AccordionStories} />
+<Meta of={AccordionStories}  name="Accessibilité" />
 
 <AccessibilityGuideLayout
 	componentName="Accordion"

package/src/components/Accordion/composables/useAccordionKeyboardNavigation.ts

@@ -47,7 +47,7 @@ export default function useAccordionKeyboardNavigation(
 
 		// Si le prochain élément est désactivé, on continue à chercher
 		let attempts = 0
-		while (itemsArray[nextIndex].disabled && attempts < itemsArray.length) {
+		while (itemsArray[nextIndex]?.disabled && attempts < itemsArray.length) {
 			nextIndex = (nextIndex + 1) % itemsArray.length
 			attempts++
 		}
@@ -61,7 +61,7 @@ export default function useAccordionKeyboardNavigation(
 
 		// Si l'élément précédent est désactivé, on continue à chercher
 		let attempts = 0
-		while (itemsArray[prevIndex].disabled && attempts < itemsArray.length) {
+		while (itemsArray[prevIndex]?.disabled && attempts < itemsArray.length) {
 			prevIndex = (prevIndex - 1 + itemsArray.length) % itemsArray.length
 			attempts++
 		}
@@ -74,7 +74,7 @@ export default function useAccordionKeyboardNavigation(
 		let index = 0
 
 		// Si le premier élément est désactivé, on cherche le prochain disponible
-		while (index < itemsArray.length && itemsArray[index].disabled) {
+		while (index < itemsArray.length && itemsArray[index]?.disabled) {
 			index++
 		}
 
@@ -88,7 +88,7 @@ export default function useAccordionKeyboardNavigation(
 		let index = itemsArray.length - 1
 
 		// Si le dernier élément est désactivé, on cherche le précédent disponible
-		while (index >= 0 && itemsArray[index].disabled) {
+		while (index >= 0 && itemsArray[index]?.disabled) {
 			index--
 		}
 
@@ -99,7 +99,7 @@ export default function useAccordionKeyboardNavigation(
 
 	const focusHeaderByIndex = (index: number) => {
 		const itemsArray = getItemsArray()
-		const itemId = itemsArray[index].id
+		const itemId = itemsArray[index]!.id
 		const headerElement = document.getElementById(`accordion-button-${itemId}`)
 		headerElement?.focus()
 		setFocus(itemId)

package/src/components/Accordion/tests/Accordion.a11y.spec.ts

@@ -34,10 +34,10 @@ describe('Accordion – accessibility (axe)', () => {
 		// Ouvrir les deux sections pour inclure le contenu dans l’audit axe
 		const buttons = wrapper.findAll('.sy-accordion-button')
 		if (buttons.length > 0) {
-			await buttons[0].trigger('click')
+			await buttons[0]?.trigger('click')
 		}
 		if (buttons.length > 1) {
-			await buttons[1].trigger('click')
+			await buttons[1]?.trigger('click')
 		}
 
 		const results = await axe(wrapper.element as HTMLElement)

package/src/components/Amelipro/AmeliproAccordion/AmeliproAccordionTemplate/AmeliproAccordionTemplate.vue

@@ -167,7 +167,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .accordion-btn {
 	padding: 0;

package/src/components/Amelipro/AmeliproAccordionFrieze/AmeliproAccordionFrieze.vue

@@ -158,8 +158,8 @@
 	watch(() => computedSlides.value, (newValue, oldValue) => {
 		if (currentOpenedAccordion.value === undefined && oldValue.length > 0) {
 			const currentSlideContent = oldValue[currentSlide.value]
-			const firstItemDisplayed = currentSlideContent[0]
-			const lastItemDisplayed = currentSlideContent[currentSlideContent.length - 1]
+			const firstItemDisplayed = currentSlideContent?.[0]
+			const lastItemDisplayed = currentSlideContent?.[currentSlideContent.length - 1]
 
 			if (props.fillSlideOrientation === 'left') {
 				newValue.forEach((slide, index) => {
@@ -352,7 +352,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .frieze {
 	position: relative;

package/src/components/Amelipro/AmeliproAccordionGroup/AmeliproAccordionGroup.vue

@@ -46,11 +46,11 @@
 		},
 	})
 
-	const openId = ref<string | null>(null)
+	const openId = ref<string | undefined | null>(null)
 
 	onMounted(() => {
 		if (props.defaultItemOpened !== null) {
-			openId.value = props.items[props.defaultItemOpened].id
+			openId.value = props.items[props.defaultItemOpened]?.id
 		}
 	})
 

package/src/components/Amelipro/AmeliproAccordionGroup/__tests__/AmeliproAccordionGroup.spec.ts

@@ -182,8 +182,8 @@ describe('AmeliproAccordionGroup', () => {
 				const templates = wrapper.findAllComponents(AmeliproAccordionTemplate)
 				expect(templates.length).toBe(defaultItems.length)
 				for (let i = 0; i < templates.length; i++) {
-					expect(templates[i].props('accordionTitle')).toBe(defaultItems[i].title)
-					expect(templates[i].props('uniqueId')).toBe(defaultItems[i].id)
+					expect(templates[i]?.props('accordionTitle')).toBe(defaultItems[i].title)
+					expect(templates[i]?.props('uniqueId')).toBe(defaultItems[i].id)
 				}
 
 				const { items } = modifiedPropValues()
@@ -191,8 +191,8 @@ describe('AmeliproAccordionGroup', () => {
 				const modTemplates = wrapper.findAllComponents(AmeliproAccordionTemplate)
 				expect(modTemplates.length).toBe(items.length)
 				for (let i = 0; i < modTemplates.length; i++) {
-					expect(modTemplates[i].props('accordionTitle')).toBe(items[i].title)
-					expect(modTemplates[i].props('uniqueId')).toBe(items[i].id)
+					expect(modTemplates[i]?.props('accordionTitle')).toBe(items[i]?.title)
+					expect(modTemplates[i]?.props('uniqueId')).toBe(items[i]?.id)
 				}
 			})
 		})
@@ -213,21 +213,21 @@ describe('AmeliproAccordionGroup', () => {
 			// L'accordéon s'ouvre, l'id est celui de l'item
 			const emitted = wrapper.emitted('change')
 			expect(emitted).toBeTruthy()
-			expect(emitted![0][0]).toBe(items[0].id)
+			expect(emitted![0]?.[0]).toBe(items[0].id)
 
 			// On referme le même accordéon, l'id devient null
 			await wrapper.vm.openClose(items[0].id)
 			const emitted2 = wrapper.emitted('change')
-			expect(emitted2![1][0]).toBe(null)
+			expect(emitted2![1]?.[0]).toBe(null)
 		})
 
 		it('emit \'change\' with correct id when clicking on accordion', async () => {
 			const items = testHelper.default('items')
 			const templates = wrapper.findAllComponents(AmeliproAccordionTemplate)
-			await templates[1].vm.$emit('open-close')
+			templates[1]?.vm.$emit('open-close')
 			const emitted = wrapper.emitted('change')
 			expect(emitted).toBeTruthy()
-			expect(emitted![0][0]).toBe(items[1].id)
+			expect(emitted![0]?.[0]).toBe(items[1].id)
 		})
 	})
 })

package/src/components/Amelipro/AmeliproAccordionList/AmeliproAccordionList.vue

@@ -287,7 +287,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .total-counter {
 	background-color: apTokens.$ap-grey-lighten2;

package/src/components/Amelipro/AmeliproAccordionResult/AmeliproAccordionResultTemplate/AmeliproAccordionResultTemplate.vue

@@ -104,7 +104,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-accordion-result {
 	display: block;

package/src/components/Amelipro/AmeliproAccordionResultList/AmeliproAccordionResultList.vue

@@ -275,7 +275,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .total-counter {
 	background-color: apTokens.$ap-grey-lighten2;

package/src/components/Amelipro/AmeliproAutoCompleteField/AmeliproAutoCompleteField.vue

@@ -364,33 +364,33 @@
 </template>
 
 <style lang="scss" scoped>
-	@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
-	.amelipro-text-field {
-		& :deep(.v-field__outline) {
-			border-color: v-bind(inputBorderStyle);
+.amelipro-text-field {
+	& :deep(.v-field__outline) {
+		border-color: v-bind(inputBorderStyle);
 
-			--v-field-border-opacity: 1 !important;
-		}
-
-		& :deep(.v-field.v-field--variant-outlined.v-field--focused .v-field__outline) {
-			--v-field-border-width: 1px !important;
-		}
+		--v-field-border-opacity: 1 !important;
 	}
 
-	.amelipro-autocomplete__label {
-		font-size: apTokens.$font-size-xs;
-		font-weight: apTokens.$label-font-weight;
+	& :deep(.v-field.v-field--variant-outlined.v-field--focused .v-field__outline) {
+		--v-field-border-width: 1px !important;
 	}
+}
 
-	.v-input {
-		& :deep(.v-field__input) {
-			padding-left: 12px;
-			padding-right: 12px;
-		}
+.amelipro-autocomplete__label {
+	font-size: apTokens.$font-size-xs;
+	font-weight: apTokens.$label-font-weight;
+}
 
-		& :deep(.v-field--disabled) {
-			opacity: 1 !important;
-		}
+.v-input {
+	& :deep(.v-field__input) {
+		padding-left: 12px;
+		padding-right: 12px;
+	}
+
+	& :deep(.v-field--disabled) {
+		opacity: 1 !important;
 	}
+}
 </style>

package/src/components/Amelipro/AmeliproBadge/AmeliproBadge.vue

@@ -52,7 +52,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-badge {
 	display: inline-block;

package/src/components/Amelipro/AmeliproBreadcrumb/AmeliproBreadcrumb.vue

@@ -20,7 +20,10 @@
 		let itemsList = props.items.slice(0, (props.items.length - 1))
 
 		if (xs.value) {
-			itemsList = [props.items[props.items.length - 2]]
+			const key = props.items?.[props.items.length - 2]
+			if (key) {
+				itemsList = [key]
+			}
 		}
 
 		return itemsList
@@ -69,7 +72,7 @@
 					aria-current="page"
 					class="text-none mb-0 breadcrumb__active-page"
 				>
-					{{ items[items.length - 1].title }}
+					{{ items[items.length - 1]?.title }}
 				</p>
 			</li>
 		</ol>
@@ -77,7 +80,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .breadcrumb__separator {
 	display: block;

package/src/components/Amelipro/AmeliproBreadcrumb/__tests__/AmeliproBreadcrumb.spec.ts

@@ -96,7 +96,7 @@ describe('AmeliproBreadcrumb', () => {
 			expect(wrapper.find('ol').attributes('id')).toBe(testHelper.default('uniqueId'))
 			expect(wrapper.attributes('id')).toBeUndefined()
 			expect(btns().length).toBeGreaterThan(0)
-			expect(btns()[0].attributes('id')).toBeUndefined()
+			expect(btns()[0]?.attributes('id')).toBeUndefined()
 			expect(wrapper.find('.breadcrumb__active-page').attributes('id')).toBeUndefined()
 
 			const { uniqueId } = modifiedPropValues()
@@ -112,12 +112,12 @@ describe('AmeliproBreadcrumb', () => {
 		it('prop items sets aria-current and text on last item', async () => {
 			const current = () => wrapper.find('.breadcrumb__active-page')
 			expect(current().attributes('aria-current')).toBe('page')
-			expect(current().text()).toBe(requiredPropValues().items.slice(-1)[0].title)
+			expect(current().text()).toBe(requiredPropValues().items.slice(-1)[0]?.title)
 
 			const { items } = modifiedPropValues()
 			await wrapper.setProps({ items })
 			expect(current().attributes('aria-current')).toBe('page')
-			expect(current().text()).toBe(modifiedPropValues().items.slice(-1)[0].title)
+			expect(current().text()).toBe(modifiedPropValues().items.slice(-1)[0]?.title)
 		})
 
 		it('sets aria-label on nav', () => {
@@ -171,7 +171,7 @@ describe('AmeliproBreadcrumb', () => {
 			const btns = wrapper.findAll('.breadcrumb__btn')
 			expect(btns.length).toBe(requiredPropValues().items.length - 1)
 			for (let i = 0; i < btns.length; i++) {
-				await btns[i].trigger('click')
+				await btns[i]?.trigger('click')
 			}
 			const emitted = wrapper.emitted('click')
 			expect(emitted).toBeDefined()
@@ -181,7 +181,7 @@ describe('AmeliproBreadcrumb', () => {
 				if (!emitted) {
 					continue
 				}
-				expect(emitted[i][0]).toBe(requiredPropValues().items[i].id)
+				expect(emitted[i]?.[0]).toBe(requiredPropValues().items[i]?.id)
 			}
 		})
 	})

package/src/components/Amelipro/AmeliproBtn/AmeliproBtn.vue

@@ -306,7 +306,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .v-btn {
 	letter-spacing: 0.64px;

package/src/components/Amelipro/AmeliproCallback/AmeliproCallback.vue

@@ -158,7 +158,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-callback__retry-btn {
 	margin-left: 0;

package/src/components/Amelipro/AmeliproCaptcha/__tests__/AmeliproCaptcha.spec.ts

@@ -314,24 +314,24 @@ describe('AmeliproCaptcha', () => {
 
 			// uniqueId
 			it('prop uniqueId sets prop uniqueId', async () => {
-				expect(updateBtn().props('uniqueId')).toBe(`${testHelper.default('uniqueId')}-update-btn`)
-				expect(switchBtn().props('uniqueId')).toBe(`${testHelper.default('uniqueId')}-switch-type-btn`)
+				expect(updateBtn()?.props('uniqueId')).toBe(`${testHelper.default('uniqueId')}-update-btn`)
+				expect(switchBtn()?.props('uniqueId')).toBe(`${testHelper.default('uniqueId')}-switch-type-btn`)
 
 				const { uniqueId } = modifiedPropValues()
 				await wrapper.setProps({ uniqueId })
-				expect(updateBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-update-btn`)
-				expect(switchBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-switch-type-btn`)
+				expect(updateBtn()?.props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-update-btn`)
+				expect(switchBtn()?.props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-switch-type-btn`)
 			})
 
 			// text updateCaptchaLabelImg & switchCaptchaTypeLabelImg
 			it('props updateCaptchaLabelImg & switchCaptchaTypeLabelImg set btn text', async () => {
-				expect(updateBtn().text()).toBe(testHelper.default('updateCaptchaLabelImg'))
-				expect(switchBtn().text()).toBe(testHelper.default('switchCaptchaTypeLabelImg'))
+				expect(updateBtn()?.text()).toBe(testHelper.default('updateCaptchaLabelImg'))
+				expect(switchBtn()?.text()).toBe(testHelper.default('switchCaptchaTypeLabelImg'))
 
 				const { updateCaptchaLabelImg, switchCaptchaTypeLabelImg } = modifiedPropValues()
 				await wrapper.setProps({ updateCaptchaLabelImg, switchCaptchaTypeLabelImg })
-				expect(updateBtn().text()).toBe(testHelper.modified('updateCaptchaLabelImg'))
-				expect(switchBtn().text()).toBe(testHelper.modified('switchCaptchaTypeLabelImg'))
+				expect(updateBtn()?.text()).toBe(testHelper.modified('updateCaptchaLabelImg'))
+				expect(switchBtn()?.text()).toBe(testHelper.modified('switchCaptchaTypeLabelImg'))
 			})
 		})
 
@@ -359,13 +359,13 @@ describe('AmeliproCaptcha', () => {
 
 			// text updateCaptchaLabelAudio & switchCaptchaTypeLabelAudio
 			it('props updateCaptchaLabelAudio & switchCaptchaTypeLabelAudio set btn text', async () => {
-				expect(updateBtn().text()).toBe(testHelper.default('updateCaptchaLabelAudio'))
-				expect(switchBtn().text()).toBe(testHelper.default('switchCaptchaTypeLabelAudio'))
+				expect(updateBtn()?.text()).toBe(testHelper.default('updateCaptchaLabelAudio'))
+				expect(switchBtn()?.text()).toBe(testHelper.default('switchCaptchaTypeLabelAudio'))
 
 				const { updateCaptchaLabelAudio, switchCaptchaTypeLabelAudio } = modifiedPropValues()
 				await wrapper.setProps({ updateCaptchaLabelAudio, switchCaptchaTypeLabelAudio })
-				expect(updateBtn().text()).toBe(testHelper.modified('updateCaptchaLabelAudio'))
-				expect(switchBtn().text()).toBe(testHelper.modified('switchCaptchaTypeLabelAudio'))
+				expect(updateBtn()?.text()).toBe(testHelper.modified('updateCaptchaLabelAudio'))
+				expect(switchBtn()?.text()).toBe(testHelper.modified('switchCaptchaTypeLabelAudio'))
 			})
 		})
 	})

package/src/components/Amelipro/AmeliproCard/AmeliproCard.vue

@@ -227,7 +227,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-card {
 	display: block;

package/src/components/Amelipro/AmeliproCarousel/AmeliproCarousel.vue

@@ -211,7 +211,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .v-btn {
 	&.btn-previous,

package/src/components/Amelipro/AmeliproCheckbox/AmeliproCheckbox.vue

@@ -143,7 +143,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-checkbox-input {
 	& .checkbox-label {

package/src/components/Amelipro/AmeliproCheckboxGroup/AmeliproCheckboxGroup.vue

@@ -267,7 +267,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-checkbox-group__item-input {
 	& .checkbox-label {

package/src/components/Amelipro/AmeliproChips/AmeliproChips.vue

@@ -41,7 +41,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-chips {
 	padding: 0.75rem;

package/src/components/Amelipro/AmeliproClickableTile/AmeliproClickableTile.vue

@@ -189,7 +189,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-clickable-tile {
 	position: relative;