@attrus-ds/core 1.0.13 → 1.0.14

package/dist/react/SearchPill/SearchPill.tsx

@@ -7,6 +7,10 @@ import * as React from 'react';
  */
 
 export interface SearchPillProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+  /** Field height: 'md' (40px, default) or 'sm' (32px). Named fieldSize because
+      the native input `size` attribute means character count, not height. Use
+      'sm' inside a toolbar, where a 40px field towers over 32px buttons. */
+  fieldSize?: 'sm' | 'md';
   /** Keyboard hint rendered as a .kbd chip (e.g. "⌘K"). */
   shortcut?: string;
   /** Leading icon — defaults to the canonical search glyph. */
@@ -26,11 +30,12 @@ const SearchGlyph: React.FC = () => (
 export const SearchPill: React.FC<SearchPillProps> = ({
   shortcut,
   icon,
+  fieldSize = 'md',
   wrapperClassName,
   wrapperStyle,
   ...rest
 }) => (
-  <div className={['pill-search', wrapperClassName || ''].filter(Boolean).join(' ')} style={wrapperStyle}>
+  <div className={['pill-search', fieldSize === 'sm' ? 'pill-search-sm' : '', wrapperClassName || ''].filter(Boolean).join(' ')} style={wrapperStyle}>
     {icon != null ? icon : <SearchGlyph />}
     <input type="search" {...rest} />
     {shortcut ? <span className="kbd">{shortcut}</span> : null}

package/dist/react/SmartSearch/SmartSearch.d.ts

@@ -12,6 +12,8 @@ export interface SSItem {
 }
 
 export interface SSSection {
+  /** `recent` renders `.ss-recent` — history styling, quieter than results. */
+  variant?: 'default' | 'recent';
   /** Uppercase section label (e.g. "Counterparties"). */
   label?: React.ReactNode;
   items: SSItem[];
@@ -26,6 +28,8 @@ export interface SSTypeButton {
 }
 
 export interface SmartSearchProps {
+  /** Empty-state line — renders `.ss-no-result` with the term emphasised. */
+  emptyQuery?: string;
   value: string;
   onChange?: (value: string) => void;
   placeholder?: string;

package/dist/react/SmartSearch/SmartSearch.tsx

@@ -34,6 +34,9 @@ export interface SSItem {
 }
 
 export interface SSSection {
+  /** `recent` renders `.ss-recent`: leading icons shrink to bare glyphs so
+      history reads below live results instead of competing with them. */
+  variant?: 'default' | 'recent';
   /** Uppercase section label (e.g. "Counterparties"). */
   label?: React.ReactNode;
   items: SSItem[];
@@ -48,6 +51,9 @@ export interface SSTypeButton {
 }
 
 export interface SmartSearchProps {
+  /** Empty-state line, rendered as `.ss-no-result` with the term emphasised.
+      Pass the query so the message can name what failed. */
+  emptyQuery?: string;
   value: string;
   onChange?: (value: string) => void;
   placeholder?: string;
@@ -101,6 +107,7 @@ export const SmartSearch: React.FC<SmartSearchProps> = ({
   sections,
   onSelect,
   resultLabel,
+  emptyQuery,
   hint,
   typeButtons,
   onTypeSelect,
@@ -192,12 +199,18 @@ export const SmartSearch: React.FC<SmartSearchProps> = ({
       ) : null}
 
       {sections && sections.length ? sections.map((s, i) => (
-        <div key={i} className="ss-section">
+        <div key={i} className={'ss-section' + (s.variant === 'recent' ? ' ss-recent' : '')}>
           {s.label != null ? <div className="ss-section-label">{s.label}</div> : null}
           <ul className="ss-list">{s.items.map(renderItem)}</ul>
         </div>
       )) : null}
 
+      {emptyQuery != null ? (
+        <div className="ss-section">
+          <div className="ss-no-result">No results for "<strong>{emptyQuery}</strong>".</div>
+        </div>
+      ) : null}
+
       {hint != null ? (
         <div className="ss-section"><div className="ss-hint">{hint}</div></div>
       ) : null}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@attrus-ds/core",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "ATTRUS / Cabiros design system — design tokens, component styles, brand assets, fonts and an optional typed React component layer.",
   "keywords": [
     "design-system",