@itcase/ui-web 1.9.106 → 1.9.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("@itcase/ui-core/utils"),a=require("../../Button_cjs_ConzdKae.js"),t=require("../../primitives_cjs_ocTnUpml.js"),s=require("../../Loader_cjs_nwF8h8Ku.js"),c=require("../../default_cjs_BMbs2it-.js"),n=require("@itcase/ui-core/context");require("react"),require("@itcase/common"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const l={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"surfacePrimary size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"surfacePrimary size12_12 solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"surfacePrimary size12_12 solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"successPrimary size12_12 ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"surfacePrimary size12_12 solid circular"}}},d={appearance:l,setAppearance:e=>{d.appearance=e}};function u(c){const{id:n,appearance:l,className:u,dataTestId:p,dataTour:m,type:f="float",title:x,text:y,before:P,after:_,isSkeleton:C,isLoading:z,onClickButton:T,onClickClose:A}=c,S=i.useAppearanceConfig(l,d),I=i.useDevicePropsGenerator(c,S),{fillClass:h,fillHoverClass:b,titleTextColor:g,titleTextSize:j,descTextColor:v,descTextSize:L,buttonAppearance:N,buttonLabel:q,elevationClass:w,loaderAppearance:X,loaderAppearanceSize:k,loaderFill:B,loaderItemFill:$,loaderSize:H,loaderType:F="dot",shapeClass:M,sizeClass:K,widthClass:D,closeIcon:G,closeIconAppearance:W,closeIconAppearanceSize:E,closeIconSrc:J}=I,{styles:O}=i.useStyles(c);return e.jsxs("div",{className:r("notification__item",`notification__item_${f}`,D&&`width_${D}`,w&&`elevation_${w}`,h&&`fill_${h}`,K&&`notification__item_size_${K}`,f&&`notification__item_type_${f}`,b&&`fill_${b}`,C&&"skeleton",M&&`shape_${M}`),"data-testid":p,"data-tour":m,style:O,children:[P,e.jsxs("div",{className:r(u,"notification__item-wrapper"),children:[x&&e.jsx(t.Text,{className:"notification__item-title",size:j,textColor:g,children:x}),y&&e.jsx(t.Text,{className:"notification__item-text",size:L,textColor:v,children:y}),z&&e.jsx(s.Loader,{appearance:o.mergeAppearanceKeys(X,k),className:r(u,"button__loader"),type:F,size:H,fill:B,itemFill:$}),A&&e.jsx(t.Icon,{appearance:o.mergeAppearanceKeys(W,E),className:r("notification__item-close","cursor_type_pointer"),imageSrc:J,SvgImage:G,onClick:()=>A&&A(n)}),T&&q&&e.jsx(a.Button,{appearance:N,className:"notification__item-button",width:"fill",label:q,onClick:T})]}),_]})}exports.Notification=u,exports.NotificationWrapper=function(i){const o=n.useNotifications(),{hideNotifications:a}=n.useNotificationsAPI(),{className:t,dataTestId:s,dataTour:c}=i;return e.jsx("div",{className:r("notification",t),"data-testid":s,"data-tour":c,children:e.jsx("div",{className:"notification__wrapper",children:o.map(r=>e.jsx(u,{id:r.id,appearance:r.appearance,type:r.type,title:r.title,status:r.status,text:r.text,buttonLabel:r.buttonLabel,after:r.after,closeIcon:r.closeIcon,closeIconSrc:r.closeIconSrc,isLoading:r.isLoading,onClickButton:r.onClickButton,onClickClose:a},r.id))})})},exports.notificationAppearance=l,exports.notificationConfig=d;
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("@itcase/ui-core/utils"),a=require("../../Button_cjs_ConzdKae.js"),t=require("../../primitives_cjs_ocTnUpml.js"),s=require("../../Loader_cjs_nwF8h8Ku.js"),c=require("../../default_cjs_BMbs2it-.js"),n=require("@itcase/ui-core/context");require("react"),require("@itcase/common"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const l={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"surfacePrimary size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"errorPrimary size12_12 solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"infoPrimary size12_12 solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"successPrimary size12_12 ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:c.icons24.Action.Close,closeIconAppearance:"warningPrimary size12_12 solid circular"}}},d={appearance:l,setAppearance:e=>{d.appearance=e}};function p(c){const{id:n,appearance:l,className:p,dataTestId:u,dataTour:m,type:f="float",title:x,text:y,before:P,after:_,isSkeleton:C,isLoading:z,onClickButton:T,onClickClose:A}=c,S=i.useAppearanceConfig(l,d),I=i.useDevicePropsGenerator(c,S),{fillClass:h,fillHoverClass:b,titleTextColor:g,titleTextSize:j,descTextColor:v,descTextSize:L,buttonAppearance:N,buttonLabel:q,elevationClass:w,loaderAppearance:X,loaderAppearanceSize:k,loaderFill:B,loaderItemFill:$,loaderSize:H,loaderType:F="dot",shapeClass:M,sizeClass:K,widthClass:D,closeIcon:G,closeIconAppearance:W,closeIconAppearanceSize:E,closeIconSrc:J}=I,{styles:O}=i.useStyles(c);return e.jsxs("div",{className:r("notification__item",`notification__item_${f}`,D&&`width_${D}`,w&&`elevation_${w}`,h&&`fill_${h}`,K&&`notification__item_size_${K}`,f&&`notification__item_type_${f}`,b&&`fill_${b}`,C&&"skeleton",M&&`shape_${M}`),"data-testid":u,"data-tour":m,style:O,children:[P,e.jsxs("div",{className:r(p,"notification__item-wrapper"),children:[x&&e.jsx(t.Text,{className:"notification__item-title",size:j,textColor:g,children:x}),y&&e.jsx(t.Text,{className:"notification__item-text",size:L,textColor:v,children:y}),z&&e.jsx(s.Loader,{appearance:o.mergeAppearanceKeys(X,k),className:r(p,"button__loader"),type:F,size:H,fill:B,itemFill:$}),A&&e.jsx(t.Icon,{appearance:o.mergeAppearanceKeys(W,E),className:r("notification__item-close","cursor_type_pointer"),imageSrc:J,SvgImage:G,onClick:()=>A&&A(n)}),T&&q&&e.jsx(a.Button,{appearance:N,className:"notification__item-button",width:"fill",label:q,onClick:T})]}),_]})}exports.Notification=p,exports.NotificationWrapper=function(i){const o=n.useNotifications(),{hideNotifications:a}=n.useNotificationsAPI(),{className:t,dataTestId:s,dataTour:c}=i;return e.jsx("div",{className:r("notification",t),"data-testid":s,"data-tour":c,children:e.jsx("div",{className:"notification__wrapper",children:o.map(r=>e.jsx(p,{id:r.id,appearance:r.appearance,type:r.type,title:r.title,status:r.status,text:r.text,buttonLabel:r.buttonLabel,after:r.after,closeIcon:r.closeIcon,closeIconSrc:r.closeIconSrc,isLoading:r.isLoading,onClickButton:r.onClickButton,onClickClose:a},r.id))})})},exports.notificationAppearance=l,exports.notificationConfig=d;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../Button_es_Ob6KGKAf.js";import{T as l,I as n}from"../primitives_es_BQqNcRQk.js";import{L as d}from"../Loader_es_CwVQZ1L0.js";import{d as m}from"../default_es_CaWUd9iO.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary size12_12 solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary size12_12 solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"successPrimary size12_12 ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary size12_12 solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(m){const{id:p,appearance:u,className:f,dataTestId:x,dataTour:P,type:_="float",title:C,text:z,before:T,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),L=a(m,g),{fillClass:v,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,sizeClass:K,widthClass:O,closeIcon:Q,closeIconAppearance:R,closeIconAppearanceSize:U,closeIconSrc:V}=L,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${_}`,O&&`width_${O}`,j&&`elevation_${j}`,v&&`fill_${v}`,K&&`notification__item_size_${K}`,_&&`notification__item_type_${_}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[T,e("div",{className:o(f,"notification__item-wrapper"),children:[C&&r(l,{className:"notification__item-title",size:X,textColor:N,children:C}),z&&r(l,{className:"notification__item-text",size:B,textColor:k,children:z}),I&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),b&&r(n,{appearance:s(R,U),className:o("notification__item-close","cursor_type_pointer"),imageSrc:V,SvgImage:Q,onClick:()=>b&&b(p)}),h&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:h})]}),A]})}function P(e){const i=p(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../Button_es_Ob6KGKAf.js";import{T as l,I as n}from"../primitives_es_BQqNcRQk.js";import{L as d}from"../Loader_es_CwVQZ1L0.js";import{d as m}from"../default_es_CaWUd9iO.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"errorPrimary size12_12 solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"infoPrimary size12_12 solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"successPrimary size12_12 ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"warningPrimary size12_12 solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(m){const{id:p,appearance:u,className:f,dataTestId:x,dataTour:P,type:_="float",title:C,text:z,before:T,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),L=a(m,g),{fillClass:v,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,sizeClass:K,widthClass:O,closeIcon:Q,closeIconAppearance:R,closeIconAppearanceSize:U,closeIconSrc:V}=L,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${_}`,O&&`width_${O}`,j&&`elevation_${j}`,v&&`fill_${v}`,K&&`notification__item_size_${K}`,_&&`notification__item_type_${_}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[T,e("div",{className:o(f,"notification__item-wrapper"),children:[C&&r(l,{className:"notification__item-title",size:X,textColor:N,children:C}),z&&r(l,{className:"notification__item-text",size:B,textColor:k,children:z}),I&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),b&&r(n,{appearance:s(R,U),className:o("notification__item-close","cursor_type_pointer"),imageSrc:V,SvgImage:Q,onClick:()=>b&&b(p)}),h&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:h})]}),A]})}function P(e){const i=p(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};
@@ -9,7 +9,7 @@ declare const notificationAppearance: {
9
9
  buttonAppearance: "surfacePrimary sizeXXL solid rounded";
10
10
  loaderAppearance: "warningPrimary sizeS solid rounded";
11
11
  closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
12
- closeIconAppearance: "surfacePrimary size12_12 solid circular";
12
+ closeIconAppearance: "warningPrimary size12_12 solid circular";
13
13
  };
14
14
  successPrimary: {
15
15
  fill: "successPrimary";
@@ -33,7 +33,7 @@ declare const notificationAppearance: {
33
33
  buttonAppearance: "surfacePrimary sizeXXL solid rounded";
34
34
  loaderAppearance: "infoPrimary sizeS solid rounded";
35
35
  closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
36
- closeIconAppearance: "surfacePrimary size12_12 solid circular";
36
+ closeIconAppearance: "infoPrimary size12_12 solid circular";
37
37
  };
38
38
  errorPrimary: {
39
39
  fill: "errorPrimary";
@@ -45,7 +45,7 @@ declare const notificationAppearance: {
45
45
  buttonAppearance: "surfacePrimary sizeXXL solid rounded";
46
46
  loaderAppearance: "errorPrimary sizeS solid rounded";
47
47
  closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
48
- closeIconAppearance: "surfacePrimary size12_12 solid circular";
48
+ closeIconAppearance: "errorPrimary size12_12 solid circular";
49
49
  };
50
50
  solid: {
51
51
  borderColor: "none";
@@ -9,7 +9,7 @@ declare const notificationAppearanceError: {
9
9
  buttonAppearance: "surfacePrimary sizeXXL solid rounded";
10
10
  loaderAppearance: "errorPrimary sizeS solid rounded";
11
11
  closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
12
- closeIconAppearance: "surfacePrimary size12_12 solid circular";
12
+ closeIconAppearance: "errorPrimary size12_12 solid circular";
13
13
  };
14
14
  };
15
15
  export { notificationAppearanceError };
@@ -10,7 +10,7 @@ const notificationAppearanceError = {
10
10
  buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
11
11
  loaderAppearance: 'errorPrimary sizeS solid rounded',
12
12
  closeIcon: icons24.Action.Close,
13
- closeIconAppearance: 'surfacePrimary size12_12 solid circular',
13
+ closeIconAppearance: 'errorPrimary size12_12 solid circular',
14
14
  },
15
15
  };
16
16
  export { notificationAppearanceError };
@@ -9,7 +9,7 @@ declare const notificationAppearanceInfo: {
9
9
  buttonAppearance: "surfacePrimary sizeXXL solid rounded";
10
10
  loaderAppearance: "infoPrimary sizeS solid rounded";
11
11
  closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
12
- closeIconAppearance: "surfacePrimary size12_12 solid circular";
12
+ closeIconAppearance: "infoPrimary size12_12 solid circular";
13
13
  };
14
14
  };
15
15
  export { notificationAppearanceInfo };
@@ -10,7 +10,7 @@ const notificationAppearanceInfo = {
10
10
  buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
11
11
  loaderAppearance: 'infoPrimary sizeS solid rounded',
12
12
  closeIcon: icons24.Action.Close,
13
- closeIconAppearance: 'surfacePrimary size12_12 solid circular',
13
+ closeIconAppearance: 'infoPrimary size12_12 solid circular',
14
14
  },
15
15
  };
16
16
  export { notificationAppearanceInfo };
@@ -9,7 +9,7 @@ declare const notificationAppearanceWarning: {
9
9
  buttonAppearance: "surfacePrimary sizeXXL solid rounded";
10
10
  loaderAppearance: "warningPrimary sizeS solid rounded";
11
11
  closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
12
- closeIconAppearance: "surfacePrimary size12_12 solid circular";
12
+ closeIconAppearance: "warningPrimary size12_12 solid circular";
13
13
  };
14
14
  };
15
15
  export { notificationAppearanceWarning };
@@ -10,7 +10,7 @@ const notificationAppearanceWarning = {
10
10
  buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
11
11
  loaderAppearance: 'warningPrimary sizeS solid rounded',
12
12
  closeIcon: icons24.Action.Close,
13
- closeIconAppearance: 'surfacePrimary size12_12 solid circular',
13
+ closeIconAppearance: 'warningPrimary size12_12 solid circular',
14
14
  },
15
15
  };
16
16
  export { notificationAppearanceWarning };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui-web",
3
- "version": "1.9.106",
3
+ "version": "1.9.107",
4
4
  "description": "UI components",
5
5
  "keywords": "",
6
6
  "license": "MIT",
@@ -114,5 +114,5 @@
114
114
  "storybook": "^10.4.0",
115
115
  "typescript": "^6.0.3"
116
116
  },
117
- "gitHead": "94c244ddf0aa609d195417f05304eef0d5a7eb12"
117
+ "gitHead": "8c2367886fa45437fb2d2a7f5546924aaa64122d"
118
118
  }