@itcase/ui-web 1.9.95 → 1.9.97
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_D7JyUFXZ.js → Button_cjs_BMD9AaY-.js} +1 -1
- package/dist/{Button_es_gm2pGnwp.js → Button_es_DE-bz56p.js} +1 -1
- package/dist/{DatePicker_cjs_DxAVMKPe.js → DatePicker_cjs_BktHs35O.js} +1 -1
- package/dist/{DatePicker_es_D7sUlsDb.js → DatePicker_es_DcrPEFG_.js} +1 -1
- package/dist/cjs/components/Button.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/Notification.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/components/Button.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/Notification.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/css/styles/bundles.css +2 -2
- package/dist/types/components/Button/Button.js +1 -1
- package/package.json +10 -10
|
@@ -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_DE-bz56p.js";import{a as l}from"../default_es_C4dY1Dqw.js";import"@itcase/ui-core/utils";import"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_D2S1nwTD.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
|
-
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_DE-bz56p.js";import{a as l,I as n}from"../primitives_es_CkHPBwNl.js";import{L as d}from"../Loader_es_D2S1nwTD.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_DE-bz56p.js";import{G as p}from"../Group_es_DIuSNHx3.js";import{a as u}from"../primitives_es_CkHPBwNl.js";import"@itcase/ui-core/utils";import"../Loader_es_D2S1nwTD.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"}},z={...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"}},X={appearance:z,setAppearance:e=>{X.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:z,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:A,onClickSecondaryButton:C}=e,F=n(s,X),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,ze=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:Xe,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:Xe,children:[P,a("div",{className:"response__wrapper",style:Te,children:[ze&&r("div",{className:o("response__image",ge&&`svg_fill_${ge}`,Be&&`svg_path_fill_${Be}`),children:ze}),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||z||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}):z]}),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:"Отмена"},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,z as responseAppearance,X as responseConfig,e as responseIcon};
|
|
@@ -98522,7 +98522,7 @@ div.label {
|
|
|
98522
98522
|
}
|
|
98523
98523
|
}
|
|
98524
98524
|
/**
|
|
98525
|
-
* Swiper 12.1.
|
|
98525
|
+
* Swiper 12.1.4
|
|
98526
98526
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
98527
98527
|
* https://swiperjs.com
|
|
98528
98528
|
*
|
|
@@ -98530,7 +98530,7 @@ div.label {
|
|
|
98530
98530
|
*
|
|
98531
98531
|
* Released under the MIT License
|
|
98532
98532
|
*
|
|
98533
|
-
* Released on:
|
|
98533
|
+
* Released on: April 29, 2026
|
|
98534
98534
|
*/
|
|
98535
98535
|
:root {
|
|
98536
98536
|
--swiper-theme-color: #007aff;
|
|
@@ -40,6 +40,6 @@ const Button = React.forwardRef(function Button(props, ref) {
|
|
|
40
40
|
? 'button_type_label'
|
|
41
41
|
: buttonTypeClass
|
|
42
42
|
? 'button_type_icon'
|
|
43
|
-
: '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}
|
|
43
|
+
: '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}Button`, "data-tour": dataTour, disabled: isDisabled, href: link ?? href, LinkComponent: (link ?? href) ? 'a' : 'button', rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: _jsxs("div", { className: "button__wrapper", ref: ref, children: [isHolding && (_jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: _jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), isLoading && (_jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (_jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
|
|
44
44
|
});
|
|
45
45
|
export { Button, buttonConfig };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.97",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@itcase/tokens-am": "^1.1.54",
|
|
54
54
|
"@itcase/tokens-baikal": "^1.1.54",
|
|
55
55
|
"@itcase/tokens-palette": "^1.1.50",
|
|
56
|
-
"@itcase/ui-core": "^1.9.
|
|
56
|
+
"@itcase/ui-core": "^1.9.97",
|
|
57
57
|
"@rc-component/tooltip": "^1.4.0",
|
|
58
58
|
"clsx": "^2.1.1",
|
|
59
59
|
"date-fns": "^4.1.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"react-dom": "^18.3.1",
|
|
70
70
|
"react-dropzone": "^15.0.0",
|
|
71
71
|
"react-indiana-drag-scroll": "^3.0.3-alpha",
|
|
72
|
-
"react-inlinesvg": "^4.
|
|
72
|
+
"react-inlinesvg": "^4.4.0",
|
|
73
73
|
"react-modal-sheet": "5.6.0",
|
|
74
74
|
"react-modern-drawer": "^1.4.0",
|
|
75
75
|
"react-otp-input": "^3.1.1",
|
|
@@ -79,15 +79,15 @@
|
|
|
79
79
|
"react-scrollbars-custom": "^4.1.1",
|
|
80
80
|
"react-select": "^5.10.2",
|
|
81
81
|
"simplebar-react": "^3.3.2",
|
|
82
|
-
"swiper": "^12.1.
|
|
82
|
+
"swiper": "^12.1.4",
|
|
83
83
|
"uuid": "^14.0.0"
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@babel/core": "^7.29.0",
|
|
87
87
|
"@babel/preset-react": "^7.28.5",
|
|
88
|
-
"@itcase/storybook-config": "^1.2.
|
|
88
|
+
"@itcase/storybook-config": "^1.2.52",
|
|
89
89
|
"@itcase/types-core": "^1.1.64",
|
|
90
|
-
"@itcase/types-ui": "^1.1.
|
|
90
|
+
"@itcase/types-ui": "^1.1.70",
|
|
91
91
|
"@rollup/plugin-alias": "^6.0.0",
|
|
92
92
|
"@rollup/plugin-babel": "^7.0.0",
|
|
93
93
|
"@rollup/plugin-commonjs": "^29.0.2",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
97
97
|
"@rollup/plugin-terser": "^1.0.0",
|
|
98
98
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
99
|
-
"@storybook/addon-vitest": "^10.3.
|
|
99
|
+
"@storybook/addon-vitest": "^10.3.6",
|
|
100
100
|
"@types/js-cookie": "^3.0.6",
|
|
101
101
|
"@types/lodash": "^4.17.24",
|
|
102
102
|
"@types/luxon": "^3.7.1",
|
|
@@ -107,12 +107,12 @@
|
|
|
107
107
|
"@types/uuid": "^11.0.0",
|
|
108
108
|
"babel-plugin-inline-react-svg": "^2.0.2",
|
|
109
109
|
"playwright": "^1.59.1",
|
|
110
|
-
"rollup": "4.60.
|
|
110
|
+
"rollup": "4.60.3",
|
|
111
111
|
"rollup-plugin-copy": "^3.5.0",
|
|
112
112
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
113
113
|
"rollup-preserve-directives": "^1.1.3",
|
|
114
|
-
"storybook": "^10.3.
|
|
114
|
+
"storybook": "^10.3.6",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "4f55a66606374fff1cb809d246a6755e8a23d114"
|
|
118
118
|
}
|