@zevra/ui 0.55.1 → 0.56.0

package/react/icon.tsx

@@ -99,15 +99,21 @@ export interface IconTileProps
   /** Titre accessible. Sans lui la tuile est DÉCORATIVE, le bon défaut :
    *  elle accompagne un libellé qui la nomme déjà. */
   titre?: string
+  /**
+   * Tuile d'un MODULE parmi des tuiles de marque (Marketplace) : papier blanc
+   * sans filet, icône à l'encre accent à la taille d'un logo. Hors d'une
+   * grille de marques, garder la tuile indigo pâle par défaut.
+   */
+  module?: boolean
   className?: string
 }
 
 /** La pastille carrée qui porte une icône devant un argument de la vitrine
  *  (liste de garanties, grille d'atouts). UNE par argument, jamais en décor
  *  isolé : une tuile sans libellé voisin est un rébus. */
-export function IconTile({ nom, titre, className, ...reste }: IconTileProps) {
+export function IconTile({ nom, titre, module, className, ...reste }: IconTileProps) {
   return (
-    <span className={cx('zv-icon-tile', className)} {...reste}>
+    <span className={cx('zv-icon-tile', module && 'zv-icon-tile--module', className)} {...reste}>
       <Icon nom={nom} titre={titre} />
     </span>
   )

package/react/partenaires-data.ts

@@ -2,6 +2,7 @@
 // Source : logos/partenaires/ (provenance de chaque fichier dans index.json).
 
 export type PartenaireId =
+  | 'brevo'
   | 'docusign'
   | 'google'
   | 'henrri'
@@ -13,6 +14,7 @@ export type PartenaireId =
 
 /** Les logos des services partenaires, inlinés, et le nom de la marque. */
 export const LOGOS_PARTENAIRES: Record<PartenaireId, { src: string; nom: string; plein: boolean }> = {
+  'brevo': { src: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMyIDE2QzMyIDI0LjgzNjYgMjQuODM2NiAzMiAxNiAzMkM3LjE2MzQ0IDMyIDAgMjQuODM2NiAwIDE2QzAgNy4xNjM0NCA3LjE2MzQ0IDAgMTYgMEMyNC44MzY2IDAgMzIgNy4xNjM0NCAzMiAxNloiIGZpbGw9IiMwQjk5NkUiLz4KPHBhdGggZD0iTTIxLjAwMjQgMTQuNTM5NUMyMS45OTE3IDEzLjU3MDggMjIuNDU1MiAxMi40NTEzIDIyLjQ1NTIgMTEuMDg5N0MyMi40NTUyIDguMjc2MzkgMjAuMzg0OCA2LjQgMTcuMjY0MiA2LjRIOS42VjI2LjRIMTUuNzgwM0MyMC40NzggMjYuNCAyNCAyMy41MjU4IDI0IDE5LjcxMzVDMjQgMTcuNjI1NCAyMi45MTg4IDE1Ljc1MDIgMjEuMDAyNCAxNC41Mzk1Wk0xMi4zODEzIDkuMDAxNThIMTYuOTU0N0MxOC40OTk1IDkuMDAxNTggMTkuNTE5OCA5Ljg3ODkyIDE5LjUxOTggMTEuMjEwMUMxOS41MTk4IDEyLjcyMjcgMTguMTkxMyAxMy44NzI2IDE1LjQ3MjEgMTQuNzQ5OUMxMy42MTc5IDE1LjMyNDIgMTIuNzg0IDE1LjgwODYgMTIuNDc0NiAxNi4zODQyTDEyLjM4MTMgMTYuMzg1VjkuMDAxNThaTTE1LjUzMyAyMy43OTg0SDEyLjM4MTNWMjAuNzEyNUMxMi4zODEzIDE5LjM1MDkgMTMuNTU1OCAxOC4wMTk3IDE1LjE5MzcgMTcuNTA0OUMxNi42NDY2IDE3LjAyMDYgMTcuODUwOCAxNi41MzYzIDE4Ljg3MTEgMTYuMDIyOEMyMC4yMzA3IDE2LjgxMDEgMjEuMDY0NiAxOC4xNzA1IDIxLjA2NDYgMTkuNTkzQzIxLjA2NDYgMjIuMDEzMyAxOC43MTU3IDIzLjc5ODQgMTUuNTMzIDIzLjc5ODRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K', nom: "Brevo", plein: false },
   'docusign': { src: 'data:image/webp;base64,UklGRkgFAABXRUJQVlA4WAoAAAAQAAAAXwAAXwAAQUxQSA8CAAABoETbtmnbmXvv+227btu2bf9ftq3U0lKybZRSYylF27ad3Hv3WjPO+efPOGktIiYAxUfMetGcZbRPXnnw6n2TmgNIEeUNaPMajSWuvXb9qrZACqWJGFJzL4m75UySb1/QC0jlGfAty/Kz7jmTn13YGTGUZeB35fqpZfLNTUCSRXomb+uIpIu0zOeHIgkj6/xgBirKmFlbjqSM5t+OQVJG4/t9EJUx8+GmMShj5qVI0pg5H0ma+ZPNY1DGzH1I0szfax+CMmYeQZJm/kKTEJQx+5JQ0ca7EaQ5P+kGacxcJ67Oy4AQC67EwQKcT1Uiiu8p4cue6DhkYLGDB6ysCXBfOuf1774t+JsqBWYefJfSM6+jefEKjPc6pTufproP5X0p7q/Q78Q535P3gjjjQ+IybxVX5/nijFu1OasT1b3bSpvxQWir85g2d07XZnylubbMSxClmU1CUmZ8pEEIyjK3IUGY+TvtQlCWuQsJwsyfbBKDMM+chwRhmTcgBmHGl9rHAF1uX49Bgi4zLkOCLjfuRIKuTG5Hgiyv87NlqECVZ/LhQUgQZZn84kQTJMhxN8vZyeoN/YEIPb/4+Hm9gRQgqPb5u0/fc2h8QyBG/FYFzuqqnj0iAKSI367h254AYkoBRYoYHCsBRYsYiIj/bXIJ3ww4G3QBXh1yNh6nnXPG19ogFDfyUfdzzO3FWYgoHgBWUDggEgMAAPAVAJ0BKmAAYAA+MRaJQqIhIRgLHHAgAwSxAGk3AL9J/ADaEepfhb+0n+k5JvurythyOoP8z+QH9m+iHor8Rf/DfZL3APMB+nP7K9iD0AP1262b0AP2j9Kz2Mf29/4f/A+Af9c//Q0gNJ3MG8aGoH+qPoAdSB+laEZgR3iv2AwhLHYdOsaluNDFnQs241z2Fa2xKZeHggqLHWCUIMBqnZhLegQGZzHLVNkmuG7OTFK3HtKDTGh1hIAA/v7usEQurJYDnzZuaEty0/pLuG8V+gCnix0ijD36wHNsySlro1acCpUC+MSWl0HIEUAQwJJBGeStHf/b/90fKi/dlvxq0s/Oh3p/zG8b4f6gf2yWdCpOX67m20mGgL/Qh/Dd72O8/jIvkRrOosvlsgyLJ5Hutr/A/n1RiWIUACnzAmzS2JCQOxy3JC8j+qT4ct2BGmy0j/vSpG6/1UBazxDlbu839JqhBeVpIoEoOlMz9DAXp/C70ApMAUY3PE64Ya7XYcb523P7yKke+cYCpaKC3uYzK0HIncy5Pszu+rH1zNhFOtcPdBAj1tZfRLImjY4cKx4WKythwc7NPXiZ3apAytZ1/T7Wuq1SwE7h5ZDhNwiKT/UHCUeo6jWVwLT3QfXbtRVBr5zGOhiHi2KsvHafx/JAMRXUPDAjaKTc2mYuTOVIMH7pym1qbzgIIC1uAsMdkWoLsIVRJa47UrYL1+gX149HTyTVSgV0xhCqJn2pz5Pg7Br85XWPW8IQK78lKaYfqL0UCq9g+bB2l1lCq3rJWcDRwA+EFVV/jVZ7xdPGdpyWA0UL5EO3wmlQt3Qbi5ONgtnXobZwFWsHY3lWlHPYgBWOBWXx4DoT31P2So9qTu8Ab2hOq9UZdinjJg1b4g/f/gfWpNMxnpYyhKB5ITQmj8aPYokyqInXP/ydHbOrJebrwcuZ9JD/SIs+dfv+mY5X8sJW/ApFjv/u0EQoDA3HsxHwx7pJbo8+IsMz8Ij3ut/ZQkTTiQsNDkvLTQnCSyiU/2rHYQz4GFWLMTG5qFZVrNFRq2AAAA==', nom: "DocuSign", plein: false },
   'google': { src: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMjIuNTYgMTIuMjVjMC0uNzgtLjA3LTEuNTMtLjItMi4yNUgxMnY0LjI2aDUuOTJjLS4yNiAxLjM3LTEuMDQgMi41My0yLjIxIDMuMzF2Mi43N2gzLjU3YzIuMDgtMS45MiAzLjI4LTQuNzQgMy4yOC04LjA5eiIgZmlsbD0iIzQyODVGNCIvPjxwYXRoIGQ9Ik0xMiAyM2MyLjk3IDAgNS40Ni0uOTggNy4yOC0yLjY2bC0zLjU3LTIuNzdjLS45OC42Ni0yLjIzIDEuMDYtMy43MSAxLjA2LTIuODYgMC01LjI5LTEuOTMtNi4xNi00LjUzSDIuMTh2Mi44NEMzLjk5IDIwLjUzIDcuNyAyMyAxMiAyM3oiIGZpbGw9IiMzNEE4NTMiLz48cGF0aCBkPSJNNS44NCAxNC4wOWMtLjIyLS42Ni0uMzUtMS4zNi0uMzUtMi4wOXMuMTMtMS40My4zNS0yLjA5VjcuMDdIMi4xOEMxLjQzIDguNTUgMSAxMC4yMiAxIDEycy40MyAzLjQ1IDEuMTggNC45M2wyLjg1LTIuMjIuODEtLjYyeiIgZmlsbD0iI0ZCQkMwNSIvPjxwYXRoIGQ9Ik0xMiA1LjM4YzEuNjIgMCAzLjA2LjU2IDQuMjEgMS42NGwzLjE1LTMuMTVDMTcuNDUgMi4wOSAxNC45NyAxIDEyIDEgNy43IDEgMy45OSAzLjQ3IDIuMTggNy4wN2wzLjY2IDIuODRjLjg3LTIuNiAzLjMtNC41MyA2LjE2LTQuNTN6IiBmaWxsPSIjRUE0MzM1Ii8+PHBhdGggZD0iTTEgMWgyMnYyMkgxeiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==', nom: "Google Workspace", plein: false },
   'henrri': { src: 'data:image/webp;base64,UklGRrgFAABXRUJQVlA4IKwFAACQHgCdASpgAGAAPjEWiUMiISEXiPTYIAMEsgBqYri/APxu7lyn/Wvxp/LH5i63/PvvZyasu+Z14h+e/5/7dPrN6DPsr9wD9O/8H1APMB+sv7Te0f+rnuA/Tv2AP6Z/lPWA9SP+sf7f2AP1h9NX9mfg3/b39xvadvGT8HysiQ37H/oeH/YR3orIXET2zHIBfSP8Z52vP00bPQvsI/yX+vb6ahQciI39yrPWkj5LEo8aImSVYgK7JqT+zpAddnCZPSLMXeOmYMszqDj62U8IhaM3INGjflWeF2bD83ozTB6i0tRgp2/ZbCnsvFFJaBUW4VW3ptUkW2uAaQ9s8bgAAP7xTYVq77cxtvoUT8iX8iX8oEWUOLh+Tf4FFYPh9CJ/rcey/1W+9K3RmjH0Q2ToquREs5KySoANutbkzjl4dZrpCpHdkcoXQuKfZe10q0MVoS9xFefQ1VogpVds4908KQ4G1AZHX5PjjP+4mMp08dO3f21xrpfsHeC5GA1X+xZgUeulXVaH6PnTTxMbOf+08tvEuViAib0GCa3gSideogTUymOtQXKjDSRKjeIt0DoVOpgMnBn9BeFPjrF1hnBkaV32SaiI2gBc3HUM2gll+USLRnJbZ97R7xnaKD8nkZ2+XGIGeQQzhuD4RNVNpfD/rEKuzDwqAmc5KCu7GGL/Vi22thly5L2NSBem5b1qs1HEz68Oa++gqBG0zTO4JN1hkfJtP/aKxQCurZSx+R/+/9L3on//427rufZ/pqqwDjYprGeexcST5Me+Re/T+9so12oPxTDlUXaiHqGid1o1dbwaJflAE6VaWVuXBZjycDLnjaQkBz/APqfkHfJQnb1IycGnrR4V7MCZl3/z09VjDu3a1yRTZsP3Ut73QYiV4KFvNqpj7ty70rk3u2IYc68Mn8PKOp1P842CSGgRvMDuWDFiA6w88G1SdVOTCHqsB0Q7L0T9/y09//TvNfv3wgvMGTw1DxUOMekHK+wj3s3XMSUJjV9gI3uL9ToNbMIQHF/ENmTj9Ftf88prMgB1//9nBo0eFFe++l0j54Q84D2+ZyYkY2I2ylLOryhVwCs/cCGYlszPE2fHJpJAGcxWigRKlw+UEQpuu3GEsGAphOD3q/sR9xs0x5IbvwNblE8LeFUx2i/0KDtQtXXxdBa+BXnW09zk1WXAOXRmeDD9ukzB1KlXKOujMD5+ZclfXirEcfnQ2OzH+Qdyg6QzolQTdMnmlEbsDmP/EVpoAaFWnHldj26VvH3FbXR1bwdl5rmdKXfDbLxTDEi0dvvJl9LCyW5wA9aNBt1r+K9/bPCUw1Fqmo/HKZPSrid0kCYDG08EZnW74/Fxxb8DTNzjo0FMAT0GLruQg30oMCfQtRfQnqAGxzvc+eLqTylsC96DHmcl0bvON02eR1yNlHdE05/Svnk3oq+3XF6rED/8ddsVQuherFVxnbQGtCdb7clCJBadVNZo6R2G91R/8S4k68URD/pS7lyS6Plxaij69rWRnwnVE3LgZywwsLH264BZsyz05nfl7fyQdgnq3dRGwfNCE0xELt/VvvAKwhlantrqrh5yBIINoRZFlKeXgkT0To5Z5/N5LSOuw0dO0KDv2MK/FVcFQC9sq0oEl/MPT7EXzqKcN3SvaYGHVM6ed6Wh9I3YFh3MZu6YEa30GmI5fY7AwKRsKEPjEgwGX3k++Wk5rwi5mIMWwNS49XG1zwC8mbUG5R+WMnn4Yc/cIWsDjcwqLOTHb42zuk6+OSzBVVKYvnSh5KL2gmN+RdDCqmF6mbdNPEFB9KXh39TE1NYKWJ1QRF2PLEYALWOvrHuFbgZ72YihavKilRZ1dynXEegZITqWnR+J1ZMQbpv2km6OPbJG5dChRj48a8WITagCZgoRaYMi3mrkrvYHB4QXYmxrkSGYhhnTyOn+zvAK7kMPiwAAAAA=', nom: "Henrri", plein: true },

package/react/partenaires.tsx

@@ -1,5 +1,5 @@
 // Les logos des services qu'une app branche : Microsoft 365, Google
-// Workspace, DocuSign, Henrri, Iopole, Maileva, Pennylane, Signaturit. Premier usage : la Marketplace de
+// Workspace, Brevo, DocuSign, Henrri, Iopole, Maileva, Pennylane, Signaturit. Premier usage : la Marketplace de
 // Tésope (03/11/2026), où chaque extension se reconnaît à sa marque.
 //
 // ⚠️ ENTRÉE SÉPARÉE (`@zevra/ui/react/partenaires`) : les logos y sont

package/src/icons.css

@@ -162,6 +162,23 @@
   object-fit: contain;
 }
 
+/* La tuile d'un MODULE (DECISIONS, « La tuile de module », 09/11/2026).
+ * HORS RELEVÉ. Dans une grille de marques (la Marketplace de Tésope), un
+ * module maison n'a pas de logo : la tuile d'icône indigo pâle y rompait
+ * l'alignement des tuiles blanches. Même papier blanc sans filet que la tuile
+ * de service, l'icône tracée à l'encre accent, à 60 % comme un logo : la
+ * grille reste homogène, et rien n'imite une marque. */
+.zv-icon-tile--module {
+  border-color: transparent;
+  background: var(--white);
+  color: var(--accent);
+}
+
+.zv-icon-tile--module .zv-icon {
+  width: 60%;
+  height: 60%;
+}
+
 /* À fond plein, la marque couvre toute la tuile : pas de papier blanc
  * dessous, qui pointerait aux coins sous l'option arrondie. */
 .zv-icon-tile--logo-plein {