origam 2.32.2 → 2.33.0

package/CHANGELOG.md

@@ -18,6 +18,14 @@ This project follows [Semantic Versioning](https://semver.org).
 
 ## [Unreleased]
 
+## [2.33.0] - 2026-10-18
+
+### Added — `OrigamCommandPalette` : icônes de recherche et de chargement personnalisables (#1183)
+
+- Nouvelles props `searchIcon` et `loadingIcon`, typées `TIcon` (id mdi, chemin SVG ou composant). Défauts inchangés : `mdi:mdi-magnify` et `mdi:mdi-loading`.
+- Nouveaux slots `search-icon` et `loading`, prioritaires sur les props.
+- Une application qui fournit un SVG n'a plus besoin de la police `@mdi/font` pour ces deux glyphes : aucun élément `.mdi-magnify` / `.mdi-loading` n'est rendu (prouvé par `packages/tests/e2e/command-palette.spec.ts`).
+
 ## [2.32.2] - 2026-10-17
 
 ### Fixed — `OrigamBtn` : libellé collé en haut au lieu d'être centré (#1168)

package/dist/src/components/CommandPalette/OrigamCommandPalette.vue

@@ -25,12 +25,14 @@
 						tabindex="-1"
 				>
 					<div class="origam-command-palette__search">
-						<origam-icon
-								:icon="MDI_ICONS.MAGNIFY"
-								:size="20"
-								aria-hidden="true"
-								class="origam-command-palette__search-icon"
-						/>
+						<slot name="search-icon">
+							<origam-icon
+									:icon="searchIcon"
+									:size="20"
+									aria-hidden="true"
+									class="origam-command-palette__search-icon"
+							/>
+						</slot>
 						<input
 								:id="inputId"
 								ref="inputRef"
@@ -65,11 +67,13 @@
 								v-if="loading"
 								class="origam-command-palette__loading"
 						>
-							<origam-icon
-									:icon="MDI_ICONS.LOADING"
-									:size="20"
-									class="origam-command-palette__loading-icon"
-							/>
+							<slot name="loading">
+								<origam-icon
+										:icon="loadingIcon"
+										:size="20"
+										class="origam-command-palette__loading-icon"
+								/>
+							</slot>
 						</div>
 
 						<template
@@ -180,7 +184,6 @@ import { useTypography } from "../../composables/Commons/typography.composable";
 import { useVModel } from "../../composables/Commons/vModel.composable";
 import { COMMAND_PALETTE_DEFAULT_HOTKEY, COMMAND_PALETTE_DEFAULT_MAX_HEIGHT, COMMAND_PALETTE_DEFAULT_WIDTH } from "../../consts/CommandPalette/command-palette.const";
 import { IN_BROWSER } from "../../consts/Commons/commons.const";
-import { MDI_ICONS } from "../../enums/Commons/mdi.enum";
 import { getUid } from "../../utils/Commons/getCurrentInstance.util";
 import { fuzzyMatch } from "../../utils/CommandPalette/fuzzy-match.util";
 defineOptions({ inheritAttrs: false });
@@ -193,6 +196,8 @@ const props = defineProps({
   maxHeight: { type: [Number, String], required: false, default: COMMAND_PALETTE_DEFAULT_MAX_HEIGHT },
   width: { type: [Number, String], required: false, default: COMMAND_PALETTE_DEFAULT_WIDTH },
   loading: { type: Boolean, required: false, default: false },
+  searchIcon: { type: null, required: false, default: "mdi:mdi-magnify" },
+  loadingIcon: { type: null, required: false, default: "mdi:mdi-loading" },
   closeOnSelect: { type: Boolean, required: false, default: true },
   closeOnEscape: { type: Boolean, required: false, default: true },
   closeOnBackdrop: { type: Boolean, required: false, default: true },

package/dist/src/interfaces/CommandPalette/command-palette.interface.d.ts

@@ -2,6 +2,7 @@ import type { ICommand } from './command.interface';
 import type { IAttachProps } from '../Commons/attach.interface';
 import type { ICommonsComponentProps } from '../Commons/commons.interface';
 import type { ITypographyProps } from '../Commons/typography.interface';
+import type { TIcon } from '../../types/Icon/icon.type';
 /**
  * A hotkey is either a single combination (`['meta', 'k']`) or an
  * array of alternatives — every entry being a list of normalised key
@@ -36,6 +37,8 @@ export interface ICommandPaletteProps extends ICommonsComponentProps, Pick<ITypo
     width?: number | string;
     /** Display a loader inside the result list (use during async fetches). */
     loading?: boolean;
+    searchIcon?: TIcon;
+    loadingIcon?: TIcon;
     /** Close the palette automatically when a command is selected. */
     closeOnSelect?: boolean;
     /** Close when the user presses Escape. */
@@ -55,5 +58,7 @@ export interface ICommandPaletteSlotProps {
 export interface ICommandPaletteSlots {
     item?: (props: ICommandPaletteSlotProps) => any;
     empty?: () => any;
+    'search-icon'?: () => any;
+    loading?: () => any;
     footer?: () => any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.32.2",
+  "version": "2.33.0",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [