@itcase/ui-web 1.9.103 → 1.9.104
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/{Button_cjs_DtASHa5Q.js → Button_cjs_D0UPBIsl.js} +1 -1
- package/dist/{Button_es_D9Hv30oL.js → Button_es_BjsE6L1v.js} +1 -1
- package/dist/{DatePicker_cjs_7DVLiF8l.js → DatePicker_cjs_DL2RlUWb.js} +1 -1
- package/dist/{DatePicker_es_B3DBRexD.js → DatePicker_es_Blt14fUB.js} +1 -1
- package/dist/Loader_cjs_D2eU4Cq6.js +1 -0
- package/dist/Loader_es_BpHMMwc0.js +1 -0
- package/dist/{SelectContainer_cjs_xcSZp9PQ.js → SelectContainer_cjs_D9_SCVQg.js} +1 -1
- package/dist/{SelectContainer_es_Bh-356jj.js → SelectContainer_es_DDjoF9eR.js} +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/types/components/Button/Button.appearance.d.ts +9 -9
- package/dist/types/components/Button/appearance/buttonSize.d.ts +5 -5
- package/dist/types/components/Button/appearance/buttonSize.js +5 -5
- package/dist/types/components/Button/appearance/buttonSurface.d.ts +4 -4
- package/dist/types/components/Button/appearance/buttonSurface.js +4 -4
- package/dist/types/components/Loader/Loader.appearance.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.js +5 -0
- package/dist/types/components/Response/Response.constant.d.ts +8 -0
- package/dist/types/components/Response/Response.constant.js +8 -0
- package/package.json +2 -2
- package/dist/Loader_cjs_B9yde0Z7.js +0 -1
- package/dist/Loader_es_DS2z8Ps3.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as a}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as a}from"../Button_es_BjsE6L1v.js";import{a as l}from"../default_es_C4dY1Dqw.js";import"@itcase/ui-core/utils";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_BpHMMwc0.js";import"@itcase/common";const s={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},u={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={...s,...u,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeXL:{size:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...c},d={appearance:m,setAppearance:e=>{d.appearance=e}},p=l=>{const{id:s,appearance:u,className:c,dataTestId:m,dataTour:p,type:b="custom",name:y,min:v=0,max:f=1/0,step:h=1,value:x=0,onChange:C}=l,F=o(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=x+("minus"===i?-h:h)}if(n<v||n>f)return null;C?.(n)},[f,v,C,h,x]),_=n(u,d),T=t(l,_),{fillClass:S,fillHoverClass:z,borderColorClass:H,borderColorHoverClass:g,borderWidthClass:N,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconMinus:$,iconPlus:M,iconShape:w,iconSize:B,inputNumberTextColorClass:W,inputNumberTextSizeClass:j,inputNumberTextWeightClass:L,shapeClass:k,sizeClass:X,widthClass:q}=T;return"native"===b?e("input",{id:String(s),type:"number",min:v,max:f,step:h,value:x,onChange:e=>F({event:e,mode:"input"})}):r("div",{id:String(s),className:i(c,"input-number","input-number__custom",H&&`border-color_${H}`,g&&`border-color_hover_${g}`,N&&`border-width_${N}`,S&&`fill_${S}`,z&&`fill_hover_${z}`,k&&`shape_${k}`,X&&`input-number_size_${X}`,q&&`width_${q}`),"data-tour":p,"date-testid":m,children:[e(a,{className:"input-number__icon",icon:$,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"minus"})}),e("input",{className:i(W&&`text-color_${W}`,j&&`text_size_${j}`,L&&`text-weight_${L}`),type:"number",min:v,max:f,"data-testid":m||(y?`${y}-input-number`:"input-number"),step:h,value:x,onChange:e=>F({event:e,mode:"input"})}),e(a,{className:"input-number__icon",icon:M,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"plus"})})]})};export{p as InputNumber,m as inputNumberAppearance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as Loader,l as loaderAppearance,a as loaderConfig}from"../
|
|
1
|
+
export{L as Loader,l as loaderAppearance,a as loaderConfig}from"../Loader_es_BpHMMwc0.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
package/dist/components/Modal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import r,{useState as t,useRef as l,useCallback as a,startTransition as i,useEffect as s,useLayoutEffect as n,useImperativeHandle as c}from"react";import d from"clsx";import m from"react-dom";import{a as p,c as u,d as _}from"../default_es_C4dY1Dqw.js";import{useAppearanceConfig as h,useDevicePropsGenerator as f,useStyles as z}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as v}from"@itcase/ui-core/utils";import{T as I,I as C}from"../primitives_es_BkqjUVO-.js";import{O as y}from"../Overlay_es_RVGuxGY4.js";import{L as b}from"../
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import r,{useState as t,useRef as l,useCallback as a,startTransition as i,useEffect as s,useLayoutEffect as n,useImperativeHandle as c}from"react";import d from"clsx";import m from"react-dom";import{a as p,c as u,d as _}from"../default_es_C4dY1Dqw.js";import{useAppearanceConfig as h,useDevicePropsGenerator as f,useStyles as z}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as v}from"@itcase/ui-core/utils";import{T as I,I as C}from"../primitives_es_BkqjUVO-.js";import{O as y}from"../Overlay_es_RVGuxGY4.js";import{L as b}from"../Loader_es_BpHMMwc0.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const g={surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",closeIconAppearance:"surfacePrimary ghost circular"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{sizeXL:{size:"xl",titleTextSize:"h2",closeIconAppearanceSize:"size48_40",closeIconImage:_.Action.Close},sizeL:{size:"l",titleTextSize:"h3",closeIconAppearanceSize:"size40_32",closeIconImage:u.Action.Close},sizeM:{size:"m",titleTextSize:"h4",closeIconAppearanceSize:"size24_24",closeIconImage:p.Action.Close},sizeS:{size:"s",titleTextSize:"h5",closeIconAppearanceSize:"size24_24",closeIconImage:p.Action.Close}}},x={appearance:g,setAppearance:e=>{x.appearance=e}},S=r.forwardRef(function(u,_){const{id:b,appearance:g,className:S,dataTestId:T,dataTour:A,title:O,absoluteHeader:L=!1,modalIdQuerySelector:$="modal-global",print:k,scroll:w=!1,stickyHeader:N=!1,before:M,after:W,closeIcon:j=!0,isDisabled:E,isSkeleton:P,isCloseOnBlur:B=!0,isOpen:F=!1,isOverlay:H=!0,isScrollOnOpen:X=!0,isSetFocusOnOpen:D=!0,onClickOverlay:Q,onCloseModal:R,onOpenModal:V,children:q}=u,[G,J]=t(null),[K,U]=t(F),Y=l(null),Z=a(e=>{K?(e.classList.add("modal_state_visible"),X&&e.scrollIntoView({behavior:"smooth",block:"center"}),D&&setTimeout(()=>{Y.current&&Y.current.focus()},0)):e.children.length||e.classList.remove("modal_state_visible")},[K,X,D]),ee=a(()=>{i(()=>{U(!0)}),"function"==typeof V&&V()},[V]),oe=a(e=>{if(e){if(e.relatedTarget&&G&&G.contains(e.relatedTarget))return e}U(!1),R&&R()},[G,R]),re=a(e=>{B&&oe(),Q&&Q(e)},[oe,B,Q]);s(()=>{G&&Z(G)},[K]),n(()=>{let e=S;k||(e=d(S,"no-print"));const o=((e,o="")=>{const r=o&&"string"==typeof o?o.split(" ").filter(Boolean):[];let t=document.getElementById(e);return t||(t=document.createElement("div"),t.setAttribute("id",e),t.classList.add("modal"),r.length&&t.classList.add(...r),document.body.prepend(t)),t})($,e);J(o),o&&Z(o)},[Z,S,$,k]),s(()=>{if(!B||!K)return;const e=e=>{const o=e.target;if(!G||!o||!o.isConnected)return;!G.contains(o)&&(U(!1),R&&R())};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[R,B,K,G]),c(_,()=>({modalElement:G,openModal:ee,closeModal:oe,isOpen:K}),[K,ee,oe,G]);const te=h(g,x,E),le=f(u,te),{fillClass:ae,titleTextColor:ie,titleTextColorHover:se,titleTextSize:ne,titleTextTruncate:ce,titleTextWeight:de,titleTextWidth:me,titleTextWrap:pe,borderColorClass:ue,borderTypeClass:_e,borderWidthClass:he,elevationClass:fe,overlayFill:ze,overlayOpacity:ve,shapeClass:Ie,sizeClass:Ce,closeIconAppearance:ye,closeIconAppearanceSize:be,closeIconFillSize:ge,closeIconImage:xe,closeIconShape:Se,closeIconSize:Te}=le,{styles:Ae}=z(u);return G&&m.createPortal(K?e(r.Fragment,{children:[e("div",{id:b,className:d("modal__content",L&&"modal__content-absolute-header",!O&&!j&&"modal__content-no-header",ae&&`fill_${ae}`,he&&`border-width_${he}`,ue&&`border-color_${ue}`,_e&&`border_type_${_e}`,Ie&&`shape_${Ie}`,Ce&&`modal_size_${Ce}`,ue&&`border-color_${ue}`,he&&`border-width_${he}`,_e&&`border_type_${_e}`,fe&&`elevation_${fe}`,w&&`modal-scroll_${w}`,N&&"modal-scroll_header_sticky",P&&"skeleton"),ref:Y,"data-testid":T,"data-tour":A,style:Ae,tabIndex:0,children:[M,(O||j)&&e("div",{className:d("modal__header",ae&&`fill_${ae}`),children:[O&&o(I,{width:me,flex:"1",size:ne,textColor:ie,textColorHover:se,textTruncate:ce,textWeight:de,textWrap:pe,children:O}),j&&o("div",{className:"modal__close",onClick:oe,children:o(C,{appearance:v(ye,be),fillSize:ge,iconSize:Te,shape:Se,SvgImage:xe??p.Action.Close})})]}),o("div",{className:"modal__content-wrapper",children:q}),W]}),o(y,{className:"modal__overlay",fill:ze,opacity:ve,isOverlay:H,onClick:re})]}):null,G)});function T(){return o("div",{className:"modal-loading",children:o("div",{className:"modal-loading__inner",children:o(b,{})})})}export{S as Modal,T as ModalLoader,g as modalAppearance,x as modalConfig};
|
|
@@ -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"../
|
|
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_BjsE6L1v.js";import{a as l,I as n}from"../primitives_es_BkqjUVO-.js";import{L as d}from"../Loader_es_BpHMMwc0.js";import{a as m}from"../default_es_C4dY1Dqw.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 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},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 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 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 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 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:C="float",title:_,text:T,before:z,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),v=a(m,g),{fillClass:L,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}=v,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${C}`,O&&`width_${O}`,j&&`elevation_${j}`,L&&`fill_${L}`,K&&`notification__item_size_${K}`,C&&`notification__item_type_${C}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[z,e("div",{className:o(f,"notification__item-wrapper"),children:[_&&r(l,{className:"notification__item-title",size:X,textColor:N,children:_}),T&&r(l,{className:"notification__item-text",size:B,textColor:k,children:T}),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 +1 @@
|
|
|
1
|
-
import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../
|
|
1
|
+
import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_BjsE6L1v.js";import{G as p}from"../Group_es_DIuSNHx3.js";import{a as u}from"../primitives_es_BkqjUVO-.js";import"@itcase/ui-core/utils";import"../Loader_es_BpHMMwc0.js";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},h={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},X={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...B,...x,...g,...h,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid",secondaryButtonAppearance:"warningPrimary sizeXXL solid",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},z={appearance:X,setAppearance:e=>{z.appearance=e}},T=s(t(function(e,t){const{appearance:s,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:B,desc:S,primaryButton:h,secondaryButton:X,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:A,onClickSecondaryButton:C}=e,F=n(s,z),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:W,descTextColor:j,descTextSize:H,descTextWeight:Q,borderColorClass:U,borderColorHoverClass:E,borderTypeClass:G,borderWidthClass:I,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:ie,secondaryButtonAppearance:oe,secondaryButtonBefore:se,secondaryButtonFill:ne,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:pe,secondaryButtonShape:ue,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:xe,svgPathFillClass:Be,svgSrc:Se,widthClass:he}=w,Xe=i(()=>{const e=q||Se,a=xe;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[q,Se,xe,g,x]),{styles:ze,wrapper:Te}=c(e);return a("div",{className:o(m,"response",v&&"response_bottom-button",U&&`border-color_${U}`,E&&`border-color_hover_${E}`,G&&`border_type_${G}`,I&&`border-width_${I}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,R&&`height_${R}`,fe&&`shape_${fe}`,he&&`width_${he}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:ze,children:[P,a("div",{className:"response__wrapper",style:Te,children:[Xe&&r("div",{className:o("response__image",ge&&`svg_fill_${ge}`,Be&&`svg_path_fill_${Be}`),children:Xe}),a("div",{className:"response__wrapper-inner",children:[B&&r(u,{className:"response__title",size:D,textColor:k,textWeight:W,children:B}),S&&r(u,{className:"response__desc",size:H,textColor:j,textWeight:Q,children:S})]})]}),(Y||h||ce||X||F)&&a(p,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:K,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:A}):h,ce&&L?r(d,{appearance:oe,className:"response__button-item",width:ye||"fill",size:me,fill:ne,fillHover:le,label:ce,labelTextColor:de,labelTextSize:pe,shape:ue,before:se,after:ie,onClick:C}):X]}),b]})})),L={error:{appearance:"error ghost",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound ghost",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm ghost",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,X as responseAppearance,z as responseConfig,e as responseIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../
|
|
1
|
+
export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_DDjoF9eR.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_DIuSNHx3.js";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_C4dY1Dqw.js";import"../Loader_es_BpHMMwc0.js";
|
|
@@ -41,14 +41,14 @@ declare const buttonAppearance: {
|
|
|
41
41
|
loaderAppearance: "surfacePrimary";
|
|
42
42
|
};
|
|
43
43
|
surfaceQuaternary: {
|
|
44
|
-
fill: "
|
|
44
|
+
fill: "surfaceQuaternary";
|
|
45
45
|
fillHover: "surfaceTertiary";
|
|
46
46
|
labelTextColor: "surfaceTextPrimary";
|
|
47
47
|
borderColor: "surfaceBorderTertiary";
|
|
48
48
|
iconAfterFillIcon: "surfaceItemPrimary";
|
|
49
49
|
iconBeforeFillIcon: "surfaceItemPrimary";
|
|
50
50
|
iconFillIcon: "surfaceItemPrimary";
|
|
51
|
-
loaderAppearance: "
|
|
51
|
+
loaderAppearance: "surfaceQuaternary";
|
|
52
52
|
};
|
|
53
53
|
surfaceSecondary: {
|
|
54
54
|
fill: "surfaceSecondary";
|
|
@@ -58,7 +58,7 @@ declare const buttonAppearance: {
|
|
|
58
58
|
iconAfterFillIcon: "surfaceItemPrimary";
|
|
59
59
|
iconBeforeFillIcon: "surfaceItemPrimary";
|
|
60
60
|
iconFillIcon: "surfaceItemPrimary";
|
|
61
|
-
loaderAppearance: "
|
|
61
|
+
loaderAppearance: "surfaceSecondary";
|
|
62
62
|
};
|
|
63
63
|
surfaceTertiary: {
|
|
64
64
|
fill: "surfaceTertiary";
|
|
@@ -67,7 +67,7 @@ declare const buttonAppearance: {
|
|
|
67
67
|
iconAfterFillIcon: "surfaceItemPrimary";
|
|
68
68
|
iconBeforeFillIcon: "surfaceItemPrimary";
|
|
69
69
|
iconFillIcon: "surfaceItemPrimary";
|
|
70
|
-
loaderAppearance: "
|
|
70
|
+
loaderAppearance: "surfaceTertiary";
|
|
71
71
|
};
|
|
72
72
|
successMutedPrimary: {
|
|
73
73
|
fill: "successTertiary";
|
|
@@ -284,35 +284,35 @@ declare const buttonAppearance: {
|
|
|
284
284
|
labelTextSize: "l";
|
|
285
285
|
iconAfterAppearanceSize: "size24_24";
|
|
286
286
|
iconBeforeAppearanceSize: "size24_24";
|
|
287
|
-
loaderAppearanceSize: "
|
|
287
|
+
loaderAppearanceSize: "sizeM";
|
|
288
288
|
};
|
|
289
289
|
sizeM: {
|
|
290
290
|
size: "m";
|
|
291
291
|
labelTextSize: "m";
|
|
292
292
|
iconAfterAppearanceSize: "size24_24";
|
|
293
293
|
iconBeforeAppearanceSize: "size24_24";
|
|
294
|
-
loaderAppearanceSize: "
|
|
294
|
+
loaderAppearanceSize: "sizeM";
|
|
295
295
|
};
|
|
296
296
|
sizeS: {
|
|
297
297
|
size: "s";
|
|
298
298
|
labelTextSize: "s";
|
|
299
299
|
iconAfterAppearanceSize: "size20_20";
|
|
300
300
|
iconBeforeAppearanceSize: "size20_20";
|
|
301
|
-
loaderAppearanceSize: "
|
|
301
|
+
loaderAppearanceSize: "sizeS";
|
|
302
302
|
};
|
|
303
303
|
sizeXS: {
|
|
304
304
|
size: "xs";
|
|
305
305
|
labelTextSize: "xs";
|
|
306
306
|
iconAfterAppearanceSize: "size16_16";
|
|
307
307
|
iconBeforeAppearanceSize: "size16_16";
|
|
308
|
-
loaderAppearanceSize: "
|
|
308
|
+
loaderAppearanceSize: "sizeS";
|
|
309
309
|
};
|
|
310
310
|
sizeXXS: {
|
|
311
311
|
size: "xxs";
|
|
312
312
|
labelTextSize: "xs";
|
|
313
313
|
iconAfterAppearanceSize: "size14_14";
|
|
314
314
|
iconBeforeAppearanceSize: "size14_14";
|
|
315
|
-
loaderAppearanceSize: "
|
|
315
|
+
loaderAppearanceSize: "sizeS";
|
|
316
316
|
};
|
|
317
317
|
};
|
|
318
318
|
export { buttonAppearance };
|
|
@@ -18,35 +18,35 @@ declare const buttonAppearanceSize: {
|
|
|
18
18
|
labelTextSize: "l";
|
|
19
19
|
iconAfterAppearanceSize: "size24_24";
|
|
20
20
|
iconBeforeAppearanceSize: "size24_24";
|
|
21
|
-
loaderAppearanceSize: "
|
|
21
|
+
loaderAppearanceSize: "sizeM";
|
|
22
22
|
};
|
|
23
23
|
sizeM: {
|
|
24
24
|
size: "m";
|
|
25
25
|
labelTextSize: "m";
|
|
26
26
|
iconAfterAppearanceSize: "size24_24";
|
|
27
27
|
iconBeforeAppearanceSize: "size24_24";
|
|
28
|
-
loaderAppearanceSize: "
|
|
28
|
+
loaderAppearanceSize: "sizeM";
|
|
29
29
|
};
|
|
30
30
|
sizeS: {
|
|
31
31
|
size: "s";
|
|
32
32
|
labelTextSize: "s";
|
|
33
33
|
iconAfterAppearanceSize: "size20_20";
|
|
34
34
|
iconBeforeAppearanceSize: "size20_20";
|
|
35
|
-
loaderAppearanceSize: "
|
|
35
|
+
loaderAppearanceSize: "sizeS";
|
|
36
36
|
};
|
|
37
37
|
sizeXS: {
|
|
38
38
|
size: "xs";
|
|
39
39
|
labelTextSize: "xs";
|
|
40
40
|
iconAfterAppearanceSize: "size16_16";
|
|
41
41
|
iconBeforeAppearanceSize: "size16_16";
|
|
42
|
-
loaderAppearanceSize: "
|
|
42
|
+
loaderAppearanceSize: "sizeS";
|
|
43
43
|
};
|
|
44
44
|
sizeXXS: {
|
|
45
45
|
size: "xxs";
|
|
46
46
|
labelTextSize: "xs";
|
|
47
47
|
iconAfterAppearanceSize: "size14_14";
|
|
48
48
|
iconBeforeAppearanceSize: "size14_14";
|
|
49
|
-
loaderAppearanceSize: "
|
|
49
|
+
loaderAppearanceSize: "sizeS";
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
export { buttonAppearanceSize };
|
|
@@ -18,35 +18,35 @@ const buttonAppearanceSize = {
|
|
|
18
18
|
labelTextSize: 'l',
|
|
19
19
|
iconAfterAppearanceSize: 'size24_24',
|
|
20
20
|
iconBeforeAppearanceSize: 'size24_24',
|
|
21
|
-
loaderAppearanceSize: '
|
|
21
|
+
loaderAppearanceSize: 'sizeM',
|
|
22
22
|
},
|
|
23
23
|
sizeM: {
|
|
24
24
|
size: 'm',
|
|
25
25
|
labelTextSize: 'm',
|
|
26
26
|
iconAfterAppearanceSize: 'size24_24',
|
|
27
27
|
iconBeforeAppearanceSize: 'size24_24',
|
|
28
|
-
loaderAppearanceSize: '
|
|
28
|
+
loaderAppearanceSize: 'sizeM',
|
|
29
29
|
},
|
|
30
30
|
sizeS: {
|
|
31
31
|
size: 's',
|
|
32
32
|
labelTextSize: 's',
|
|
33
33
|
iconAfterAppearanceSize: 'size20_20',
|
|
34
34
|
iconBeforeAppearanceSize: 'size20_20',
|
|
35
|
-
loaderAppearanceSize: '
|
|
35
|
+
loaderAppearanceSize: 'sizeS',
|
|
36
36
|
},
|
|
37
37
|
sizeXS: {
|
|
38
38
|
size: 'xs',
|
|
39
39
|
labelTextSize: 'xs',
|
|
40
40
|
iconAfterAppearanceSize: 'size16_16',
|
|
41
41
|
iconBeforeAppearanceSize: 'size16_16',
|
|
42
|
-
loaderAppearanceSize: '
|
|
42
|
+
loaderAppearanceSize: 'sizeS',
|
|
43
43
|
},
|
|
44
44
|
sizeXXS: {
|
|
45
45
|
size: 'xxs',
|
|
46
46
|
labelTextSize: 'xs',
|
|
47
47
|
iconAfterAppearanceSize: 'size14_14',
|
|
48
48
|
iconBeforeAppearanceSize: 'size14_14',
|
|
49
|
-
loaderAppearanceSize: '
|
|
49
|
+
loaderAppearanceSize: 'sizeS',
|
|
50
50
|
},
|
|
51
51
|
};
|
|
52
52
|
export { buttonAppearanceSize };
|
|
@@ -20,14 +20,14 @@ declare const buttonAppearanceSurface: {
|
|
|
20
20
|
loaderAppearance: "surfacePrimary";
|
|
21
21
|
};
|
|
22
22
|
surfaceQuaternary: {
|
|
23
|
-
fill: "
|
|
23
|
+
fill: "surfaceQuaternary";
|
|
24
24
|
fillHover: "surfaceTertiary";
|
|
25
25
|
labelTextColor: "surfaceTextPrimary";
|
|
26
26
|
borderColor: "surfaceBorderTertiary";
|
|
27
27
|
iconAfterFillIcon: "surfaceItemPrimary";
|
|
28
28
|
iconBeforeFillIcon: "surfaceItemPrimary";
|
|
29
29
|
iconFillIcon: "surfaceItemPrimary";
|
|
30
|
-
loaderAppearance: "
|
|
30
|
+
loaderAppearance: "surfaceQuaternary";
|
|
31
31
|
};
|
|
32
32
|
surfaceSecondary: {
|
|
33
33
|
fill: "surfaceSecondary";
|
|
@@ -37,7 +37,7 @@ declare const buttonAppearanceSurface: {
|
|
|
37
37
|
iconAfterFillIcon: "surfaceItemPrimary";
|
|
38
38
|
iconBeforeFillIcon: "surfaceItemPrimary";
|
|
39
39
|
iconFillIcon: "surfaceItemPrimary";
|
|
40
|
-
loaderAppearance: "
|
|
40
|
+
loaderAppearance: "surfaceSecondary";
|
|
41
41
|
};
|
|
42
42
|
surfaceTertiary: {
|
|
43
43
|
fill: "surfaceTertiary";
|
|
@@ -46,7 +46,7 @@ declare const buttonAppearanceSurface: {
|
|
|
46
46
|
iconAfterFillIcon: "surfaceItemPrimary";
|
|
47
47
|
iconBeforeFillIcon: "surfaceItemPrimary";
|
|
48
48
|
iconFillIcon: "surfaceItemPrimary";
|
|
49
|
-
loaderAppearance: "
|
|
49
|
+
loaderAppearance: "surfaceTertiary";
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
export { buttonAppearanceSurface };
|
|
@@ -20,14 +20,14 @@ const buttonAppearanceSurface = {
|
|
|
20
20
|
loaderAppearance: 'surfacePrimary',
|
|
21
21
|
},
|
|
22
22
|
surfaceQuaternary: {
|
|
23
|
-
fill: '
|
|
23
|
+
fill: 'surfaceQuaternary',
|
|
24
24
|
fillHover: 'surfaceTertiary',
|
|
25
25
|
labelTextColor: 'surfaceTextPrimary',
|
|
26
26
|
borderColor: 'surfaceBorderTertiary',
|
|
27
27
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
28
28
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
29
29
|
iconFillIcon: 'surfaceItemPrimary',
|
|
30
|
-
loaderAppearance: '
|
|
30
|
+
loaderAppearance: 'surfaceQuaternary',
|
|
31
31
|
},
|
|
32
32
|
surfaceSecondary: {
|
|
33
33
|
fill: 'surfaceSecondary',
|
|
@@ -37,7 +37,7 @@ const buttonAppearanceSurface = {
|
|
|
37
37
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
38
38
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
39
39
|
iconFillIcon: 'surfaceItemPrimary',
|
|
40
|
-
loaderAppearance: '
|
|
40
|
+
loaderAppearance: 'surfaceSecondary',
|
|
41
41
|
},
|
|
42
42
|
surfaceTertiary: {
|
|
43
43
|
fill: 'surfaceTertiary',
|
|
@@ -46,7 +46,7 @@ const buttonAppearanceSurface = {
|
|
|
46
46
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
47
47
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
48
48
|
iconFillIcon: 'surfaceItemPrimary',
|
|
49
|
-
loaderAppearance: '
|
|
49
|
+
loaderAppearance: 'surfaceTertiary',
|
|
50
50
|
},
|
|
51
51
|
};
|
|
52
52
|
export { buttonAppearanceSurface };
|
|
@@ -40,6 +40,11 @@ declare const loaderAppearance: {
|
|
|
40
40
|
borderColor: "surfaceBorderPrimary";
|
|
41
41
|
itemFill: "surfaceItemPrimary";
|
|
42
42
|
};
|
|
43
|
+
surfaceQuaternary: {
|
|
44
|
+
fill: "surfaceQuaternary";
|
|
45
|
+
borderColor: "surfaceBorderPrimary";
|
|
46
|
+
itemFill: "surfaceItemPrimary";
|
|
47
|
+
};
|
|
43
48
|
surfaceSecondary: {
|
|
44
49
|
fill: "surfaceSecondary";
|
|
45
50
|
borderColor: "surfaceBorderPrimary";
|
|
@@ -4,6 +4,11 @@ declare const loaderAppearanceSurface: {
|
|
|
4
4
|
borderColor: "surfaceBorderPrimary";
|
|
5
5
|
itemFill: "surfaceItemPrimary";
|
|
6
6
|
};
|
|
7
|
+
surfaceQuaternary: {
|
|
8
|
+
fill: "surfaceQuaternary";
|
|
9
|
+
borderColor: "surfaceBorderPrimary";
|
|
10
|
+
itemFill: "surfaceItemPrimary";
|
|
11
|
+
};
|
|
7
12
|
surfaceSecondary: {
|
|
8
13
|
fill: "surfaceSecondary";
|
|
9
14
|
borderColor: "surfaceBorderPrimary";
|
|
@@ -4,6 +4,11 @@ const loaderAppearanceSurface = {
|
|
|
4
4
|
borderColor: 'surfaceBorderPrimary',
|
|
5
5
|
itemFill: 'surfaceItemPrimary',
|
|
6
6
|
},
|
|
7
|
+
surfaceQuaternary: {
|
|
8
|
+
fill: 'surfaceQuaternary',
|
|
9
|
+
borderColor: 'surfaceBorderPrimary',
|
|
10
|
+
itemFill: 'surfaceItemPrimary',
|
|
11
|
+
},
|
|
7
12
|
surfaceSecondary: {
|
|
8
13
|
fill: 'surfaceSecondary',
|
|
9
14
|
borderColor: 'surfaceBorderPrimary',
|
|
@@ -43,6 +43,14 @@ declare const RESPONSE_MESSAGES: {
|
|
|
43
43
|
secondaryButtonAppearance: string;
|
|
44
44
|
secondaryButtonLabel: string;
|
|
45
45
|
};
|
|
46
|
+
confirm: {
|
|
47
|
+
appearance: string;
|
|
48
|
+
title: string;
|
|
49
|
+
primaryButtonAppearance: string;
|
|
50
|
+
primaryButtonLabel: string;
|
|
51
|
+
secondaryButtonAppearance: string;
|
|
52
|
+
secondaryButtonLabel: string;
|
|
53
|
+
};
|
|
46
54
|
empty: {
|
|
47
55
|
appearance: string;
|
|
48
56
|
title: string;
|
|
@@ -48,6 +48,14 @@ const RESPONSE_MESSAGES = {
|
|
|
48
48
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
49
49
|
secondaryButtonLabel: 'Отмена',
|
|
50
50
|
},
|
|
51
|
+
confirm: {
|
|
52
|
+
appearance: 'confirm ghost',
|
|
53
|
+
title: 'Вы уверены?',
|
|
54
|
+
primaryButtonAppearance: 'accentPrimary sizeXXL solid rounded',
|
|
55
|
+
primaryButtonLabel: 'Да',
|
|
56
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
57
|
+
secondaryButtonLabel: 'Отмена',
|
|
58
|
+
},
|
|
51
59
|
empty: {
|
|
52
60
|
appearance: 'empty ghost',
|
|
53
61
|
title: 'Список пуст',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.104",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"storybook": "^10.3.6",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "4b3a1faf6ea63fdf252fb4e66b7445b5fde1ef4e"
|
|
118
118
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("./primitives_cjs_BphFj-db.js");const l={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},o={appearance:l,setAppearance:r=>{o.appearance=r}};exports.Loader=function(l){const{appearance:s,className:t,dataTestId:c,dataTour:d,type:m="dot",text:n,isDisabled:y,isSkeleton:f,children:u}=l,P=a.useAppearanceConfig(s,o,y),p=a.useDevicePropsGenerator(l,P),{fillClass:C,borderColorClass:x,textColor:_,textSize:S,heightClass:b,itemFillClass:h,shapeClass:z,sizeClass:F,widthClass:I}=p,{styles:B}=a.useStyles(l);return r.jsxs("div",{className:e("loader",t,I&&`width_${I}`,b&&`height_${b}`,C&&`fill_${C}`,F&&`loader_size_${F}`,f&&"skeleton",m&&`loader_type_${m}`,z&&`shape_${z}`),"data-testid":c,"data-tour":d,style:B,children:[u||r.jsxs("div",{className:"loader__inner",children:[r.jsx("span",{className:e("loader__item",h&&`fill_${h}`,"circular"===m&&`border-color_${x}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "})]}),n&&r.jsx(i.Text,{className:"loader__text",size:S,textColor:_,children:n})]})},exports.loaderAppearance=l,exports.loaderConfig=o;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as l,useStyles as o}from"@itcase/ui-core/hooks";import{a as s}from"./primitives_es_BkqjUVO-.js";const t={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},c={appearance:t,setAppearance:r=>{c.appearance=r}};function m(t){const{appearance:m,className:d,dataTestId:n,dataTour:y,type:f="dot",text:u,isDisabled:P,isSkeleton:p,children:C}=t,_=i(m,c,P),S=l(t,_),{fillClass:b,borderColorClass:h,textColor:x,textSize:z,heightClass:F,itemFillClass:I,shapeClass:B,sizeClass:$,widthClass:g}=S,{styles:N}=o(t);return r("div",{className:a("loader",d,g&&`width_${g}`,F&&`height_${F}`,b&&`fill_${b}`,$&&`loader_size_${$}`,p&&"skeleton",f&&`loader_type_${f}`,B&&`shape_${B}`),"data-testid":n,"data-tour":y,style:N,children:[C||r("div",{className:"loader__inner",children:[e("span",{className:a("loader__item",I&&`fill_${I}`,"circular"===f&&`border-color_${h}`),children:" "}),e("span",{className:a("loader__item",I&&`fill_${I}`),children:" "}),e("span",{className:a("loader__item",I&&`fill_${I}`),children:" "})]}),u&&e(s,{className:"loader__text",size:z,textColor:x,children:u})]})}export{m as L,c as a,t as l};
|