@itcase/ui-web 1.10.3 → 1.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("../../primitives_cjs_ocTnUpml.js"),l=require("../../default_cjs_BMbs2it-.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const s={defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"}},c={disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},t={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},n={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...c,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...t,...s,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},u={appearance:n,setAppearance:e=>{u.appearance=e}};exports.InputPassword=function(l){const{id:s,appearance:c,className:t,dataTestId:n,dataTour:d,name:p,placeholder:x,value:S,isDisabled:f,onBlur:h,onChange:w,onFocus:y,onKeyDown:C}=l,[b,V]=r.useState(!1),v=r.useMemo(()=>b?"text":"password",[b]),m=r.useCallback(e=>{e?.preventDefault(),V(e=>!e)},[]),T=a.useAppearanceConfig(c,u,f),z=a.useDevicePropsGenerator(l,T),{fillClass:_,fillHoverClass:H,borderColorClass:R,borderColorHoverClass:Q,borderWidthClass:g,textColorClass:F,textSizeClass:I,textWeightClass:P,caretClass:$,iconFill:q,iconFillHover:B,iconRevealableHide:j,iconRevealableShow:X,iconShape:L,iconSize:D,imageRevealableHide:M,imageRevealableShow:N,placeholderTextColorClass:k,shapeClass:A,sizeClass:W,widthClass:K}=z;return e.jsxs("div",{className:"input-password","data-testid":n+"Wrapper",children:[e.jsx("input",{id:String(s),className:o(t,"input-password__input",(I||F||P)&&"text",R&&`border-color_${R}`,Q&&`border-color_hover_${Q}`,g&&`border-width_${g}`,$&&`caret-color_${$}`,_&&`fill_${_}`,H&&`fill_hover_${H}`,k&&`placeholder-text-color_${k}`,A&&`shape_${A}`,W&&`input-password__input_size_${W}`,F&&`text-color_${F}`,F&&`text-color_${F}`,I&&`text_size_${I}`,P&&`text-weight_${P}`,K&&`width_${K}`),type:v,"data-testid":n||(p?`${p}-input-password`:"input-password"),"data-tour":d,"date-testid":n,disabled:f,placeholder:x,value:S,onBlur:h,onChange:w,onFocus:y,onKeyDown:C}),e.jsx(i.Icon,{className:"input-password__icon",size:D,iconFill:q,iconFillHover:B,imageSrc:b?M:N,shape:L,SvgImage:b?j:X,onClick:m})]})},exports.inputPasswordAppearance=n,exports.inputPasswordConfig=u;
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("../../primitives_cjs_ocTnUpml.js"),l=require("../../default_cjs_BMbs2it-.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const s={defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"}},c={disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},t={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"errorItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"errorItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},n={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...c,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"warningItemSecondary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"warningItemSecondary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...t,...s,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"successItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"successItemQuaternary",iconRevealableHide:l.icons24.View.HideValue,iconRevealableShow:l.icons24.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},d={appearance:n,setAppearance:e=>{d.appearance=e}};exports.InputPassword=function(l){const{id:s,appearance:c,className:t,dataTestId:n,dataTour:u,name:p,placeholder:x,value:S,isDisabled:w,onBlur:h,onChange:y,onFocus:f,onKeyDown:C}=l,[b,V]=r.useState(!1),v=r.useMemo(()=>b?"text":"password",[b]),m=r.useCallback(e=>{e?.preventDefault(),V(e=>!e)},[]),T=a.useAppearanceConfig(c,d,w),z=a.useDevicePropsGenerator(l,T),{fillClass:_,fillHoverClass:H,borderColorClass:R,borderColorHoverClass:Q,borderWidthClass:g,textColorClass:F,textSizeClass:I,textWeightClass:P,caretClass:$,iconFill:q,iconFillHover:B,iconRevealableHide:j,iconRevealableShow:X,iconShape:L,iconSize:D,imageRevealableHide:M,imageRevealableShow:N,placeholderTextColorClass:k,shapeClass:A,sizeClass:W,widthClass:K}=z;return e.jsxs("div",{className:"input-password","data-testid":n+"Wrapper",children:[e.jsx("input",{id:String(s),className:o(t,"input-password__input",(I||F||P)&&"text",R&&`border-color_${R}`,Q&&`border-color_hover_${Q}`,g&&`border-width_${g}`,$&&`caret-color_${$}`,_&&`fill_${_}`,H&&`fill_hover_${H}`,k&&`placeholder-text-color_${k}`,A&&`shape_${A}`,W&&`input-password__input_size_${W}`,F&&`text-color_${F}`,F&&`text-color_${F}`,I&&`text_size_${I}`,P&&`text-weight_${P}`,K&&`width_${K}`),type:v,"data-testid":n||(p?`${p}-input-password`:"input-password"),"data-tour":u,"date-testid":n,disabled:w,placeholder:x,value:S,onBlur:h,onChange:y,onFocus:f,onKeyDown:C}),e.jsx(i.Icon,{className:"input-password__icon",size:D,iconFill:q,iconFillHover:B,imageSrc:b?M:N,shape:L,SvgImage:b?j:X,onClick:m})]})},exports.inputPasswordAppearance=n,exports.inputPasswordConfig=d;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a,useMemo as o,useCallback as l}from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_BQqNcRQk.js";import{d as n}from"../default_es_CaWUd9iO.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"}},u={disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},p={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},f={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...u,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...p,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},S={appearance:f,setAppearance:e=>{S.appearance=e}};function x(n){const{id:d,appearance:u,className:p,dataTestId:f,dataTour:x,name:h,placeholder:y,value:w,isDisabled:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=a(!1),_=o(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,S,m),Q=c(n,R),{fillClass:F,fillHoverClass:I,borderColorClass:$,borderColorHoverClass:g,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:L,caretClass:D,iconFill:N,iconFillHover:j,iconRevealableHide:M,iconRevealableShow:W,iconShape:k,iconSize:q,imageRevealableHide:K,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,sizeClass:J,widthClass:O}=Q;return e("div",{className:"input-password","data-testid":f+"Wrapper",children:[r("input",{id:String(d),className:i(p,"input-password__input",(X||P||L)&&"text",$&&`border-color_${$}`,g&&`border-color_hover_${g}`,B&&`border-width_${B}`,D&&`caret-color_${D}`,F&&`fill_${F}`,I&&`fill_hover_${I}`,E&&`placeholder-text-color_${E}`,G&&`shape_${G}`,J&&`input-password__input_size_${J}`,P&&`text-color_${P}`,P&&`text-color_${P}`,X&&`text_size_${X}`,L&&`text-weight_${L}`,O&&`width_${O}`),type:_,"data-testid":f||(h?`${h}-input-password`:"input-password"),"data-tour":x,"date-testid":f,disabled:m,placeholder:y,value:w,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(s,{className:"input-password__icon",size:q,iconFill:N,iconFillHover:j,imageSrc:v?K:A,shape:k,SvgImage:v?M:W,onClick:H})]})}export{x as InputPassword,f as inputPasswordAppearance,S as inputPasswordConfig};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useMemo as a,useCallback as l}from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_BQqNcRQk.js";import{d as n}from"../default_es_CaWUd9iO.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"}},u={disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},p={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"errorItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"errorItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},S={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...u,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"warningItemSecondary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"warningItemSecondary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...p,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"successItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"successItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},x={appearance:S,setAppearance:e=>{x.appearance=e}};function h(n){const{id:d,appearance:u,className:p,dataTestId:S,dataTour:h,name:y,placeholder:w,value:f,isDisabled:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=o(!1),_=a(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,x,m),Q=c(n,R),{fillClass:g,fillHoverClass:F,borderColorClass:I,borderColorHoverClass:$,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:L,caretClass:D,iconFill:N,iconFillHover:j,iconRevealableHide:M,iconRevealableShow:W,iconShape:k,iconSize:q,imageRevealableHide:K,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,sizeClass:J,widthClass:O}=Q;return e("div",{className:"input-password","data-testid":S+"Wrapper",children:[r("input",{id:String(d),className:i(p,"input-password__input",(X||P||L)&&"text",I&&`border-color_${I}`,$&&`border-color_hover_${$}`,B&&`border-width_${B}`,D&&`caret-color_${D}`,g&&`fill_${g}`,F&&`fill_hover_${F}`,E&&`placeholder-text-color_${E}`,G&&`shape_${G}`,J&&`input-password__input_size_${J}`,P&&`text-color_${P}`,P&&`text-color_${P}`,X&&`text_size_${X}`,L&&`text-weight_${L}`,O&&`width_${O}`),type:_,"data-testid":S||(y?`${y}-input-password`:"input-password"),"data-tour":h,"date-testid":S,disabled:m,placeholder:w,value:f,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(s,{className:"input-password__icon",size:q,iconFill:N,iconFillHover:j,imageSrc:v?K:A,shape:k,SvgImage:v?M:W,onClick:H})]})}export{h as InputPassword,S as inputPasswordAppearance,x as inputPasswordConfig};
@@ -21,7 +21,7 @@ declare const inputPasswordAppearance: {
21
21
  fill: "successTertiary";
22
22
  borderColor: "successBorderQuaternary";
23
23
  textColor: "surfaceTextPrimary";
24
- iconFill: "surfaceItemQuaternary";
24
+ iconFill: "successItemQuaternary";
25
25
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
26
26
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
27
27
  placeholderTextColor: "surfaceTextQuaternary";
@@ -29,7 +29,7 @@ declare const inputPasswordAppearance: {
29
29
  successSecondary: {
30
30
  fill: "surfaceSecondary";
31
31
  borderColor: "surfaceBorderTertiary";
32
- iconFill: "surfaceItemQuaternary";
32
+ iconFill: "successItemQuaternary";
33
33
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
34
34
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
35
35
  placeholderTextColor: "surfaceTextSecondary";
@@ -58,7 +58,7 @@ declare const inputPasswordAppearance: {
58
58
  fill: "errorTertiary";
59
59
  borderColor: "errorBorderQuaternary";
60
60
  textColor: "surfaceTextPrimary";
61
- iconFill: "surfaceItemQuaternary";
61
+ iconFill: "errorItemQuaternary";
62
62
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
63
63
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
64
64
  placeholderTextColor: "surfaceTextQuaternary";
@@ -66,7 +66,7 @@ declare const inputPasswordAppearance: {
66
66
  errorSecondary: {
67
67
  fill: "errorSecondary";
68
68
  borderColor: "errorBorderTertiary";
69
- iconFill: "surfaceItemQuaternary";
69
+ iconFill: "errorItemQuaternary";
70
70
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
71
71
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
72
72
  placeholderTextColor: "errorTextSecondary";
@@ -88,7 +88,7 @@ declare const inputPasswordAppearance: {
88
88
  fill: "warningTertiary";
89
89
  borderColor: "warningBorderQuaternary";
90
90
  textColor: "surfaceTextPrimary";
91
- iconFill: "surfaceItemQuaternary";
91
+ iconFill: "warningItemSecondary";
92
92
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
93
93
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
94
94
  placeholderTextColor: "surfaceTextQuaternary";
@@ -96,7 +96,7 @@ declare const inputPasswordAppearance: {
96
96
  requireSecondary: {
97
97
  fill: "surfaceSecondary";
98
98
  borderColor: "surfaceBorderTertiary";
99
- iconFill: "surfaceItemQuaternary";
99
+ iconFill: "warningItemSecondary";
100
100
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
101
101
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
102
102
  placeholderTextColor: "surfaceTextSecondary";
@@ -3,7 +3,7 @@ declare const inputPasswordAppearanceError: {
3
3
  fill: "errorTertiary";
4
4
  borderColor: "errorBorderQuaternary";
5
5
  textColor: "surfaceTextPrimary";
6
- iconFill: "surfaceItemQuaternary";
6
+ iconFill: "errorItemQuaternary";
7
7
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
8
8
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
9
9
  placeholderTextColor: "surfaceTextQuaternary";
@@ -11,7 +11,7 @@ declare const inputPasswordAppearanceError: {
11
11
  errorSecondary: {
12
12
  fill: "errorSecondary";
13
13
  borderColor: "errorBorderTertiary";
14
- iconFill: "surfaceItemQuaternary";
14
+ iconFill: "errorItemQuaternary";
15
15
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
16
16
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
17
17
  placeholderTextColor: "errorTextSecondary";
@@ -4,7 +4,7 @@ const inputPasswordAppearanceError = {
4
4
  fill: 'errorTertiary',
5
5
  borderColor: 'errorBorderQuaternary',
6
6
  textColor: 'surfaceTextPrimary',
7
- iconFill: 'surfaceItemQuaternary',
7
+ iconFill: 'errorItemQuaternary',
8
8
  iconRevealableHide: icons24.View.HideValue,
9
9
  iconRevealableShow: icons24.View.ShowValue,
10
10
  placeholderTextColor: 'surfaceTextQuaternary',
@@ -12,7 +12,7 @@ const inputPasswordAppearanceError = {
12
12
  errorSecondary: {
13
13
  fill: 'errorSecondary',
14
14
  borderColor: 'errorBorderTertiary',
15
- iconFill: 'surfaceItemQuaternary',
15
+ iconFill: 'errorItemQuaternary',
16
16
  iconRevealableHide: icons24.View.HideValue,
17
17
  iconRevealableShow: icons24.View.ShowValue,
18
18
  placeholderTextColor: 'errorTextSecondary',
@@ -3,7 +3,7 @@ declare const inputPasswordAppearanceRequire: {
3
3
  fill: "warningTertiary";
4
4
  borderColor: "warningBorderQuaternary";
5
5
  textColor: "surfaceTextPrimary";
6
- iconFill: "surfaceItemQuaternary";
6
+ iconFill: "warningItemSecondary";
7
7
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
8
8
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
9
9
  placeholderTextColor: "surfaceTextQuaternary";
@@ -11,7 +11,7 @@ declare const inputPasswordAppearanceRequire: {
11
11
  requireSecondary: {
12
12
  fill: "surfaceSecondary";
13
13
  borderColor: "surfaceBorderTertiary";
14
- iconFill: "surfaceItemQuaternary";
14
+ iconFill: "warningItemSecondary";
15
15
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
16
16
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
17
17
  placeholderTextColor: "surfaceTextSecondary";
@@ -4,7 +4,7 @@ const inputPasswordAppearanceRequire = {
4
4
  fill: 'warningTertiary',
5
5
  borderColor: 'warningBorderQuaternary',
6
6
  textColor: 'surfaceTextPrimary',
7
- iconFill: 'surfaceItemQuaternary',
7
+ iconFill: 'warningItemSecondary',
8
8
  iconRevealableHide: icons24.View.HideValue,
9
9
  iconRevealableShow: icons24.View.ShowValue,
10
10
  placeholderTextColor: 'surfaceTextQuaternary',
@@ -12,7 +12,7 @@ const inputPasswordAppearanceRequire = {
12
12
  requireSecondary: {
13
13
  fill: 'surfaceSecondary',
14
14
  borderColor: 'surfaceBorderTertiary',
15
- iconFill: 'surfaceItemQuaternary',
15
+ iconFill: 'warningItemSecondary',
16
16
  iconRevealableHide: icons24.View.HideValue,
17
17
  iconRevealableShow: icons24.View.ShowValue,
18
18
  placeholderTextColor: 'surfaceTextSecondary',
@@ -3,7 +3,7 @@ declare const inputPasswordAppearanceSuccess: {
3
3
  fill: "successTertiary";
4
4
  borderColor: "successBorderQuaternary";
5
5
  textColor: "surfaceTextPrimary";
6
- iconFill: "surfaceItemQuaternary";
6
+ iconFill: "successItemQuaternary";
7
7
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
8
8
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
9
9
  placeholderTextColor: "surfaceTextQuaternary";
@@ -11,7 +11,7 @@ declare const inputPasswordAppearanceSuccess: {
11
11
  successSecondary: {
12
12
  fill: "surfaceSecondary";
13
13
  borderColor: "surfaceBorderTertiary";
14
- iconFill: "surfaceItemQuaternary";
14
+ iconFill: "successItemQuaternary";
15
15
  iconRevealableHide: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
16
16
  iconRevealableShow: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
17
17
  placeholderTextColor: "surfaceTextSecondary";
@@ -4,7 +4,7 @@ const inputPasswordAppearanceSuccess = {
4
4
  fill: 'successTertiary',
5
5
  borderColor: 'successBorderQuaternary',
6
6
  textColor: 'surfaceTextPrimary',
7
- iconFill: 'surfaceItemQuaternary',
7
+ iconFill: 'successItemQuaternary',
8
8
  iconRevealableHide: icons24.View.HideValue,
9
9
  iconRevealableShow: icons24.View.ShowValue,
10
10
  placeholderTextColor: 'surfaceTextQuaternary',
@@ -12,7 +12,7 @@ const inputPasswordAppearanceSuccess = {
12
12
  successSecondary: {
13
13
  fill: 'surfaceSecondary',
14
14
  borderColor: 'surfaceBorderTertiary',
15
- iconFill: 'surfaceItemQuaternary',
15
+ iconFill: 'successItemQuaternary',
16
16
  iconRevealableHide: icons24.View.HideValue,
17
17
  iconRevealableShow: icons24.View.ShowValue,
18
18
  placeholderTextColor: 'surfaceTextSecondary',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui-web",
3
- "version": "1.10.3",
3
+ "version": "1.10.4",
4
4
  "description": "UI components",
5
5
  "keywords": "",
6
6
  "license": "MIT",
@@ -114,5 +114,5 @@
114
114
  "storybook": "^10.4.0",
115
115
  "typescript": "^6.0.3"
116
116
  },
117
- "gitHead": "f6e8298b248d91b7f28963f93af9078fb21ff525"
117
+ "gitHead": "ed993e5cdcefe228b0adee65cf9ecc3b7f570fa0"
118
118
  }