@1024pix/pix-ui 64.0.0 → 65.0.0

package/addon/components/pix-stepper.gjs

@@ -1,10 +1,21 @@
+import { warn } from '@ember/debug';
 import Component from '@glimmer/component';
 import { eq } from 'ember-truth-helpers';
 
-import { formatMessage } from '../translations';
 import PixStep from './pix-step';
 
 export default class PixStepperComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    warn(
+      'PixStepper: @texts attribute is mandatory for accessibility.',
+      Boolean(this.args.texts?.ariaLabel),
+      {
+        id: 'pix-ui.stepper-component.texts.mandatory',
+      },
+    );
+  }
+
   get cssClass() {
     const classes = ['pix-stepper'];
 
@@ -19,15 +30,8 @@ export default class PixStepperComponent extends Component {
     return this.args.currentStep - 1;
   }
 
-  get ariaLabel() {
-    return formatMessage(this.args.locale ?? 'fr', 'stepper.ariaLabel', {
-      current: this.args.currentStep,
-      total: this.args.steps.length,
-    });
-  }
-
   <template>
-    <ol class={{this.cssClass}} role="list" aria-label={{this.ariaLabel}} ...attributes>
+    <ol class={{this.cssClass}} role="list" ...attributes aria-label={{@texts.ariaLabel}}>
       {{#each @steps as |step index|}}
         <PixStep
           @index={{index}}

package/addon/translations/en.js

@@ -8,9 +8,6 @@ export default {
   select: {
     search: 'Search',
   },
-  stepper: {
-    ariaLabel: 'Step {current, number} of {total, number}',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'Reduce the width of the navigation menu',
     expandNavigationAriaLabel: 'Return to the initial width of the navigation menu',

package/addon/translations/es-419.js

@@ -8,7 +8,4 @@ export default {
   select: {
     search: 'Buscar',
   },
-  stepper: {
-    ariaLabel: 'Paso {current, number} de {total, number}',
-  },
 };

package/addon/translations/es.js

@@ -8,9 +8,6 @@ export default {
   select: {
     search: 'Buscar',
   },
-  stepper: {
-    ariaLabel: 'Paso {current, number} de {total, number}',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'Reducir el ancho del menú de navegación',
     expandNavigationAriaLabel: 'Volver al ancho inicial del menú de navegación',

package/addon/translations/fr.js

@@ -13,7 +13,4 @@ export default {
     shrinkNavigationAriaLabel: 'Réduire la largeur du menu de navigation',
     expandNavigationAriaLabel: 'Revenir à la largeur initiale du menu de navigation',
   },
-  stepper: {
-    ariaLabel: 'Étape {current, number} sur {total, number}',
-  },
 };

package/addon/translations/nl.js

@@ -8,9 +8,6 @@ export default {
   select: {
     search: 'Zoeken',
   },
-  stepper: {
-    ariaLabel: 'Stap {current, number} van {total, number}',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'De breedte van het navigatiemenu verkleinen',
     expandNavigationAriaLabel: 'Terug naar de oorspronkelijke breedte van het navigatiemenu',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/pix-ui",
-  "version": "64.0.0",
+  "version": "65.0.0",
   "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
   "keywords": [
     "ember-addon"