@itcase/ui-web 1.9.85 → 1.9.87

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_CJQjjxtH.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 c}from"@itcase/ui-core/utils";import{T as l,a as s,B as n,I as d}from"../primitives_es_BRduTiVl.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};

package/dist/components/Title.js

@@ -1 +1 @@
-export{T as Title,k as titleAppearance,m as titleConfig}from"../primitives_es_CJQjjxtH.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 Title,k as titleAppearance,m as titleConfig}from"../primitives_es_BRduTiVl.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_CJQjjxtH.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{f as Tooltip,d as TooltipWrapper,n as tooltipAppearance,o as tooltipConfig}from"../primitives_es_BRduTiVl.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 l,useStyles as a}from"@itcase/ui-core/hooks";import{I as c,a as d}from"../primitives_es_CJQjjxtH.js";import{b as f}from"../default_es_l85QutMi.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:"warningTertiary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},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:p,isSkeleton:u,children:A}=f,I=t(s,x),g=l(f,I),{fillClass:B,labelTextColor:S,labelTextSize:P,labelTextWeight:b,descriptionTextColor:F,descriptionTextSize:h,borderColorClass:w,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:k,iconBefore:v,iconBeforeFill:M,iconBeforeFillIcon:$,iconBeforeSize:j,iconBeforeSrc:L,shapeClass:N,sizeClass:X}=g,{styles:q}=a(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,w&&`border-color_${w}`,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:P,textColor:S,textWeight:b,children:C}),p&&r(d,{size:h,textColor:F,children:p}),A]}),(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 l,useStyles as a}from"@itcase/ui-core/hooks";import{I as c,a as d}from"../primitives_es_BRduTiVl.js";import{b as f}from"../default_es_l85QutMi.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:"warningTertiary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},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:p,isSkeleton:u,children:A}=f,I=t(s,x),g=l(f,I),{fillClass:B,labelTextColor:S,labelTextSize:P,labelTextWeight:b,descriptionTextColor:F,descriptionTextSize:h,borderColorClass:w,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:k,iconBefore:v,iconBeforeFill:M,iconBeforeFillIcon:$,iconBeforeSize:j,iconBeforeSrc:L,shapeClass:N,sizeClass:X}=g,{styles:q}=a(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,w&&`border-color_${w}`,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:P,textColor:S,textWeight:b,children:C}),p&&r(d,{size:h,textColor:F,children:p}),A]}),(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};