@itcase/ui-web 1.9.94 → 1.9.96
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.
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/components/Search.js +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/css/styles/bundles.css +11 -4
- package/dist/types/components/Search/Search.appearance.d.ts +2 -0
- package/dist/types/components/Search/Search.interface.d.ts +2 -1
- package/dist/types/components/Search/SearchInput.d.ts +1 -0
- package/dist/types/components/Search/SearchInput.js +2 -2
- package/dist/types/components/Search/appearance/searchDefault.d.ts +2 -0
- package/dist/types/components/Search/appearance/searchDefault.js +2 -0
- package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputError.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts +1 -0
- package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts +1 -0
- package/dist/types/components/Switch/Switch.js +1 -1
- package/package.json +5 -5
|
@@ -1 +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:
|
|
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",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;
|
|
@@ -1 +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:
|
|
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:_,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;
|
|
@@ -1 +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,_),
|
|
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",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};
|
|
@@ -1 +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("
|
|
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("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};
|
|
@@ -97387,6 +97387,8 @@ div.label {
|
|
|
97387
97387
|
overflow: hidden;
|
|
97388
97388
|
display: flex;
|
|
97389
97389
|
justify-content: center;
|
|
97390
|
+
caret-color: var(--search-input-caret-color);
|
|
97391
|
+
transition: var(--search-input-transition);
|
|
97390
97392
|
&__icon {
|
|
97391
97393
|
&-before {
|
|
97392
97394
|
display: flex;
|
|
@@ -97515,6 +97517,7 @@ div.label {
|
|
|
97515
97517
|
|
|
97516
97518
|
--search-shape-rounded: 8px;
|
|
97517
97519
|
--search-input-shape-rounded: 0;
|
|
97520
|
+
--search-input-transition: all 0.3s ease 0s;
|
|
97518
97521
|
}
|
|
97519
97522
|
.segmented {
|
|
97520
97523
|
display: flex;
|
|
@@ -98519,7 +98522,7 @@ div.label {
|
|
|
98519
98522
|
}
|
|
98520
98523
|
}
|
|
98521
98524
|
/**
|
|
98522
|
-
* Swiper 12.1.
|
|
98525
|
+
* Swiper 12.1.4
|
|
98523
98526
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
98524
98527
|
* https://swiperjs.com
|
|
98525
98528
|
*
|
|
@@ -98527,7 +98530,7 @@ div.label {
|
|
|
98527
98530
|
*
|
|
98528
98531
|
* Released under the MIT License
|
|
98529
98532
|
*
|
|
98530
|
-
* Released on:
|
|
98533
|
+
* Released on: April 29, 2026
|
|
98531
98534
|
*/
|
|
98532
98535
|
:root {
|
|
98533
98536
|
--swiper-theme-color: #007aff;
|
|
@@ -99475,6 +99478,10 @@ div.swiper-pagination {
|
|
|
99475
99478
|
.switch {
|
|
99476
99479
|
display: flex;
|
|
99477
99480
|
flex-direction: row;
|
|
99481
|
+
cursor: pointer;
|
|
99482
|
+
&_disabled {
|
|
99483
|
+
cursor: default;
|
|
99484
|
+
}
|
|
99478
99485
|
&__wrapper {
|
|
99479
99486
|
display: flex;
|
|
99480
99487
|
flex: 1;
|
|
@@ -99492,7 +99499,7 @@ div.swiper-pagination {
|
|
|
99492
99499
|
overflow: hidden;
|
|
99493
99500
|
display: flex;
|
|
99494
99501
|
transition: 0.4s;
|
|
99495
|
-
cursor:
|
|
99502
|
+
cursor: inherit;
|
|
99496
99503
|
}
|
|
99497
99504
|
&__checkbox {
|
|
99498
99505
|
width: 100%;
|
|
@@ -99503,7 +99510,7 @@ div.swiper-pagination {
|
|
|
99503
99510
|
left: 0;
|
|
99504
99511
|
top: 0;
|
|
99505
99512
|
z-index: 2;
|
|
99506
|
-
cursor:
|
|
99513
|
+
cursor: inherit;
|
|
99507
99514
|
appearance: none;
|
|
99508
99515
|
&:checked {
|
|
99509
99516
|
& ~ .switch__toggle {
|
|
@@ -58,6 +58,7 @@ declare const searchAppearance: {
|
|
|
58
58
|
};
|
|
59
59
|
defaultPrimary: {
|
|
60
60
|
fill: "surfaceSecondary";
|
|
61
|
+
fillHover: "surfaceTertiary";
|
|
61
62
|
borderColor: "surfaceBorderQuaternary";
|
|
62
63
|
borderColorHover: "surfaceBorderHoverQuaternary";
|
|
63
64
|
iconAfterFill: "surfaceItemQuaternary";
|
|
@@ -68,6 +69,7 @@ declare const searchAppearance: {
|
|
|
68
69
|
};
|
|
69
70
|
defaultSecondary: {
|
|
70
71
|
fill: "surfaceSecondary";
|
|
72
|
+
fillHover: "surfaceTertiary";
|
|
71
73
|
borderColor: "surfaceBorderTertiary";
|
|
72
74
|
borderColorHover: "surfaceBorderHoverTertiary";
|
|
73
75
|
iconAfterFill: "surfaceItemQuaternary";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
|
|
2
|
+
import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
|
|
3
3
|
import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
|
|
4
4
|
import { StyleAttributes } from '@itcase/ui-core/hooks';
|
|
5
5
|
import { IconProps } from 'src/components/Icon/Icon.interface';
|
|
@@ -11,6 +11,7 @@ type SearchAppearanceProps = {
|
|
|
11
11
|
borderType?: BorderTypeProps;
|
|
12
12
|
borderWidth?: BorderWidthProps;
|
|
13
13
|
fill?: FillProps;
|
|
14
|
+
fillHover?: FillHoverProps;
|
|
14
15
|
iconAfter?: IconProps['SvgImage'];
|
|
15
16
|
iconAfterFill?: IconProps['iconFill'];
|
|
16
17
|
iconAfterSize?: IconProps['size'];
|
|
@@ -8,6 +8,7 @@ declare const SearchInput: React.ForwardRefExoticComponent<{
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("src/components/Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("src/components/Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("src/components/Icon").IconProps["size"];
|
|
@@ -25,9 +25,9 @@ const SearchInput = React.forwardRef(function SearchInput(props, ref) {
|
|
|
25
25
|
}, [onChange, onClickClean]);
|
|
26
26
|
const appearanceConfig = useAppearanceConfig(appearance, searchInputConfig, isDisabled);
|
|
27
27
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
28
|
-
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;
|
|
28
|
+
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;
|
|
29
29
|
const { styles: searchInputStyles } = useStyles(props);
|
|
30
|
-
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 ||
|
|
30
|
+
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 ||
|
|
31
31
|
inputTextWeightClass ||
|
|
32
32
|
inputTextColorClass ||
|
|
33
33
|
inputTextStyleClass) &&
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
declare const searchAppearanceDefault: {
|
|
2
2
|
defaultPrimary: {
|
|
3
3
|
fill: "surfaceSecondary";
|
|
4
|
+
fillHover: "surfaceTertiary";
|
|
4
5
|
borderColor: "surfaceBorderQuaternary";
|
|
5
6
|
borderColorHover: "surfaceBorderHoverQuaternary";
|
|
6
7
|
iconAfterFill: "surfaceItemQuaternary";
|
|
@@ -11,6 +12,7 @@ declare const searchAppearanceDefault: {
|
|
|
11
12
|
};
|
|
12
13
|
defaultSecondary: {
|
|
13
14
|
fill: "surfaceSecondary";
|
|
15
|
+
fillHover: "surfaceTertiary";
|
|
14
16
|
borderColor: "surfaceBorderTertiary";
|
|
15
17
|
borderColorHover: "surfaceBorderHoverTertiary";
|
|
16
18
|
iconAfterFill: "surfaceItemQuaternary";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
const searchAppearanceDefault = {
|
|
2
2
|
defaultPrimary: {
|
|
3
3
|
fill: 'surfaceSecondary',
|
|
4
|
+
fillHover: 'surfaceTertiary',
|
|
4
5
|
borderColor: 'surfaceBorderQuaternary',
|
|
5
6
|
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
6
7
|
iconAfterFill: 'surfaceItemQuaternary',
|
|
@@ -11,6 +12,7 @@ const searchAppearanceDefault = {
|
|
|
11
12
|
},
|
|
12
13
|
defaultSecondary: {
|
|
13
14
|
fill: 'surfaceSecondary',
|
|
15
|
+
fillHover: 'surfaceTertiary',
|
|
14
16
|
borderColor: 'surfaceBorderTertiary',
|
|
15
17
|
borderColorHover: 'surfaceBorderHoverTertiary',
|
|
16
18
|
iconAfterFill: 'surfaceItemQuaternary',
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -8,6 +8,7 @@ declare const meta: {
|
|
|
8
8
|
borderType?: import("@itcase/types-ui").BorderTypeProps;
|
|
9
9
|
borderWidth?: import("@itcase/types-ui").BorderWidthProps;
|
|
10
10
|
fill?: import("@itcase/types-ui").FillProps;
|
|
11
|
+
fillHover?: import("@itcase/types-ui").FillHoverProps;
|
|
11
12
|
iconAfter?: import("../../Icon").IconProps["SvgImage"];
|
|
12
13
|
iconAfterFill?: import("../../Icon").IconProps["iconFill"];
|
|
13
14
|
iconAfterSize?: import("../../Icon").IconProps["size"];
|
|
@@ -15,7 +15,7 @@ const Switch = React.forwardRef(function Switch(props, ref) {
|
|
|
15
15
|
const appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
|
|
16
16
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
17
17
|
const { size, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, widthClass, } = propsGenerator;
|
|
18
|
-
return (_jsxs("
|
|
18
|
+
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
|
|
19
19
|
? fillClass && `fill_${fillClass}`
|
|
20
20
|
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
21
21
|
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.96",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@itcase/tokens-am": "^1.1.54",
|
|
54
54
|
"@itcase/tokens-baikal": "^1.1.54",
|
|
55
55
|
"@itcase/tokens-palette": "^1.1.50",
|
|
56
|
-
"@itcase/ui-core": "^1.9.
|
|
56
|
+
"@itcase/ui-core": "^1.9.96",
|
|
57
57
|
"@rc-component/tooltip": "^1.4.0",
|
|
58
58
|
"clsx": "^2.1.1",
|
|
59
59
|
"date-fns": "^4.1.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
97
97
|
"@rollup/plugin-terser": "^1.0.0",
|
|
98
98
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
99
|
-
"@storybook/addon-vitest": "^10.3.
|
|
99
|
+
"@storybook/addon-vitest": "^10.3.6",
|
|
100
100
|
"@types/js-cookie": "^3.0.6",
|
|
101
101
|
"@types/lodash": "^4.17.24",
|
|
102
102
|
"@types/luxon": "^3.7.1",
|
|
@@ -107,12 +107,12 @@
|
|
|
107
107
|
"@types/uuid": "^11.0.0",
|
|
108
108
|
"babel-plugin-inline-react-svg": "^2.0.2",
|
|
109
109
|
"playwright": "^1.59.1",
|
|
110
|
-
"rollup": "4.60.
|
|
110
|
+
"rollup": "4.60.3",
|
|
111
111
|
"rollup-plugin-copy": "^3.5.0",
|
|
112
112
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
113
113
|
"rollup-preserve-directives": "^1.1.3",
|
|
114
114
|
"storybook": "^10.3.5",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "0aa36c3eb6f7539bd6eaaaa319c5bcc02c9e867c"
|
|
118
118
|
}
|