@itcase/ui-web 1.9.94 → 1.9.95

package/dist/cjs/components/Search.js

@@ -1 +1 @@
-"use strict";var e=require("../../default_cjs_BMbs2it-.js"),r=require("react/jsx-runtime"),o=require("react"),a=require("clsx"),i=require("@itcase/ui-core/hooks"),l=require("../../primitives_cjs_Cn5nSqZM.js"),c=require("../../Scrollbar_cjs_KosRKbq9.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),require("react-scrollbars-custom");const t={...{sizeXXL:{size:"xxl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.icons16.Security.Search,iconClear:e.icons16.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},s={appearance:t,setAppearance:e=>{s.appearance=e}},n=o.forwardRef(function(e,c){const{appearance:t,className:n,dataTestId:u,dataTour:d,placeholder:p,value:f,before:C,after:h,isActive:x,isDisabled:y,isSkeleton:S,onClickClean:m,onChange:T,onFocus:_,onKeyDown:b}=e,z=o.useCallback(e=>{T&&T(e.target.value)},[T]),v=o.useCallback(e=>{e?.stopPropagation(),T&&T(""),m&&m()},[T,m]),g=i.useAppearanceConfig(t,s,y),B=i.useDevicePropsGenerator(e,g),{size:F,fillClass:I,borderColorClass:A,borderColorHoverClass:j,borderTypeClass:Q,borderWidthClass:w,iconAfter:$,iconAfterFill:H,iconAfterSize:P,iconAfterSrc:q,iconBefore:N,iconBeforeFill:D,iconBeforeSize:k,iconBeforeSrc:L,iconClear:X,iconClearFill:R,iconClearSize:W,iconClearSrc:E,inputFillClass:G,inputTextColorClass:K,inputTextSizeClass:M,inputTextStyleClass:U,inputTextWeightClass:J,placeholderTextColor:O,placeholderTextSize:V,placeholderTextStyle:Y,placeholderTextWeight:Z,shapeClass:ee,widthClass:re}=B,{styles:oe}=i.useStyles(e);return r.jsxs("label",{className:a(n,"search-input",ee&&`shape_${ee}`,I&&`fill_${I}`,re&&`width_${re}`,A&&`border-color_${A}`,j&&`border-color_hover_${j}`,w&&`border-width_${w}`,Q&&`border_type_${Q}`,F&&`search-input_size_${F}`,S&&"skeleton"),"data-testid":u,"data-tour":d,style:oe,children:[C,(N||L)&&r.jsx(l.Icon,{className:"search-input__icon-before",size:k,iconFill:D,imageSrc:L,SvgImage:N}),r.jsxs("div",{className:a("search-input__wrapper",G&&`fill_${G}`),children:[r.jsx("input",{className:a("search-input__value",(M||J||K||U)&&"text",M&&`text_size_${M}`,J&&`text-weight_${J}`,K&&`text-color_${K}`,U&&`text-style_${U}`),type:"text",ref:c,required:!0,value:f||"",onChange:z,onFocus:_,onKeyDown:b}),r.jsx("div",{className:"search-input__placeholder",children:r.jsx(l.Text,{className:a("search-input__placeholder-value"),size:V,textColor:O,textStyle:Y,textWeight:Z,children:p})}),f&&r.jsx(l.Icon,{className:a("search-input__clear","cursor_type_pointer",x&&`fill_${R}`),size:W,iconFill:R,imageSrc:E,SvgImage:X,onClick:v})]}),($||q)&&r.jsx(l.Icon,{className:"search-input__icon-after",size:P,iconFill:H,imageSrc:q,SvgImage:$}),h]})});n.DEFAULT_REF_STATE={input:null};const u=o.forwardRef(function(e){const{className:l,dataTestId:t,dataTour:s,scrollHeight:n,before:u,after:d,children:p}=e,f=i.useDevicePropsGenerator(e),{fillClass:C,shapeClass:h}=f;return r.jsx("div",{className:a(l,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":t,"data-tour":s,children:r.jsxs("div",{className:"search-result__wrapper",children:[u,o.Children.toArray(p).filter(Boolean).length&&r.jsx(c.Scrollbar,{scrollHeight:n||300,children:p}),d]})})});exports.SearchInput=n,exports.SearchResult=u,exports.searchAppearance=t,exports.searchInputConfig=s;
+"use strict";var e=require("../../default_cjs_BMbs2it-.js"),r=require("react/jsx-runtime"),o=require("react"),a=require("clsx"),i=require("@itcase/ui-core/hooks"),l=require("../../primitives_cjs_Cn5nSqZM.js"),c=require("../../Scrollbar_cjs_KosRKbq9.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),require("react-scrollbars-custom");const t={...{sizeXXL:{size:"xxl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:e.icons24.Security.Search,iconClear:e.icons24.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.icons16.Security.Search,iconClear:e.icons16.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},s={appearance:t,setAppearance:e=>{s.appearance=e}},n=o.forwardRef(function(e,c){const{appearance:t,className:n,dataTestId:u,dataTour:d,placeholder:f,value:p,before:C,after:h,isActive:x,isDisabled:y,isSkeleton:S,onClickClean:T,onChange:m,onFocus:_,onKeyDown:b}=e,v=o.useCallback(e=>{m&&m(e.target.value)},[m]),z=o.useCallback(e=>{e?.stopPropagation(),m&&m(""),T&&T()},[m,T]),g=i.useAppearanceConfig(t,s,y),B=i.useDevicePropsGenerator(e,g),{size:F,fillClass:I,fillHoverClass:A,borderColorClass:j,borderColorHoverClass:H,borderTypeClass:Q,borderWidthClass:$,iconAfter:w,iconAfterFill:P,iconAfterSize:q,iconAfterSrc:N,iconBefore:D,iconBeforeFill:k,iconBeforeSize:L,iconBeforeSrc:X,iconClear:R,iconClearFill:W,iconClearSize:E,iconClearSrc:G,inputFillClass:K,inputTextColorClass:M,inputTextSizeClass:U,inputTextStyleClass:J,inputTextWeightClass:O,placeholderTextColor:V,placeholderTextSize:Y,placeholderTextStyle:Z,placeholderTextWeight:ee,shapeClass:re,widthClass:oe}=B,{styles:ae}=i.useStyles(e);return r.jsxs("label",{className:a(n,"search-input",re&&`shape_${re}`,I&&`fill_${I}`,A&&`fill_hover_${A}`,oe&&`width_${oe}`,j&&`border-color_${j}`,H&&`border-color_hover_${H}`,$&&`border-width_${$}`,Q&&`border_type_${Q}`,F&&`search-input_size_${F}`,S&&"skeleton"),"data-testid":u,"data-tour":d,style:ae,children:[C,(D||X)&&r.jsx(l.Icon,{className:"search-input__icon-before",size:L,iconFill:k,imageSrc:X,SvgImage:D}),r.jsxs("div",{className:a("search-input__wrapper",K&&`fill_${K}`),children:[r.jsx("input",{className:a("search-input__value",(U||O||M||J)&&"text",U&&`text_size_${U}`,O&&`text-weight_${O}`,M&&`text-color_${M}`,J&&`text-style_${J}`),type:"text",ref:c,required:!0,value:p||"",onChange:v,onFocus:_,onKeyDown:b}),r.jsx("div",{className:"search-input__placeholder",children:r.jsx(l.Text,{className:a("search-input__placeholder-value"),size:Y,textColor:V,textStyle:Z,textWeight:ee,children:f})}),p&&r.jsx(l.Icon,{className:a("search-input__clear","cursor_type_pointer",x&&`fill_${W}`),size:E,iconFill:W,imageSrc:G,SvgImage:R,onClick:z})]}),(w||N)&&r.jsx(l.Icon,{className:"search-input__icon-after",size:q,iconFill:P,imageSrc:N,SvgImage:w}),h]})});n.DEFAULT_REF_STATE={input:null};const u=o.forwardRef(function(e){const{className:l,dataTestId:t,dataTour:s,scrollHeight:n,before:u,after:d,children:f}=e,p=i.useDevicePropsGenerator(e),{fillClass:C,shapeClass:h}=p;return r.jsx("div",{className:a(l,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":t,"data-tour":s,children:r.jsxs("div",{className:"search-result__wrapper",children:[u,o.Children.toArray(f).filter(Boolean).length&&r.jsx(c.Scrollbar,{scrollHeight:n||300,children:f}),d]})})});exports.SearchInput=n,exports.SearchResult=u,exports.searchAppearance=t,exports.searchInputConfig=s;

package/dist/cjs/components/Switch.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),l=require("@itcase/ui-core/hooks"),s=require("../../primitives_cjs_Cn5nSqZM.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const t={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},a={appearance:t,setAppearance:e=>{a.appearance=e}},c=i.forwardRef(function(i,t){const{id:c,appearance:o,className:f,dataTestId:u,dataTour:d,align:T="left",title:n,desc:x,isActive:g,isDisabled:m,isSkeleton:v,onChange:_}=i,h=l.useAppearanceConfig(o,a,m),y=l.useDevicePropsGenerator(i,h),{size:C,fillActiveClass:P,fillActiveHoverClass:p,fillClass:A,fillHoverClass:w,fillToggleActiveClass:z,fillToggleActiveHoverClass:S,fillToggleClass:b,fillToggleHoverClass:j,titleTextColor:$,titleTextSize:q,descTextColor:N,descTextSize:k,widthClass:D}=y;return e.jsxs("div",{className:r("switch",f,D&&`width_${D}`,T&&`switch_align_${T}`,C&&`switch_size_${C}`,v&&"skeleton"),"data-testid":u,"data-tour":d,children:[e.jsxs("div",{className:"switch__wrapper",children:[n&&e.jsx(s.Text,{className:r("switch__title"),size:q,textColor:$,children:n}),x&&e.jsx(s.Text,{className:r("switch__desc"),size:k,textColor:N,children:x})]}),e.jsxs("div",{className:"switch__item",children:[e.jsx("input",{id:c,className:"switch__checkbox",type:"checkbox",ref:t,checked:g,disabled:m,onChange:_}),e.jsx("div",{className:r("switch__bg",g?P&&`fill_active_${P}`:A&&`fill_${A}`,g?p&&`fill_active_hover_${p}`:w&&`fill_hover_${w}`),children:" "}),e.jsx("div",{className:r("switch__toggle",g?z&&`fill_active_${z}`:b&&`fill_${b}`,g?S&&`fill_active_hover_${S}`:j&&`fill_hover_${j}`),children:" "})]})]})});exports.Switch=c,exports.switchAppearance=t,exports.switchConfig=a;
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),l=require("@itcase/ui-core/hooks"),s=require("../../primitives_cjs_Cn5nSqZM.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const t={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},a={appearance:t,setAppearance:e=>{a.appearance=e}},c=i.forwardRef(function(i,t){const{id:c,appearance:o,className:f,dataTestId:u,dataTour:d,align:T="left",title:n,desc:x,isActive:g,isDisabled:m,isSkeleton:_,onChange:v}=i,h=l.useAppearanceConfig(o,a,m),y=l.useDevicePropsGenerator(i,h),{size:C,fillActiveClass:P,fillActiveHoverClass:p,fillClass:w,fillHoverClass:A,fillToggleActiveClass:z,fillToggleActiveHoverClass:S,fillToggleClass:b,fillToggleHoverClass:j,titleTextColor:$,titleTextSize:q,descTextColor:N,descTextSize:k,widthClass:D}=y;return e.jsxs("label",{className:r("switch",f,D&&`width_${D}`,T&&`switch_align_${T}`,C&&`switch_size_${C}`,m&&"switch_disabled",_&&"skeleton"),"data-testid":u,"data-tour":d,children:[e.jsxs("div",{className:"switch__wrapper",children:[n&&e.jsx(s.Text,{className:r("switch__title"),size:q,textColor:$,children:n}),x&&e.jsx(s.Text,{className:r("switch__desc"),size:k,textColor:N,children:x})]}),e.jsxs("div",{className:"switch__item",children:[e.jsx("input",{id:c,className:"switch__checkbox",type:"checkbox",ref:t,checked:g,disabled:m,onChange:v}),e.jsx("div",{className:r("switch__bg",g?P&&`fill_active_${P}`:w&&`fill_${w}`,g?p&&`fill_active_hover_${p}`:A&&`fill_hover_${A}`),children:" "}),e.jsx("div",{className:r("switch__toggle",g?z&&`fill_active_${z}`:b&&`fill_${b}`,g?S&&`fill_active_hover_${S}`:j&&`fill_hover_${j}`),children:" "})]})]})});exports.Switch=c,exports.switchAppearance=t,exports.switchConfig=a;

package/dist/components/Search.js

@@ -1 +1 @@
-import{i as e,a as r}from"../default_es_C4dY1Dqw.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,a as u}from"../primitives_es_CkHPBwNl.js";import{S as f}from"../Scrollbar_es_BXeXr1J8.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"react-scrollbars-custom";const p={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},m={appearance:p,setAppearance:e=>{m.appearance=e}},C=l.forwardRef(function(e,r){const{appearance:l,className:f,dataTestId:p,dataTour:C,placeholder:h,value:y,before:S,after:x,isActive:T,isDisabled:_,isSkeleton:b,onClickClean:z,onChange:v,onFocus:B,onKeyDown:F}=e,g=i(e=>{v&&v(e.target.value)},[v]),I=i(e=>{e?.stopPropagation(),v&&v(""),z&&z()},[v,z]),A=c(l,m,_),Q=s(e,A),{size:w,fillClass:$,borderColorClass:H,borderColorHoverClass:P,borderTypeClass:N,borderWidthClass:D,iconAfter:L,iconAfterFill:k,iconAfterSize:X,iconAfterSrc:j,iconBefore:W,iconBeforeFill:E,iconBeforeSize:R,iconBeforeSrc:q,iconClear:K,iconClearFill:M,iconClearSize:U,iconClearSrc:G,inputFillClass:J,inputTextColorClass:O,inputTextSizeClass:V,inputTextStyleClass:Y,inputTextWeightClass:Z,placeholderTextColor:ee,placeholderTextSize:re,placeholderTextStyle:oe,placeholderTextWeight:ae,shapeClass:le,widthClass:ie}=Q,{styles:te}=n(e);return o("label",{className:t(f,"search-input",le&&`shape_${le}`,$&&`fill_${$}`,ie&&`width_${ie}`,H&&`border-color_${H}`,P&&`border-color_hover_${P}`,D&&`border-width_${D}`,N&&`border_type_${N}`,w&&`search-input_size_${w}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:te,children:[S,(W||q)&&a(d,{className:"search-input__icon-before",size:R,iconFill:E,imageSrc:q,SvgImage:W}),o("div",{className:t("search-input__wrapper",J&&`fill_${J}`),children:[a("input",{className:t("search-input__value",(V||Z||O||Y)&&"text",V&&`text_size_${V}`,Z&&`text-weight_${Z}`,O&&`text-color_${O}`,Y&&`text-style_${Y}`),type:"text",ref:r,required:!0,value:y||"",onChange:g,onFocus:B,onKeyDown:F}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:re,textColor:ee,textStyle:oe,textWeight:ae,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${M}`),size:U,iconFill:M,imageSrc:G,SvgImage:K,onClick:I})]}),(L||j)&&a(d,{className:"search-input__icon-after",size:X,iconFill:k,imageSrc:j,SvgImage:L}),x]})});C.DEFAULT_REF_STATE={input:null};const h=l.forwardRef(function(e){const{className:r,dataTestId:i,dataTour:c,scrollHeight:n,before:d,after:u,children:p}=e,m=s(e),{fillClass:C,shapeClass:h}=m;return a("div",{className:t(r,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":i,"data-tour":c,children:o("div",{className:"search-result__wrapper",children:[d,l.Children.toArray(p).filter(Boolean).length&&a(f,{scrollHeight:n||300,children:p}),u]})})});export{C as SearchInput,h as SearchResult,p as searchAppearance,m as searchInputConfig};
+import{i as e,a as r}from"../default_es_C4dY1Dqw.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,a as u}from"../primitives_es_CkHPBwNl.js";import{S as f}from"../Scrollbar_es_BXeXr1J8.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"react-scrollbars-custom";const p={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},m={appearance:p,setAppearance:e=>{m.appearance=e}},C=l.forwardRef(function(e,r){const{appearance:l,className:f,dataTestId:p,dataTour:C,placeholder:h,value:y,before:S,after:x,isActive:T,isDisabled:_,isSkeleton:b,onClickClean:z,onChange:v,onFocus:B,onKeyDown:F}=e,g=i(e=>{v&&v(e.target.value)},[v]),I=i(e=>{e?.stopPropagation(),v&&v(""),z&&z()},[v,z]),A=c(l,m,_),H=s(e,A),{size:Q,fillClass:$,fillHoverClass:w,borderColorClass:P,borderColorHoverClass:N,borderTypeClass:D,borderWidthClass:L,iconAfter:k,iconAfterFill:X,iconAfterSize:j,iconAfterSrc:W,iconBefore:E,iconBeforeFill:R,iconBeforeSize:q,iconBeforeSrc:K,iconClear:M,iconClearFill:U,iconClearSize:G,iconClearSrc:J,inputFillClass:O,inputTextColorClass:V,inputTextSizeClass:Y,inputTextStyleClass:Z,inputTextWeightClass:ee,placeholderTextColor:re,placeholderTextSize:oe,placeholderTextStyle:ae,placeholderTextWeight:le,shapeClass:ie,widthClass:te}=H,{styles:ce}=n(e);return o("label",{className:t(f,"search-input",ie&&`shape_${ie}`,$&&`fill_${$}`,w&&`fill_hover_${w}`,te&&`width_${te}`,P&&`border-color_${P}`,N&&`border-color_hover_${N}`,L&&`border-width_${L}`,D&&`border_type_${D}`,Q&&`search-input_size_${Q}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:ce,children:[S,(E||K)&&a(d,{className:"search-input__icon-before",size:q,iconFill:R,imageSrc:K,SvgImage:E}),o("div",{className:t("search-input__wrapper",O&&`fill_${O}`),children:[a("input",{className:t("search-input__value",(Y||ee||V||Z)&&"text",Y&&`text_size_${Y}`,ee&&`text-weight_${ee}`,V&&`text-color_${V}`,Z&&`text-style_${Z}`),type:"text",ref:r,required:!0,value:y||"",onChange:g,onFocus:B,onKeyDown:F}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:oe,textColor:re,textStyle:ae,textWeight:le,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${U}`),size:G,iconFill:U,imageSrc:J,SvgImage:M,onClick:I})]}),(k||W)&&a(d,{className:"search-input__icon-after",size:j,iconFill:X,imageSrc:W,SvgImage:k}),x]})});C.DEFAULT_REF_STATE={input:null};const h=l.forwardRef(function(e){const{className:r,dataTestId:i,dataTour:c,scrollHeight:n,before:d,after:u,children:p}=e,m=s(e),{fillClass:C,shapeClass:h}=m;return a("div",{className:t(r,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":i,"data-tour":c,children:o("div",{className:"search-result__wrapper",children:[d,l.Children.toArray(p).filter(Boolean).length&&a(f,{scrollHeight:n||300,children:p}),u]})})});export{C as SearchInput,h as SearchResult,p as searchAppearance,m as searchInputConfig};

package/dist/components/Switch.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";import l from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{a}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},o={appearance:c,setAppearance:e=>{o.appearance=e}},f=r.forwardRef(function(r,c){const{id:f,appearance:d,className:m,dataTestId:T,dataTour:n,align:u="left",title:x,desc:g,isActive:_,isDisabled:v,isSkeleton:y,onChange:h}=r,C=t(d,o,v),p=s(r,C),{size:P,fillActiveClass:z,fillActiveHoverClass:A,fillClass:w,fillHoverClass:S,fillToggleActiveClass:b,fillToggleActiveHoverClass:$,fillToggleClass:N,fillToggleHoverClass:k,titleTextColor:H,titleTextSize:D,descTextColor:j,descTextSize:q,widthClass:I}=p;return e("div",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,y&&"skeleton"),"data-testid":T,"data-tour":n,children:[e("div",{className:"switch__wrapper",children:[x&&i(a,{className:l("switch__title"),size:D,textColor:H,children:x}),g&&i(a,{className:l("switch__desc"),size:q,textColor:j,children:g})]}),e("div",{className:"switch__item",children:[i("input",{id:f,className:"switch__checkbox",type:"checkbox",ref:c,checked:_,disabled:v,onChange:h}),i("div",{className:l("switch__bg",_?z&&`fill_active_${z}`:w&&`fill_${w}`,_?A&&`fill_active_hover_${A}`:S&&`fill_hover_${S}`),children:" "}),i("div",{className:l("switch__toggle",_?b&&`fill_active_${b}`:N&&`fill_${N}`,_?$&&`fill_active_hover_${$}`:k&&`fill_hover_${k}`),children:" "})]})]})});export{f as Switch,c as switchAppearance,o as switchConfig};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";import l from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{a}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},o={appearance:c,setAppearance:e=>{o.appearance=e}},f=r.forwardRef(function(r,c){const{id:f,appearance:d,className:m,dataTestId:T,dataTour:n,align:u="left",title:x,desc:g,isActive:_,isDisabled:v,isSkeleton:y,onChange:h}=r,C=t(d,o,v),p=s(r,C),{size:P,fillActiveClass:z,fillActiveHoverClass:A,fillClass:w,fillHoverClass:S,fillToggleActiveClass:b,fillToggleActiveHoverClass:$,fillToggleClass:N,fillToggleHoverClass:k,titleTextColor:H,titleTextSize:D,descTextColor:j,descTextSize:q,widthClass:I}=p;return e("label",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,v&&"switch_disabled",y&&"skeleton"),"data-testid":T,"data-tour":n,children:[e("div",{className:"switch__wrapper",children:[x&&i(a,{className:l("switch__title"),size:D,textColor:H,children:x}),g&&i(a,{className:l("switch__desc"),size:q,textColor:j,children:g})]}),e("div",{className:"switch__item",children:[i("input",{id:f,className:"switch__checkbox",type:"checkbox",ref:c,checked:_,disabled:v,onChange:h}),i("div",{className:l("switch__bg",_?z&&`fill_active_${z}`:w&&`fill_${w}`,_?A&&`fill_active_hover_${A}`:S&&`fill_hover_${S}`),children:" "}),i("div",{className:l("switch__toggle",_?b&&`fill_active_${b}`:N&&`fill_${N}`,_?$&&`fill_active_hover_${$}`:k&&`fill_hover_${k}`),children:" "})]})]})});export{f as Switch,c as switchAppearance,o as switchConfig};

package/dist/css/styles/bundles.css

@@ -97387,6 +97387,8 @@ div.label {
   overflow: hidden;
   display: flex;
   justify-content: center;
+  caret-color: var(--search-input-caret-color);
+  transition: var(--search-input-transition);
   &__icon {
     &-before {
       display: flex;
@@ -97515,6 +97517,7 @@ div.label {
 
   --search-shape-rounded: 8px;
   --search-input-shape-rounded: 0;
+  --search-input-transition: all 0.3s ease 0s;
 }
 .segmented {
   display: flex;
@@ -99475,6 +99478,10 @@ div.swiper-pagination {
 .switch {
   display: flex;
   flex-direction: row;
+  cursor: pointer;
+  &_disabled {
+    cursor: default;
+  }
   &__wrapper {
     display: flex;
     flex: 1;
@@ -99492,7 +99499,7 @@ div.swiper-pagination {
     overflow: hidden;
     display: flex;
     transition: 0.4s;
-    cursor: pointer;
+    cursor: inherit;
   }
   &__checkbox {
     width: 100%;
@@ -99503,7 +99510,7 @@ div.swiper-pagination {
     left: 0;
     top: 0;
     z-index: 2;
-    cursor: pointer;
+    cursor: inherit;
     appearance: none;
     &:checked {
       & ~ .switch__toggle {

package/dist/types/components/Search/Search.appearance.d.ts

@@ -58,6 +58,7 @@ declare const searchAppearance: {
     };
     defaultPrimary: {
         fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
         borderColor: "surfaceBorderQuaternary";
         borderColorHover: "surfaceBorderHoverQuaternary";
         iconAfterFill: "surfaceItemQuaternary";
@@ -68,6 +69,7 @@ declare const searchAppearance: {
     };
     defaultSecondary: {
         fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderHoverTertiary";
         iconAfterFill: "surfaceItemQuaternary";

package/dist/types/components/Search/Search.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -11,6 +11,7 @@ type SearchAppearanceProps = {
     borderType?: BorderTypeProps;
     borderWidth?: BorderWidthProps;
     fill?: FillProps;
+    fillHover?: FillHoverProps;
     iconAfter?: IconProps['SvgImage'];
     iconAfterFill?: IconProps['iconFill'];
     iconAfterSize?: IconProps['size'];

package/dist/types/components/Search/SearchInput.d.ts

@@ -8,6 +8,7 @@ declare const SearchInput: React.ForwardRefExoticComponent<{
     borderType?: import("@itcase/types-ui").BorderTypeProps;
     borderWidth?: import("@itcase/types-ui").BorderWidthProps;
     fill?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
     iconAfter?: import("src/components/Icon").IconProps["SvgImage"];
     iconAfterFill?: import("src/components/Icon").IconProps["iconFill"];
     iconAfterSize?: import("src/components/Icon").IconProps["size"];

package/dist/types/components/Search/SearchInput.js

@@ -25,9 +25,9 @@ const SearchInput = React.forwardRef(function SearchInput(props, ref) {
     }, [onChange, onClickClean]);
     const appearanceConfig = useAppearanceConfig(appearance, searchInputConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { size, fillClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconAfter, iconAfterFill, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeSize, iconBeforeSrc, iconClear, iconClearFill, iconClearSize, iconClearSrc, inputFillClass, inputTextColorClass, inputTextSizeClass, inputTextStyleClass, inputTextWeightClass, placeholderTextColor, placeholderTextSize, placeholderTextStyle, placeholderTextWeight, shapeClass, widthClass, } = propsGenerator;
+    const { size, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconAfter, iconAfterFill, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeSize, iconBeforeSrc, iconClear, iconClearFill, iconClearSize, iconClearSrc, inputFillClass, inputTextColorClass, inputTextSizeClass, inputTextStyleClass, inputTextWeightClass, placeholderTextColor, placeholderTextSize, placeholderTextStyle, placeholderTextWeight, shapeClass, widthClass, } = propsGenerator;
     const { styles: searchInputStyles } = useStyles(props);
-    return (_jsxs("label", { className: clsx(className, 'search-input', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, widthClass && `width_${widthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, size && `search-input_size_${size}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: "search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), _jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && `fill_${inputFillClass}`), children: [_jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (_jsxs("label", { className: clsx(className, 'search-input', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, widthClass && `width_${widthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, size && `search-input_size_${size}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: "search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), _jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && `fill_${inputFillClass}`), children: [_jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputTextWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&

package/dist/types/components/Search/appearance/searchDefault.d.ts

@@ -1,6 +1,7 @@
 declare const searchAppearanceDefault: {
     defaultPrimary: {
         fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
         borderColor: "surfaceBorderQuaternary";
         borderColorHover: "surfaceBorderHoverQuaternary";
         iconAfterFill: "surfaceItemQuaternary";
@@ -11,6 +12,7 @@ declare const searchAppearanceDefault: {
     };
     defaultSecondary: {
         fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderHoverTertiary";
         iconAfterFill: "surfaceItemQuaternary";

package/dist/types/components/Search/appearance/searchDefault.js

@@ -1,6 +1,7 @@
 const searchAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderQuaternary',
         borderColorHover: 'surfaceBorderHoverQuaternary',
         iconAfterFill: 'surfaceItemQuaternary',
@@ -11,6 +12,7 @@ const searchAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfaceSecondary',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderHoverTertiary',
         iconAfterFill: 'surfaceItemQuaternary',

package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputError.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
         borderType?: import("@itcase/types-ui").BorderTypeProps;
         borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         iconAfter?: import("../../Icon").IconProps["SvgImage"];
         iconAfterFill?: import("../../Icon").IconProps["iconFill"];
         iconAfterSize?: import("../../Icon").IconProps["size"];

package/dist/types/components/Switch/Switch.js

@@ -15,7 +15,7 @@ const Switch = React.forwardRef(function Switch(props, ref) {
     const appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { size, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, widthClass, } = propsGenerator;
-    return (_jsxs("div", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`, isSkeleton && 'skeleton'), "data-testid": dataTestId, "data-tour": dataTour, children: [_jsxs("div", { className: "switch__wrapper", children: [title && (_jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (_jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), _jsxs("div", { className: 'switch__item', children: [_jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", ref: ref, checked: isActive, disabled: isDisabled, onChange: onChange }), _jsx("div", { className: clsx('switch__bg', !isActive
+    return (_jsxs("label", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`, isDisabled && 'switch_disabled', isSkeleton && 'skeleton'), "data-testid": dataTestId, "data-tour": dataTour, children: [_jsxs("div", { className: "switch__wrapper", children: [title && (_jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (_jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), _jsxs("div", { className: 'switch__item', children: [_jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", ref: ref, checked: isActive, disabled: isDisabled, onChange: onChange }), _jsx("div", { className: clsx('switch__bg', !isActive
                             ? fillClass && `fill_${fillClass}`
                             : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
                             ? fillHoverClass && `fill_hover_${fillHoverClass}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.9.94",
+  "version": "1.9.95",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -114,5 +114,5 @@
     "storybook": "^10.3.5",
     "typescript": "^6.0.3"
   },
-  "gitHead": "16e0ee677be566c76412683e6252a51155a5b202"
+  "gitHead": "2f587da297da6cc7e4ae439f965d40dae5140ce8"
 }