hisd3-ui-kit 4.4.1 → 4.5.0

package/dist/index.d.ts

@@ -1041,8 +1041,13 @@ declare const HISD3Button: React.FC<HISD3ButtonProps>;
 type HISD3InputProps = InputProps;
 /** Plain text input with the HISD3 2px border. */
 declare const HISD3Input: React.FC<HISD3InputProps>;
-interface HISD3SearchInputProps extends InputProps {
-    /** 48px tall instead of the 72px hero search. */
+interface HISD3SearchInputProps extends Omit<InputProps, "size"> {
+    /**
+     * "small" 32px, "middle" 40px (default, matches buttons), "large" 56px for a
+     * standalone hero search.
+     */
+    size?: "small" | "middle" | "large";
+    /** @deprecated use `size` — kept so existing call sites keep working. */
     compact?: boolean;
 }
 /** Grey filled search field with leading icon (the page-level search bar). */

package/dist/index.js

@@ -1324,20 +1324,21 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
   &.ant-input,
   &.ant-input-affix-wrapper {
     border-width: var(--hisd3-rule-width, 1px);
-    font-size: 16px;
+    font-size: 14px;
   }
 
   &.ant-input-affix-wrapper .ant-input-prefix {
-    margin-inline-end: 14px;
+    margin-inline-end: 10px;
     color: var(--ant-color-text-tertiary);
-    font-size: 18px;
+    font-size: 15px;
   }
 `,Pt=e=>t(Gt,{...e}),jt=E(Gt)`
+  /* default: the same 40px control height as buttons and selects */
   &.ant-input-affix-wrapper {
     background: var(--hisd3-bg-filled, #e6e4e1);
     border-color: var(--hisd3-border-secondary, var(--ant-color-border-secondary, #E7E4DE));
-    height: 72px;
-    padding-inline: 24px;
+    height: 40px;
+    padding-inline: 14px;
 
     &:hover,
     &:focus-within {
@@ -1347,24 +1348,41 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{ConfigPro
 
     .ant-input {
       background: transparent;
-      font-size: 20px;
+      font-size: 14px;
     }
 
     .ant-input-prefix {
-      font-size: 22px;
+      margin-inline-end: 10px;
+      font-size: 15px;
     }
   }
 
-  &.hisd3-search-compact.ant-input-affix-wrapper {
-    height: 48px;
-    padding-inline: 16px;
+  /* compact: pairs with a small table */
+  &.hisd3-search-sm.ant-input-affix-wrapper {
+    height: 32px;
+    padding-inline: 12px;
 
     .ant-input {
-      font-size: 16px;
+      font-size: 13px;
+    }
+    .ant-input-prefix {
+      margin-inline-end: 8px;
+      font-size: 14px;
+    }
+  }
+
+  /* hero: the tall standalone search at the top of a landing page */
+  &.hisd3-search-lg.ant-input-affix-wrapper {
+    height: 56px;
+    padding-inline: 20px;
+
+    .ant-input {
+      font-size: 17px;
     }
     .ant-input-prefix {
-      font-size: 18px;
+      margin-inline-end: 14px;
+      font-size: 19px;
     }
   }
-`,qt=({compact:e=!1,className:r,...o})=>t(jt,{allowClear:!0,prefix:t(O,{}),className:[e?"hisd3-search-compact":"",r??""].join(" ").trim(),...o});var Qt,Kt,Wt,Zt,Vt,Yt,Jt,Xt,_t,er,tr,rr,or;!function(e){e.MODERN="modern",e.STANDARD="standard"}(Qt||(Qt={})),function(e){e.MODERN="30px",e.STANDARD="16px"}(Kt||(Kt={})),function(e){e.LIGHT="light",e.SEMI_DARK="semi-dark",e.DARK="dark"}(Wt||(Wt={})),function(e){e.FULL_WIDTH="full-width",e.BOXED="boxed",e.FRAMED="framed"}(Zt||(Zt={})),function(e){e.DEFAULT="default",e.STANDARD="standard",e.ROUNDED="rounded",e.ROUNDED_REVERSE="rounded-reverse",e.CURVED_MENU="curved-menu"}(Vt||(Vt={})),function(e){e.DEFAULT="default",e.MINI="mini",e.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",e.STANDARD="standard",e.HEADER_USER="user-header",e.HEADER_USER_MINI="user-mini-header",e.DRAWER="drawer",e.BIT_BUCKET="bit-bucket",e.H_DEFAULT="h-default",e.HOR_HEADER_FIXED="hor-header-fixed",e.HOR_DARK_LAYOUT="hor-dark-layout"}(Yt||(Yt={})),function(e){e.FIXED="fixed",e.FLUID="fluid"}(Jt||(Jt={})),function(e){e.RTL="rtl",e.LTR="ltr"}(Xt||(Xt={})),function(e){e.DARK="dark",e.LIGHT="light"}(_t||(_t={})),function(e){e.NONE="none",e.FADE="fade",e.SLIDE_LEFT="slideLeft",e.SLIDE_RIGHT="slideRight",e.SLIDE_UP="slideUp",e.SLIDE_DOWN="slideDown"}(er||(er={})),function(e){e.LIGHT="300",e.REGULAR="400",e.MEDIUM="500",e.BOLD="600"}(tr||(tr={})),function(e){e.FIREBASE="firebase",e.AWS_COGNITO="aws_cognito",e.AUTH0="auth0",e.JWT_AUTH="jwt_auth"}(rr||(rr={})),function(e){e.SLIDEUPIN="transition.slideUpIn",e.SLIDEUPOUT="transition.slideUpOut",e.SLIDEDOWNIN="transition.slideDownIn",e.SLIDEDOWNOUT="transition.slideDownOut",e.SLIDELEFTIN="transition.slideLeftIn",e.SLIDELEFTOUT="transition.slideLeftOut",e.SLIDERIGHTIN="transition.slideRightIn",e.SLIDERIGHTOUT="transition.slideRightOut",e.FADEIN="transition.fadeIn",e.FADEOUT="transition.fadeOut"}(or||(or={}));const ir={SLIDEUPIN:{hidden:{y:0},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.2,staggerChildren:.05}}},SLIDEUPOUT:{hidden:{y:0},visible:{opacity:0,y:"100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNIN:{hidden:{opacity:0,y:"-100vh"},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNOUT:{hidden:{y:0},visible:{opacity:0,y:"-100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTIN:{hidden:{x:"100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTOUT:{hidden:{x:0},visible:{opacity:0,x:"100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTIN:{hidden:{x:"-100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTOUT:{hidden:{x:0},visible:{opacity:0,x:"-100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},FADEIN:{hidden:{opacity:0,scale:1},visible:{opacity:1,scale:1,transition:{ease:"easeIn",when:"beforeChildren",staggerChildren:.15}}},FADEOUT:{hidden:{opacity:1,scale:1},visible:{opacity:0,scale:1,transition:{ease:"easeOut",when:"beforeChildren",staggerChildren:.15}}},NOANIMATION:{hidden:{opacity:1},visible:{opacity:1}}},nr={SLIDEUPIN:{variants:{hidden:{y:100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEUPOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"-100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDEDOWNIN:{variants:{hidden:{y:-100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEDOWNOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDELEFTIN:{variants:{hidden:{x:100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDELEFTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDERIGHTIN:{variants:{hidden:{x:-100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDERIGHTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},FADEIN:{variants:{hidden:{opacity:0},visible:{opacity:1}},transition:{duration:.1,ease:"easeIn",when:"beforeChildren"}},FADEOUT:{variants:{hidden:{opacity:1},visible:{opacity:0}},transition:{duration:.1,ease:"easeOut",when:"beforeChildren"}}};var ar,lr;!function(e){e[e.MEDIA=1]="MEDIA",e[e.TEXT=2]="TEXT"}(ar||(ar={})),function(e){e.Admin="admin",e.User="user"}(lr||(lr={}));export{ir as AppAnimateGroups,or as AppAnimates,nr as AppMotionAnimate,rr as AuthType,tr as Fonts,Jt as FooterType,Dt as HISD3AvatarMenu,Ge as HISD3Button,St as HISD3HeaderActions,Pt as HISD3Input,at as HISD3LoginPage,ft as HISD3NotificationButton,Ue as HISD3PageBody,Me as HISD3PageHeader,re as HISD3Provider,qt as HISD3SearchInput,Ie as HISD3Sidebar,Nt as HISD3Table,Ut as HISD3Tabs,$t as HISD3Tag,j as HISD3_BORDER_PRESETS,_ as HISD3_COLORS,q as HISD3_FONT_FAMILY,K as HISD3_FONT_WEIGHT_BODY,Q as HISD3_FONT_WEIGHT_HEADING,$ as HISD3_LAYOUT,Oe as HISD3_LOGO_SRC,P as HISD3_NEUTRALS,G as HISD3_PRESETS,lt as HeaderIconButton,_t as HeaderType,Xt as LayoutDirection,Zt as LayoutType,Vt as MenuStyle,ar as MessageType,Yt as NavStyle,lr as RoutePermittedRole,er as RouteTransition,Wt as ThemeMode,Qt as ThemeStyle,Kt as ThemeStyleRadius,Se as UserMenu,J as borderVarsCss,V as createHisd3Theme,Et as getInitials,X as hisd3AntdTheme,Y as hisd3VarsCss,W as resolvePrimary,Z as tint,te as useInsideHISD3Provider};
+`,qt={small:"hisd3-search-sm",middle:"",large:"hisd3-search-lg"},Qt=({size:e,compact:r,className:o,...i})=>t(jt,{allowClear:!0,prefix:t(O,{}),className:[qt[e??(r?"small":"middle")],o??""].join(" ").trim(),...i});var Kt,Wt,Zt,Vt,Yt,Jt,Xt,_t,er,tr,rr,or,ir;!function(e){e.MODERN="modern",e.STANDARD="standard"}(Kt||(Kt={})),function(e){e.MODERN="30px",e.STANDARD="16px"}(Wt||(Wt={})),function(e){e.LIGHT="light",e.SEMI_DARK="semi-dark",e.DARK="dark"}(Zt||(Zt={})),function(e){e.FULL_WIDTH="full-width",e.BOXED="boxed",e.FRAMED="framed"}(Vt||(Vt={})),function(e){e.DEFAULT="default",e.STANDARD="standard",e.ROUNDED="rounded",e.ROUNDED_REVERSE="rounded-reverse",e.CURVED_MENU="curved-menu"}(Yt||(Yt={})),function(e){e.DEFAULT="default",e.MINI="mini",e.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",e.STANDARD="standard",e.HEADER_USER="user-header",e.HEADER_USER_MINI="user-mini-header",e.DRAWER="drawer",e.BIT_BUCKET="bit-bucket",e.H_DEFAULT="h-default",e.HOR_HEADER_FIXED="hor-header-fixed",e.HOR_DARK_LAYOUT="hor-dark-layout"}(Jt||(Jt={})),function(e){e.FIXED="fixed",e.FLUID="fluid"}(Xt||(Xt={})),function(e){e.RTL="rtl",e.LTR="ltr"}(_t||(_t={})),function(e){e.DARK="dark",e.LIGHT="light"}(er||(er={})),function(e){e.NONE="none",e.FADE="fade",e.SLIDE_LEFT="slideLeft",e.SLIDE_RIGHT="slideRight",e.SLIDE_UP="slideUp",e.SLIDE_DOWN="slideDown"}(tr||(tr={})),function(e){e.LIGHT="300",e.REGULAR="400",e.MEDIUM="500",e.BOLD="600"}(rr||(rr={})),function(e){e.FIREBASE="firebase",e.AWS_COGNITO="aws_cognito",e.AUTH0="auth0",e.JWT_AUTH="jwt_auth"}(or||(or={})),function(e){e.SLIDEUPIN="transition.slideUpIn",e.SLIDEUPOUT="transition.slideUpOut",e.SLIDEDOWNIN="transition.slideDownIn",e.SLIDEDOWNOUT="transition.slideDownOut",e.SLIDELEFTIN="transition.slideLeftIn",e.SLIDELEFTOUT="transition.slideLeftOut",e.SLIDERIGHTIN="transition.slideRightIn",e.SLIDERIGHTOUT="transition.slideRightOut",e.FADEIN="transition.fadeIn",e.FADEOUT="transition.fadeOut"}(ir||(ir={}));const nr={SLIDEUPIN:{hidden:{y:0},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.2,staggerChildren:.05}}},SLIDEUPOUT:{hidden:{y:0},visible:{opacity:0,y:"100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNIN:{hidden:{opacity:0,y:"-100vh"},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNOUT:{hidden:{y:0},visible:{opacity:0,y:"-100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTIN:{hidden:{x:"100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTOUT:{hidden:{x:0},visible:{opacity:0,x:"100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTIN:{hidden:{x:"-100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTOUT:{hidden:{x:0},visible:{opacity:0,x:"-100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},FADEIN:{hidden:{opacity:0,scale:1},visible:{opacity:1,scale:1,transition:{ease:"easeIn",when:"beforeChildren",staggerChildren:.15}}},FADEOUT:{hidden:{opacity:1,scale:1},visible:{opacity:0,scale:1,transition:{ease:"easeOut",when:"beforeChildren",staggerChildren:.15}}},NOANIMATION:{hidden:{opacity:1},visible:{opacity:1}}},ar={SLIDEUPIN:{variants:{hidden:{y:100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEUPOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"-100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDEDOWNIN:{variants:{hidden:{y:-100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEDOWNOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDELEFTIN:{variants:{hidden:{x:100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDELEFTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDERIGHTIN:{variants:{hidden:{x:-100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDERIGHTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},FADEIN:{variants:{hidden:{opacity:0},visible:{opacity:1}},transition:{duration:.1,ease:"easeIn",when:"beforeChildren"}},FADEOUT:{variants:{hidden:{opacity:1},visible:{opacity:0}},transition:{duration:.1,ease:"easeOut",when:"beforeChildren"}}};var lr,dr;!function(e){e[e.MEDIA=1]="MEDIA",e[e.TEXT=2]="TEXT"}(lr||(lr={})),function(e){e.Admin="admin",e.User="user"}(dr||(dr={}));export{nr as AppAnimateGroups,ir as AppAnimates,ar as AppMotionAnimate,or as AuthType,rr as Fonts,Xt as FooterType,Dt as HISD3AvatarMenu,Ge as HISD3Button,St as HISD3HeaderActions,Pt as HISD3Input,at as HISD3LoginPage,ft as HISD3NotificationButton,Ue as HISD3PageBody,Me as HISD3PageHeader,re as HISD3Provider,Qt as HISD3SearchInput,Ie as HISD3Sidebar,Nt as HISD3Table,Ut as HISD3Tabs,$t as HISD3Tag,j as HISD3_BORDER_PRESETS,_ as HISD3_COLORS,q as HISD3_FONT_FAMILY,K as HISD3_FONT_WEIGHT_BODY,Q as HISD3_FONT_WEIGHT_HEADING,$ as HISD3_LAYOUT,Oe as HISD3_LOGO_SRC,P as HISD3_NEUTRALS,G as HISD3_PRESETS,lt as HeaderIconButton,er as HeaderType,_t as LayoutDirection,Vt as LayoutType,Yt as MenuStyle,lr as MessageType,Jt as NavStyle,dr as RoutePermittedRole,tr as RouteTransition,Zt as ThemeMode,Kt as ThemeStyle,Wt as ThemeStyleRadius,Se as UserMenu,J as borderVarsCss,V as createHisd3Theme,Et as getInitials,X as hisd3AntdTheme,Y as hisd3VarsCss,W as resolvePrimary,Z as tint,te as useInsideHISD3Provider};
 //# sourceMappingURL=index.js.map