@itcase/ui-web 1.9.104 → 1.9.106

package/dist/components/Tab.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{e as d,a as n,B as b,I as v,D as f}from"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const m={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},p={appearance:m,setAppearance:e=>{p.appearance=e}};function u(m){const{appearance:u,className:y,dataTestId:A,dataTour:x,label:z,badgeValue:S,href:C,link:g,rel:P,target:T,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=m,X=l(u,p,F),k=s(m,X),{rootClasses:B}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:N,alignClass:j,labelTextAlign:W,labelTextColor:L,labelTextColorActive:M,labelTextColorHover:Q,labelTextSize:V,labelTextStyle:E,labelTextWeight:G,labelTextWrap:O,badgeAppearance:q,badgeAppearanceSize:J,badgeShape:K,badgeSize:R,badgeTextColor:U,badgeTextSize:Y,dividerFill:Z,dividerFillActive:ee,dividerFillActiveHover:re,dividerFillDisabled:ie,dividerFillHover:ae,dividerSize:le,icon:se,iconFill:ce,iconFillIcon:te,iconFillSize:oe,iconShape:de,iconSize:ne,iconSrc:be,linkFill:ve,shapeClass:fe,sizeClass:me,widthClass:pe}=k,{styles:ue}=t(m);return e("div",{className:a("tab",y,B,h&&"tab_state_active",F&&"tab_state_disabled",me&&`tab_size_${me}`,fe&&`shape_${fe}`,pe&&`width_${pe}`,N&&`tab_justify-content_${N}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":A&&`${A}Tab`,"data-tour":x,style:ue,onClick:w,onMouseEnter:$,children:r(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:ve,href:g||C,rel:P,target:T,children:[_,I||r(i.Fragment,{children:[r("div",{className:a("tab__wrapper",j&&`align_${j}`),children:[z&&e(n,{className:"tab__label",size:V,textAlign:W,textColor:L,textColorActive:M,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:z}),Boolean(S)&&e(b,{appearance:o(q,J),size:R,textColor:U,textSize:Y,shape:K,value:S}),(se||be)&&e(v,{className:"tab__icon_after",fill:ce,fillSize:oe,iconFill:te,iconSize:ne,imageSrc:be,shape:de,SvgImage:se})]}),e(f,{className:"tab__divider",width:"fill",direction:"horizontal",size:le,fill:Z,fillActive:ee,fillActiveHover:re,fillDisabled:ie,fillHover:ae,zIndex:"1",isActive:h,isDisabled:F})]}),D]})})}function y(l){const{className:c,dataTestId:o,dataTour:d,horizontalScroll:n,style:b,tabAppearance:v,tabList:f,children:m}=l,p=s(l),{directionClass:y,alignClass:A,alignDirectionClass:x,fillClass:z,borderColorClass:S,borderTypeClass:C,borderWidthClass:g,widthClass:P,wrapClass:T}=p,{styles:_,wrapper:D}=t(l);return e("div",{className:a(c,"tab-group","group",P&&`width_${P}`,x&&`align_${x}`,y&&`group_direction_${y}`,A&&`align_${A}`,z&&`fill_${z}`,n&&"group_scroll_horizontal",T&&`group_wrap_${T}`,S&&`border-color_${S}`,g&&`border-width_${g}`,C&&`border_type_${C}`),"data-testid":o,"data-tour":d,style:Object.assign({},_,b),children:n?r("div",{className:"tab-group__wrapper",style:D,children:[f?.map(r=>e(u,{appearance:v,label:r.label,isActive:r.isActive},r.key)),m]}):r(i.Fragment,{children:[f?.map(r=>e(u,{appearance:v,label:r.label,badgeValue:r.badgeValue,icon:r.icon,iconSrc:r.iconSrc,isActive:r.isActive,onClick:r.onClick},r.key)),m]})})}export{u as Tab,y as TabGroup,m as tabAppearance,p as tabConfig};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as t}from"@itcase/ui-core/utils";import{L as d,T as n,B as b,I as v,D as f}from"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const m={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},p={appearance:m,setAppearance:e=>{p.appearance=e}};function u(m){const{appearance:u,className:y,dataTestId:z,dataTour:A,label:x,badgeValue:S,href:C,link:g,rel:P,target:T,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=m,X=l(u,p,F),k=s(m,X),{rootClasses:B}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:M,alignClass:N,labelTextAlign:j,labelTextColor:L,labelTextColorActive:W,labelTextColorHover:Q,labelTextSize:V,labelTextStyle:E,labelTextWeight:G,labelTextWrap:O,badgeAppearance:q,badgeAppearanceSize:J,badgeShape:K,badgeSize:R,badgeTextColor:U,badgeTextSize:Y,dividerFill:Z,dividerFillActive:ee,dividerFillActiveHover:re,dividerFillDisabled:ie,dividerFillHover:ae,dividerSize:le,icon:se,iconFill:ce,iconFillIcon:oe,iconFillSize:te,iconShape:de,iconSize:ne,iconSrc:be,linkFill:ve,shapeClass:fe,sizeClass:me,widthClass:pe}=k,{styles:ue}=o(m);return e("div",{className:a("tab",y,B,h&&"tab_state_active",F&&"tab_state_disabled",me&&`tab_size_${me}`,fe&&`shape_${fe}`,pe&&`width_${pe}`,M&&`tab_justify-content_${M}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":z&&`${z}Tab`,"data-tour":A,style:ue,onClick:w,onMouseEnter:$,children:r(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:ve,href:g||C,rel:P,target:T,children:[_,I||r(i.Fragment,{children:[r("div",{className:a("tab__wrapper",N&&`align_${N}`),children:[x&&e(n,{className:"tab__label",size:V,textAlign:j,textColor:L,textColorActive:W,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:x}),Boolean(S)&&e(b,{appearance:t(q,J),size:R,textColor:U,textSize:Y,shape:K,value:S}),(se||be)&&e(v,{className:"tab__icon_after",fill:ce,fillSize:te,iconFill:oe,iconSize:ne,imageSrc:be,shape:de,SvgImage:se})]}),e(f,{className:"tab__divider",width:"fill",direction:"horizontal",size:le,fill:Z,fillActive:ee,fillActiveHover:re,fillDisabled:ie,fillHover:ae,zIndex:"1",isActive:h,isDisabled:F})]}),D]})})}function y(l){const{className:c,dataTestId:t,dataTour:d,horizontalScroll:n,style:b,tabAppearance:v,tabList:f,children:m}=l,p=s(l),{directionClass:y,alignClass:z,alignDirectionClass:A,fillClass:x,borderColorClass:S,borderTypeClass:C,borderWidthClass:g,widthClass:P,wrapClass:T}=p,{styles:_,wrapper:D}=o(l);return e("div",{className:a(c,"tab-group","group",P&&`width_${P}`,A&&`align_${A}`,y&&`group_direction_${y}`,z&&`align_${z}`,x&&`fill_${x}`,n&&"group_scroll_horizontal",T&&`group_wrap_${T}`,S&&`border-color_${S}`,g&&`border-width_${g}`,C&&`border_type_${C}`),"data-testid":t,"data-tour":d,style:Object.assign({},_,b),children:n?r("div",{className:"tab-group__wrapper",style:D,children:[f?.map(r=>e(u,{appearance:v,label:r.label,isActive:r.isActive},r.key)),m]}):r(i.Fragment,{children:[f?.map(r=>e(u,{appearance:v,label:r.label,badgeValue:r.badgeValue,icon:r.icon,iconSrc:r.iconSrc,isActive:r.isActive,onClick:r.onClick},r.key)),m]})})}export{u as Tab,y as TabGroup,m as tabAppearance,p as tabConfig};

package/dist/components/Text.js

@@ -1 +1 @@
-export{a as Text,t as textAppearance,g as textConfig}from"../primitives_es_BkqjUVO-.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
+export{T as Text,t as textAppearance,q as textConfig}from"../primitives_es_BQqNcRQk.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";

package/dist/components/Textarea.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import e from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";const l={defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultQuaternary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultTertiary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"errorItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",borderColorHover:"errorBorderHoverQuaternary",iconClearFill:"errorItemPrimary",placeholderTextColor:"errorTextSecondary"},successPrimary:{fill:"successTertiary",fillHover:"successHoverTertiary",borderColor:"successBorderQuaternary",borderColorHover:"successBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"successItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",borderColorHover:"warningBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"warningItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},disabledPrimary:{fill:"surfacePrimary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",textColor:"surfaceTextQuaternary",iconClearFill:"errorItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},sizeXL:{size:"xl",textSize:"s"},sizeL:{size:"l",textSize:"s"},sizeM:{size:"m",textSize:"m"},sizeS:{size:"s",textSize:"s"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},t={appearance:l,setAppearance:r=>{t.appearance=r}};function s(l){const{id:s,appearance:i,className:d,dataTestId:c,dataTour:u,name:n,placeholder:y,value:f,isActive:C,isDisabled:x,isSkeleton:m,onBlur:T,onChange:v,onFocus:b,onKeyDown:h}=l,p=o(i,t,x),H=a(l,p),{fillClass:B,fillHoverClass:Q,borderColorClass:P,borderHoverClass:S,borderWidthClass:_,textColorClass:z,textSizeClass:F,textWeightClass:$,caretClass:I,placeholderTextColorClass:w,shapeClass:g,sizeClass:L,widthClass:k}=H;return r("div",{className:e("textarea",d,L&&`textarea_size_${L}`,m&&"skeleton",C&&"textarea_active"),"data-tour":u,children:r("textarea",{id:s,className:e("textarea__input",(F||z||$)&&"text",I&&`caret-color_${I}`,B&&`fill_${B}`,Q&&`fill_hover_${Q}`,P&&`border-color_${P}`,_&&`border-width_${_}`,S&&`border-color_hover_${S}`,g&&`shape_${g}`,w&&`placeholder-text-color_${w}`,F&&`text_size_${F}`,z&&`text-color_${z}`,$&&`text-weight_${$}`,k&&`width_${k}`),"data-testid":c||(n?`${n}-textarea`:"textarea"),disabled:x,placeholder:y,value:f,onBlur:T,onChange:v,onFocus:b,onKeyDown:h})})}export{s as Textarea,l as textareaAppearance,t as textareaConfig};
+import{jsx as r}from"react/jsx-runtime";import e from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";const l={defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultQuaternary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultTertiary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"errorItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",borderColorHover:"errorBorderHoverQuaternary",iconClearFill:"errorItemPrimary",placeholderTextColor:"errorTextSecondary"},successPrimary:{fill:"successTertiary",fillHover:"successHoverTertiary",borderColor:"successBorderQuaternary",borderColorHover:"successBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"successItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",borderColorHover:"warningBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"warningItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},disabledPrimary:{fill:"surfacePrimary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",textColor:"surfaceTextQuaternary",iconClearFill:"errorItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},sizeXL:{size:"xl",textSize:"s"},sizeL:{size:"l",textSize:"s"},sizeM:{size:"m",textSize:"m"},sizeS:{size:"s",textSize:"s"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},t={appearance:l,setAppearance:r=>{t.appearance=r}};function s(l){const{id:s,appearance:i,className:d,dataTestId:c,dataTour:u,name:n,placeholder:y,value:f,isActive:C,isDisabled:x,isSkeleton:m,onBlur:T,onChange:v,onFocus:b,onKeyDown:h}=l,p=o(i,t,x),H=a(l,p),{fillClass:B,fillHoverClass:Q,borderColorClass:P,borderHoverClass:S,borderWidthClass:_,textColorClass:z,textSizeClass:F,textWeightClass:$,caretClass:I,placeholderTextColorClass:w,shapeClass:g,sizeClass:L,widthClass:k}=H;return r("div",{className:e("textarea",d,L&&`textarea_size_${L}`,m&&"skeleton",C&&"textarea_active"),"data-tour":u,children:r("textarea",{id:s,className:e("textarea__input",(F||z||$)&&"text",I&&`caret-color_${I}`,B&&`fill_${B}`,Q&&`fill_hover_${Q}`,P&&`border-color_${P}`,_&&`border-width_${_}`,S&&`border-color_hover_${S}`,g&&`shape_${g}`,w&&`placeholder-text-color_${w}`,F&&`text_size_${F}`,z&&`text-color_${z}`,$&&`text-weight_${$}`,k&&`width_${k}`),"data-testid":c||(n?`${n}-textarea`:"textarea"),disabled:x,placeholder:y,value:f,onBlur:T,onChange:v,onFocus:b,onKeyDown:h})})}export{s as Textarea,l as textareaAppearance,t as textareaConfig};

package/dist/components/Tile.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{T as l,a as s,B as n,I as d}from"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";const p={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeXL:{size:"xl",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"32",iconSize:"24"},sizeL:{size:"l",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeM:{size:"m",titleTextSize:"h4",descTextSize:"m",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeS:{size:"s",titleTextSize:"h4",descTextSize:"s",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeXS:{size:"xs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},sizeXXS:{size:"xxs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceSecondary:{fill:"surfaceSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceTertiary:{fill:"surfaceTertiary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"}},z={appearance:p,setAppearance:e=>{z.appearance=e}};function x(p){const{appearance:x,className:S,dataTestId:m,dataTour:T,type:u,title:f,desc:h,badgeValue:C,iconClick:_,before:b,after:y,isSkeleton:g,onClick:A,children:P}=p,v=a(x,z),$=t(p,v),{directionClass:F,alignClass:N,alignDirectionClass:X,fillClass:k,titleTextAlign:W,titleTextColor:M,titleTextSize:B,titleTextWeight:w,titleTextWrap:I,descTextColor:L,descTextSize:j,descTextWrap:Q,borderColorClass:D,borderColorHoverClass:H,borderTypeClass:V,borderWidthClass:q,badgeAppearance:E,badgeAppearanceSize:G,badgeShape:J,badgeSize:K,badgeTextColor:O,badgeTextSize:R,icon:U,iconAppearance:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:te,shapeClass:oe,sizeClass:ce,widthClass:le}=$,{styles:se}=o(p);return e("div",{className:r("tile",S,k&&`fill_${k}`,oe&&`shape_${oe}`,N&&`align_${N}`,F&&`direction_${F}`,D&&`border-color_${D}`,H&&`border-color_hover_${H}`,q&&`border-width_${q}`,V&&`border_type_${V}`,ce&&`tile_size_${ce}`,u&&`tile_type_${u}`,C&&"tile_state_badge",le&&`width_${le}`,g&&"skeleton"),"data-testid":m,"data-tour":T,style:se,onClick:A,children:i("div",{className:r("tile__wrapper",N,X),children:[b,i("div",{className:"tile__header",children:[i("div",{className:"tile__header-inner",children:[f&&e(l,{className:"tile__title",size:B,textAlign:W,textColor:M,textWeight:w,textWrap:I,children:f}),h&&e(s,{className:"tile__text",size:j,textColor:L,textWrap:Q,children:h})]}),i("div",{className:"tile__header-actions",children:[C&&e(n,{appearance:c(E,G),className:"tile__badge",size:K,textColor:O,textSize:R,shape:J,value:C}),(U||te)&&e(d,{appearance:Y,className:"tile__icon",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:te,shape:re,SvgImage:U,onClick:_})]})]}),P,y]})})}export{x as Tile,p as tileAppearance,z as tileConfig};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{d as l,T as c,B as d,I as n}from"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";const p={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXL:{size:"xl",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"32",iconSize:"24"},sizeL:{size:"l",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeM:{size:"m",titleTextSize:"h4",descTextSize:"m",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeS:{size:"s",titleTextSize:"h4",descTextSize:"s",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeXS:{size:"xs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},sizeXXS:{size:"xxs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"},surfaceQuaternary:{fill:"surfaceQuaternary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"},surfaceTertiary:{fill:"surfaceTertiary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"}},z={appearance:p,setAppearance:e=>{z.appearance=e}};function x(p){const{appearance:x,className:u,dataTestId:S,dataTour:m,type:T,title:f,desc:h,badgeValue:_,iconClick:C,before:b,after:y,isSkeleton:g,onClick:A,children:P}=p,v=a(x,z),M=t(p,v),{directionClass:$,alignClass:F,alignDirectionClass:N,fillClass:X,titleTextAlign:k,titleTextColor:W,titleTextSize:L,titleTextWeight:B,titleTextWrap:w,descTextColor:I,descTextSize:j,descTextWrap:Q,borderColorClass:D,borderColorHoverClass:H,borderTypeClass:V,borderWidthClass:q,badgeAppearance:E,badgeAppearanceSize:G,badgeShape:J,badgeSize:K,badgeTextColor:O,badgeTextSize:R,icon:U,iconAppearance:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:te,shapeClass:oe,sizeClass:se,widthClass:le}=M,{styles:ce}=o(p);return e("div",{className:r("tile",u,X&&`fill_${X}`,oe&&`shape_${oe}`,F&&`align_${F}`,$&&`direction_${$}`,D&&`border-color_${D}`,H&&`border-color_hover_${H}`,q&&`border-width_${q}`,V&&`border_type_${V}`,se&&`tile_size_${se}`,T&&`tile_type_${T}`,_&&"tile_state_badge",le&&`width_${le}`,g&&"skeleton"),"data-testid":S,"data-tour":m,style:ce,onClick:A,children:i("div",{className:r("tile__wrapper",F,N),children:[b,i("div",{className:"tile__header",children:[i("div",{className:"tile__header-inner",children:[f&&e(l,{className:"tile__title",size:L,textAlign:k,textColor:W,textWeight:B,textWrap:w,children:f}),h&&e(c,{className:"tile__text",size:j,textColor:I,textWrap:Q,children:h})]}),i("div",{className:"tile__header-actions",children:[_&&e(d,{appearance:s(E,G),className:"tile__badge",size:K,textColor:O,textSize:R,shape:J,value:_}),(U||te)&&e(n,{appearance:Y,className:"tile__icon",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:te,shape:re,SvgImage:U,onClick:C})]})]}),P,y]})})}export{x as Tile,p as tileAppearance,z as tileConfig};

package/dist/components/Title.js

@@ -1 +1 @@
-export{T as Title,k as titleAppearance,m as titleConfig}from"../primitives_es_BkqjUVO-.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
+export{d as Title,r as titleAppearance,s as titleConfig}from"../primitives_es_BQqNcRQk.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";

package/dist/components/Tooltip.js

@@ -1 +1 @@
-export{f as Tooltip,d as TooltipWrapper,n as tooltipAppearance,o as tooltipConfig}from"../primitives_es_BkqjUVO-.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
+export{e as Tooltip,f as TooltipWrapper,u as tooltipAppearance,v as tooltipConfig}from"../primitives_es_BQqNcRQk.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";

package/dist/components/Warning.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,a as d}from"../primitives_es_BkqjUVO-.js";import{i as f}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const s={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},m={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},y={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},T={...s,...{warningMutedPrimary:{fill:"warningSecondary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningMutedTertiary:{fill:"warningTertiary",labelTextColor:"warningTextQuaternary",descriptionTextColor:"warningTextQuaternary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemQuaternary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemQuaternary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...m,...y,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},x={appearance:T,setAppearance:r=>{x.appearance=r}};function C(f){const{appearance:s,className:m,dataTestId:y,dataTour:T,label:C,description:g,isSkeleton:u,children:p}=f,A=t(s,x),I=a(f,A),{fillClass:B,labelTextColor:S,labelTextSize:b,labelTextWeight:P,descriptionTextColor:w,descriptionTextSize:F,borderColorClass:h,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:k,iconBefore:v,iconBeforeFill:M,iconBeforeFillIcon:$,iconBeforeSize:j,iconBeforeSrc:L,shapeClass:N,sizeClass:X}=I,{styles:q}=l(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,h&&`border-color_${h}`,N&&`shape_${N}`,u&&"skeleton"),"data-testid":y,"data-tour":T,style:q,children:[(v||L)&&r(c,{fill:M,iconFill:$,iconSize:j,imageSrc:L,SvgImage:v}),e("div",{className:"warning__content",children:[C&&r(d,{size:b,textColor:S,textWeight:P,children:C}),g&&r(d,{size:F,textColor:w,children:g}),p]}),(z||k)&&r(c,{fill:Q,iconFill:_,iconSize:W,imageSrc:k,SvgImage:z,onClick:()=>E(!1)})]})})}export{C as Warning,T as warningAppearance,x as warningConfig};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as d}from"../primitives_es_BQqNcRQk.js";import{b as f}from"../default_es_CaWUd9iO.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const s={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},m={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},y={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},T={...s,...{warningMutedPrimary:{fill:"warningSecondary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningMutedTertiary:{fill:"warningTertiary",labelTextColor:"warningTextQuaternary",descriptionTextColor:"warningTextQuaternary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemQuaternary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemQuaternary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...m,...y,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},x={appearance:T,setAppearance:r=>{x.appearance=r}};function C(f){const{appearance:s,className:m,dataTestId:y,dataTour:T,label:C,description:g,isSkeleton:u,children:p}=f,A=t(s,x),I=a(f,A),{fillClass:B,labelTextColor:S,labelTextSize:b,labelTextWeight:P,descriptionTextColor:w,descriptionTextSize:F,borderColorClass:h,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:M,iconBefore:k,iconBeforeFill:v,iconBeforeFillIcon:L,iconBeforeSize:$,iconBeforeSrc:j,shapeClass:N,sizeClass:X}=I,{styles:q}=l(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,h&&`border-color_${h}`,N&&`shape_${N}`,u&&"skeleton"),"data-testid":y,"data-tour":T,style:q,children:[(k||j)&&r(c,{fill:v,iconFill:L,iconSize:$,imageSrc:j,SvgImage:k}),e("div",{className:"warning__content",children:[C&&r(d,{size:b,textColor:S,textWeight:P,children:C}),g&&r(d,{size:F,textColor:w,children:g}),p]}),(z||M)&&r(c,{fill:Q,iconFill:_,iconSize:W,imageSrc:M,SvgImage:z,onClick:()=>E(!1)})]})})}export{C as Warning,T as warningAppearance,x as warningConfig};