@spw-ds/spw-stencil-library 1.8.0 → 1.9.0

package/dist/types/components.d.ts

@@ -86,18 +86,39 @@ export namespace Components {
         "size": 'small' | 'medium' | 'large';
     }
     interface SpwBlockContent {
+        /**
+          * Couleur de fond du bloc
+          * @default 'primary'
+         */
+        "background"?: 'primary' | 'neutral';
         /**
           * URL du lien (pour banner-landscape et banner-portrait)
          */
         "href"?: string;
         /**
-          * Texte alternatif de l'image (pour banner-landscape et banner-portrait)
+          * Texte alternatif de l'image (pour callout, banner-landscape et banner-portrait)
          */
         "imageAlt"?: string;
         /**
-          * URL de l'image (pour banner-landscape et banner-portrait)
+          * URL de l'image (pour callout, banner-landscape et banner-portrait)
          */
         "imageSrc"?: string;
+        /**
+          * Ratio d'aspect de l'image pour tous les breakpoints - callout uniquement (ex: "16/9", "4/3", "1/1")
+         */
+        "ratio"?: string;
+        /**
+          * Ratio d'aspect de l'image en vue desktop - callout uniquement
+         */
+        "ratioDesktop"?: string;
+        /**
+          * Ratio d'aspect de l'image en vue mobile - callout uniquement
+         */
+        "ratioMobile"?: string;
+        /**
+          * Ratio d'aspect de l'image en vue tablette - callout uniquement
+         */
+        "ratioTablet"?: string;
         /**
           * Target du lien (pour banner-landscape et banner-portrait)
           * @default '_self'
@@ -107,7 +128,7 @@ export namespace Components {
           * Variante du bloc de contenu
           * @default 'blockquote'
          */
-        "variant": 'blockquote' | 'banner-landscape' | 'banner-portrait';
+        "variant": 'blockquote' | 'banner-landscape' | 'banner-portrait' | 'callout';
     }
     interface SpwBreadcrumb {
         /**
@@ -428,6 +449,10 @@ export namespace Components {
           * @default false
          */
         "fixedDropdown"?: boolean;
+        /**
+          * Tag name du composant parent contenant le scroll (ex: 'spw-modal'). Le composant remontera les parents pour trouver ce composant et écouter son scroll interne.
+         */
+        "fixedDropdownParent"?: string;
         /**
           * Récupère la valeur actuelle du champ de sélection
          */
@@ -598,6 +623,15 @@ export namespace Components {
           * @default ''
          */
         "error"?: string;
+        /**
+          * Utilise un positionnement fixed pour le calendrier si nécessité de sortir du contexte (utile dans une modal avec overflow hidden)
+          * @default false
+         */
+        "fixedCalendar"?: boolean;
+        /**
+          * Tag name du composant parent contenant le scroll (ex: 'spw-modal'). Le composant remontera les parents pour trouver ce composant et écouter son scroll interne.
+         */
+        "fixedCalendarParent"?: string;
         /**
           * Méthode pour récupérer la date
          */
@@ -886,6 +920,86 @@ export namespace Components {
           * Réinitialise le champ de téléchargement de fichiers
          */
         "resetInput": () => Promise<void>;
+        /**
+          * Texte pour les formats autorisés (utiliser {formats} comme placeholder)
+          * @default 'Formats autorisés : {formats}.'
+         */
+        "textAcceptedFormats": string;
+        /**
+          * Texte quand tous les formats sont autorisés
+          * @default 'Formats autorisés : tous les formats.'
+         */
+        "textAllFormats": string;
+        /**
+          * Texte du bouton pour sélectionner un fichier (mode simple)
+          * @default 'Choisir votre fichier...'
+         */
+        "textChooseFile": string;
+        /**
+          * Texte du bouton pour sélectionner plusieurs fichiers (mode multiple)
+          * @default 'Choisir vos fichiers...'
+         */
+        "textChooseFiles": string;
+        /**
+          * Texte du lien pour choisir depuis l'ordinateur
+          * @default 'choisissez sur votre ordinateur...'
+         */
+        "textChooseFromComputer": string;
+        /**
+          * Texte du lien de suppression
+          * @default 'Supprimer'
+         */
+        "textDelete": string;
+        /**
+          * Texte de la zone de dépôt pour un fichier
+          * @default 'Déposez votre fichier ici ou'
+         */
+        "textDropFile": string;
+        /**
+          * Texte de la zone de dépôt pour plusieurs fichiers
+          * @default 'Déposez vos fichiers ici ou'
+         */
+        "textDropFiles": string;
+        /**
+          * Message d'erreur quand le format n'est pas autorisé (utiliser {filename} comme placeholder)
+          * @default "{filename} n'a pas été pris en compte car le format n'est pas autorisé."
+         */
+        "textErrorFormat": string;
+        /**
+          * Message d'erreur quand le format et la taille sont invalides (utiliser {filename} comme placeholder)
+          * @default "{filename} n'a pas été pris en compte car le format n'est pas autorisé et la limite de poids est dépassée."
+         */
+        "textErrorFormatAndSize": string;
+        /**
+          * Message d'erreur quand la taille est dépassée (utiliser {filename} comme placeholder)
+          * @default "{filename} n'a pas été pris en compte car il dépasse la taille maximale autorisée."
+         */
+        "textErrorSize": string;
+        /**
+          * Message quand on dépasse la limite de fichiers (utiliser {count} comme placeholder)
+          * @default 'Vous ne pouvez pas télécharger plus de {count} fichier(s).'
+         */
+        "textLimitExceeded": string;
+        /**
+          * Message quand la limite de fichiers est atteinte
+          * @default 'Vous avez atteint la limite autorisée de fichiers.'
+         */
+        "textLimitReached": string;
+        /**
+          * Texte pour la taille maximale par fichier (utiliser {size} et {unit} comme placeholders)
+          * @default 'Taille maximale par fichier : {size} {unit}'
+         */
+        "textMaxFileSize": string;
+        /**
+          * Texte pour le nombre maximum de fichiers (utiliser {count} comme placeholder)
+          * @default '{count} fichier(s) maximum'
+         */
+        "textMaxFiles": string;
+        /**
+          * Texte pour les formats refusés (utiliser {formats} comme placeholder)
+          * @default 'Formats refusés : {formats}.'
+         */
+        "textRefusedFormats": string;
         /**
           * Valeur actuelle sélectionnée, utilisée pour les formulaires
           * @default []
@@ -1289,6 +1403,10 @@ export namespace Components {
           * @default ''
          */
         "imageAlt"?: string;
+        /**
+          * Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right'
+         */
+        "imagePosition"?: string;
         /**
           * Image du hero banner
          */
@@ -1646,7 +1764,7 @@ export namespace Components {
     }
     interface SpwModal {
         /**
-          * Icône d'alerte à afficher dans la modal
+          * Icône d'alerte à afficher dans la modal (référence font awesome)
           * @default ''
          */
         "alertIcon": string;
@@ -1655,6 +1773,11 @@ export namespace Components {
           * @default 'Titre de la modal'
          */
         "caption": string;
+        /**
+          * Texte du bouton de fermeture
+          * @default 'Fermer'
+         */
+        "closeButtonText": string;
         /**
           * Méthode publique pour fermer la modal programmatiquement
           * @returns Promise qui se résout quand la modal est fermée
@@ -2548,7 +2671,11 @@ export namespace Components {
     }
     interface SpwTabsNavigationItem {
         /**
-          * Définit si le tab est actif ou non
+          * Remplit l'attribut aria-label, utilisé à des fins d'accessibilité
+         */
+        "accAriaLabel"?: string;
+        /**
+          * Définit si le tab est actif ou non (hérité du parent, pas modifiable directement)
           * @default false
          */
         "active": boolean;
@@ -2666,6 +2793,11 @@ export namespace Components {
           * @default true
          */
         "hasControls"?: boolean;
+        /**
+          * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
+          * @default false
+         */
+        "hasSubmitButton"?: boolean;
         /**
           * Message d'indication (hint) à afficher sous le champ
           * @default ''
@@ -4353,18 +4485,39 @@ declare namespace LocalJSX {
         "size"?: 'small' | 'medium' | 'large';
     }
     interface SpwBlockContent {
+        /**
+          * Couleur de fond du bloc
+          * @default 'primary'
+         */
+        "background"?: 'primary' | 'neutral';
         /**
           * URL du lien (pour banner-landscape et banner-portrait)
          */
         "href"?: string;
         /**
-          * Texte alternatif de l'image (pour banner-landscape et banner-portrait)
+          * Texte alternatif de l'image (pour callout, banner-landscape et banner-portrait)
          */
         "imageAlt"?: string;
         /**
-          * URL de l'image (pour banner-landscape et banner-portrait)
+          * URL de l'image (pour callout, banner-landscape et banner-portrait)
          */
         "imageSrc"?: string;
+        /**
+          * Ratio d'aspect de l'image pour tous les breakpoints - callout uniquement (ex: "16/9", "4/3", "1/1")
+         */
+        "ratio"?: string;
+        /**
+          * Ratio d'aspect de l'image en vue desktop - callout uniquement
+         */
+        "ratioDesktop"?: string;
+        /**
+          * Ratio d'aspect de l'image en vue mobile - callout uniquement
+         */
+        "ratioMobile"?: string;
+        /**
+          * Ratio d'aspect de l'image en vue tablette - callout uniquement
+         */
+        "ratioTablet"?: string;
         /**
           * Target du lien (pour banner-landscape et banner-portrait)
           * @default '_self'
@@ -4374,7 +4527,7 @@ declare namespace LocalJSX {
           * Variante du bloc de contenu
           * @default 'blockquote'
          */
-        "variant"?: 'blockquote' | 'banner-landscape' | 'banner-portrait';
+        "variant"?: 'blockquote' | 'banner-landscape' | 'banner-portrait' | 'callout';
     }
     interface SpwBreadcrumb {
         /**
@@ -4711,6 +4864,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "fixedDropdown"?: boolean;
+        /**
+          * Tag name du composant parent contenant le scroll (ex: 'spw-modal'). Le composant remontera les parents pour trouver ce composant et écouter son scroll interne.
+         */
+        "fixedDropdownParent"?: string;
         /**
           * The `id` of a `<form>` element to associate this element with.
          */
@@ -4869,6 +5026,15 @@ declare namespace LocalJSX {
           * @default ''
          */
         "error"?: string;
+        /**
+          * Utilise un positionnement fixed pour le calendrier si nécessité de sortir du contexte (utile dans une modal avec overflow hidden)
+          * @default false
+         */
+        "fixedCalendar"?: boolean;
+        /**
+          * Tag name du composant parent contenant le scroll (ex: 'spw-modal'). Le composant remontera les parents pour trouver ce composant et écouter son scroll interne.
+         */
+        "fixedCalendarParent"?: string;
         /**
           * The `id` of a `<form>` element to associate this element with.
          */
@@ -5156,6 +5322,86 @@ declare namespace LocalJSX {
           * @default ''
          */
         "refuse"?: string;
+        /**
+          * Texte pour les formats autorisés (utiliser {formats} comme placeholder)
+          * @default 'Formats autorisés : {formats}.'
+         */
+        "textAcceptedFormats"?: string;
+        /**
+          * Texte quand tous les formats sont autorisés
+          * @default 'Formats autorisés : tous les formats.'
+         */
+        "textAllFormats"?: string;
+        /**
+          * Texte du bouton pour sélectionner un fichier (mode simple)
+          * @default 'Choisir votre fichier...'
+         */
+        "textChooseFile"?: string;
+        /**
+          * Texte du bouton pour sélectionner plusieurs fichiers (mode multiple)
+          * @default 'Choisir vos fichiers...'
+         */
+        "textChooseFiles"?: string;
+        /**
+          * Texte du lien pour choisir depuis l'ordinateur
+          * @default 'choisissez sur votre ordinateur...'
+         */
+        "textChooseFromComputer"?: string;
+        /**
+          * Texte du lien de suppression
+          * @default 'Supprimer'
+         */
+        "textDelete"?: string;
+        /**
+          * Texte de la zone de dépôt pour un fichier
+          * @default 'Déposez votre fichier ici ou'
+         */
+        "textDropFile"?: string;
+        /**
+          * Texte de la zone de dépôt pour plusieurs fichiers
+          * @default 'Déposez vos fichiers ici ou'
+         */
+        "textDropFiles"?: string;
+        /**
+          * Message d'erreur quand le format n'est pas autorisé (utiliser {filename} comme placeholder)
+          * @default "{filename} n'a pas été pris en compte car le format n'est pas autorisé."
+         */
+        "textErrorFormat"?: string;
+        /**
+          * Message d'erreur quand le format et la taille sont invalides (utiliser {filename} comme placeholder)
+          * @default "{filename} n'a pas été pris en compte car le format n'est pas autorisé et la limite de poids est dépassée."
+         */
+        "textErrorFormatAndSize"?: string;
+        /**
+          * Message d'erreur quand la taille est dépassée (utiliser {filename} comme placeholder)
+          * @default "{filename} n'a pas été pris en compte car il dépasse la taille maximale autorisée."
+         */
+        "textErrorSize"?: string;
+        /**
+          * Message quand on dépasse la limite de fichiers (utiliser {count} comme placeholder)
+          * @default 'Vous ne pouvez pas télécharger plus de {count} fichier(s).'
+         */
+        "textLimitExceeded"?: string;
+        /**
+          * Message quand la limite de fichiers est atteinte
+          * @default 'Vous avez atteint la limite autorisée de fichiers.'
+         */
+        "textLimitReached"?: string;
+        /**
+          * Texte pour la taille maximale par fichier (utiliser {size} et {unit} comme placeholders)
+          * @default 'Taille maximale par fichier : {size} {unit}'
+         */
+        "textMaxFileSize"?: string;
+        /**
+          * Texte pour le nombre maximum de fichiers (utiliser {count} comme placeholder)
+          * @default '{count} fichier(s) maximum'
+         */
+        "textMaxFiles"?: string;
+        /**
+          * Texte pour les formats refusés (utiliser {formats} comme placeholder)
+          * @default 'Formats refusés : {formats}.'
+         */
+        "textRefusedFormats"?: string;
         /**
           * Valeur actuelle sélectionnée, utilisée pour les formulaires
           * @default []
@@ -5564,6 +5810,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "imageAlt"?: string;
+        /**
+          * Position de l'image (object-position), ex: 'top left', 'center center', 'bottom right'
+         */
+        "imagePosition"?: string;
         /**
           * Image du hero banner
          */
@@ -5921,7 +6171,7 @@ declare namespace LocalJSX {
     }
     interface SpwModal {
         /**
-          * Icône d'alerte à afficher dans la modal
+          * Icône d'alerte à afficher dans la modal (référence font awesome)
           * @default ''
          */
         "alertIcon"?: string;
@@ -5930,6 +6180,11 @@ declare namespace LocalJSX {
           * @default 'Titre de la modal'
          */
         "caption"?: string;
+        /**
+          * Texte du bouton de fermeture
+          * @default 'Fermer'
+         */
+        "closeButtonText"?: string;
         /**
           * Indique si la fermeture de la modal est possible en cliquant sur l'overlay
           * @default true
@@ -6805,7 +7060,11 @@ declare namespace LocalJSX {
     }
     interface SpwTabsNavigationItem {
         /**
-          * Définit si le tab est actif ou non
+          * Remplit l'attribut aria-label, utilisé à des fins d'accessibilité
+         */
+        "accAriaLabel"?: string;
+        /**
+          * Définit si le tab est actif ou non (hérité du parent, pas modifiable directement)
           * @default false
          */
         "active"?: boolean;
@@ -6928,6 +7187,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "hasControls"?: boolean;
+        /**
+          * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
+          * @default false
+         */
+        "hasSubmitButton"?: boolean;
         /**
           * Message d'indication (hint) à afficher sous le champ
           * @default ''
@@ -7441,11 +7705,16 @@ declare namespace LocalJSX {
         "accAriaLabel": string;
     }
     interface SpwBlockContentAttributes {
-        "variant": 'blockquote' | 'banner-landscape' | 'banner-portrait';
+        "variant": 'blockquote' | 'banner-landscape' | 'banner-portrait' | 'callout';
         "imageSrc": string;
         "imageAlt": string;
         "href": string;
         "target": string;
+        "background": 'primary' | 'neutral';
+        "ratio": string;
+        "ratioMobile": string;
+        "ratioTablet": string;
+        "ratioDesktop": string;
     }
     interface SpwBreadcrumbAttributes {
         "variant": 'multiline' | 'one-line' | 'default';
@@ -7556,6 +7825,7 @@ declare namespace LocalJSX {
         "tooltipDirection": 'top' | 'bottom' | 'left' | 'right';
         "tooltipCursor": 'pointer' | 'default' | 'help' | 'disabled';
         "fixedDropdown": boolean;
+        "fixedDropdownParent": string;
         "isClear": boolean;
         "direction": 'top' | 'bottom' | 'auto';
     }
@@ -7591,6 +7861,8 @@ declare namespace LocalJSX {
         "range": boolean;
         "rangeId": string;
         "isStart": boolean;
+        "fixedCalendar": boolean;
+        "fixedCalendarParent": string;
     }
     interface SpwDropdownAttributes {
         "direction": 'top' | 'bottom' | 'left' | 'right';
@@ -7629,6 +7901,22 @@ declare namespace LocalJSX {
         "maxFileSize": number;
         "maxFileSizeUnit": 'mo' | 'go';
         "maxFiles": number;
+        "textChooseFile": string;
+        "textChooseFiles": string;
+        "textDropFile": string;
+        "textDropFiles": string;
+        "textChooseFromComputer": string;
+        "textDelete": string;
+        "textMaxFileSize": string;
+        "textMaxFiles": string;
+        "textAcceptedFormats": string;
+        "textRefusedFormats": string;
+        "textAllFormats": string;
+        "textErrorFormat": string;
+        "textErrorSize": string;
+        "textErrorFormatAndSize": string;
+        "textLimitReached": string;
+        "textLimitExceeded": string;
     }
     interface SpwFooterAttributes {
         "colsMobile": number;
@@ -7742,6 +8030,7 @@ declare namespace LocalJSX {
         "copyrightIconVariant": 'fa-solid' | 'fa-brands' | 'fa-regular' | 'fa-light';
         "copyrightHref": string;
         "copyrightTarget": string;
+        "imagePosition": string;
     }
     interface SpwIconAttributes {
         "icon": string;
@@ -7828,6 +8117,7 @@ declare namespace LocalJSX {
     interface SpwModalAttributes {
         "opened": boolean;
         "caption": string;
+        "closeButtonText": string;
         "closeOnOverlayClick": boolean;
         "stickyButtons": boolean;
         "size": 'small' | 'medium' | 'large' | 'fluid';
@@ -8048,6 +8338,7 @@ declare namespace LocalJSX {
         "tagText": string;
         "tagVariant": 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
         "tagIcon": boolean;
+        "accAriaLabel": string;
     }
     interface SpwTagAttributes {
         "variant": 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
@@ -8089,6 +8380,7 @@ declare namespace LocalJSX {
         "accAriaLabelIncrement": string;
         "accAriaLabelDecrement": string;
         "hasControls": boolean;
+        "hasSubmitButton": boolean;
         "mask": string;
         "tooltipTitle": string;
         "tooltipText": string;

package/dist/types/stories/organisms/spw-block-content/spw-block-content.stories.d.ts

@@ -2,6 +2,7 @@ import { Meta } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Blockquote: any;
+export declare const BlockquoteNeutral: any;
 export declare const BannerLandscape: any;
 export declare const BannerLandscapeWithLink: any;
 export declare const BannerPortrait: any;

package/dist/types/utils/utils.d.ts

@@ -3,13 +3,8 @@ export declare function toKebabCase(str: string): string;
 export declare function formatDate(date: string): string;
 export declare function stripHtmlContent(content: string): string;
 export declare const generateComponentTable: (componentsData: any, tag: string) => string;
-export declare const withComponentControls: (componentsData: any, { tag, customTokens, prefixNames }: {
+export declare const withComponentControls: (componentsData: any, { tag, prefixNames }: {
     tag: string;
-    customTokens?: {
-        name: string;
-        description: string;
-        defaultValue: string;
-    }[];
     prefixNames?: boolean;
 }) => any;
 export declare function extractArgTypes(componentsData: any, subComponentTags: string[]): any;