@itcase/ui-web 1.9.109 → 1.9.111
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_ConzdKae.js → Button_cjs_CDr9zTdB.js} +1 -1
- package/dist/{Button_es_Ob6KGKAf.js → Button_es_M2ryMLoI.js} +1 -1
- package/dist/{DatePicker_cjs_BnCUToKG.js → DatePicker_cjs_BhZXIBZm.js} +1 -1
- package/dist/{DatePicker_es_CQ__CIKJ.js → DatePicker_es_vJagTqXm.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/Radio.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/Radio.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/css/styles/bundles.css +6 -5
- package/dist/types/components/Button/Button.js +1 -1
- package/dist/types/components/Radio/Radio.appearance.d.ts +36 -20
- package/dist/types/components/Radio/appearance/radioDisabled.d.ts +11 -7
- package/dist/types/components/Radio/appearance/radioDisabled.js +11 -7
- package/dist/types/components/Radio/appearance/radioError.d.ts +8 -4
- package/dist/types/components/Radio/appearance/radioError.js +8 -4
- package/dist/types/components/Radio/appearance/radioRequire.d.ts +8 -4
- package/dist/types/components/Radio/appearance/radioRequire.js +8 -4
- package/dist/types/components/Radio/appearance/radioSuccess.d.ts +9 -5
- package/dist/types/components/Radio/appearance/radioSuccess.js +9 -5
- package/package.json +2 -2
|
@@ -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_M2ryMLoI.js";import{d as l}from"../default_es_CaWUd9iO.js";import"@itcase/ui-core/utils";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CwVQZ1L0.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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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:M,iconPlus:$,iconShape:w,iconSize:B,inputNumberTextColorClass:L,inputNumberTextSizeClass:W,inputNumberTextWeightClass:j,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-testid":m+"Wrapper","data-tour":p,children:[e(a,{className:"input-number__icon",icon:M,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"minus"})}),e("input",{className:i(L&&`text-color_${L}`,W&&`text_size_${W}`,j&&`text-weight_${j}`),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:$,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_M2ryMLoI.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};
|
package/dist/components/Radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{T as l}from"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceQuaternary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultSecondary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultTertiary:{fill:"surfaceTertiary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceTertiary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{T as l}from"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceQuaternary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultSecondary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultTertiary:{fill:"surfaceTertiary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceTertiary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",fillRadio:"errorTertiary",fillRadioActive:"errorQuaternary",fillRadioActiveHover:"errorActiveHoverPrimary",fillRadioHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"errorBorderQuaternary",borderRadioColorActive:"errorBorderActiveQuaternary",borderRadioColorActiveHover:"errorBorderPrimary",borderRadioColorHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successPrimary",fillCheckmark:"accentSecondary",fillRadio:"surfaceTertiary",fillRadioActive:"successPrimary",fillRadioActiveHover:"successQuaternary",fillRadioHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"successBorderSecondary",borderRadioColorActive:"successBorderSecondary",borderRadioColorActiveHover:"successBorderPrimary",borderRadioColorHover:"surfaceBorderQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",fillRadio:"warningTertiary",fillRadioActive:"warningPrimary",fillRadioActiveHover:"warningActiveHoverPrimary",fillRadioHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"warningBorderSecondary",borderRadioColorActive:"warningBorderSecondary",borderRadioColorActiveHover:"warningBorderPrimary",borderRadioColorHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverTertiary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderPrimary",borderRadioColorHover:"surfaceBorderHoverPrimary"},sizeM:{size:"m",labelTextSize:"s",descTextSize:"xs"},sizeXS:{size:"xs",labelTextSize:"m",descTextSize:"xs"},sizeXXS:{size:"xxs",labelTextSize:"m",descTextSize:"xs"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none",borderRadioColor:"none",borderRadioColorActive:"none",borderRadioColorActiveHover:"none",borderRadioColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none"}},c={appearance:d,setAppearance:r=>{c.appearance=r}};function t(d){const{id:t,appearance:s,className:u,dataTestId:n,dataTour:f,label:v,desc:y,checked:C,tag:b="label",value:R,isActive:m,isDisabled:T,isSkeleton:H,onChange:x}=d,A=a(s,c,T),Q=i(d,A),{fillCheckmarkClass:h,fillClass:_,fillHoverClass:B,fillRadioActiveClass:p,fillRadioActiveHoverClass:P,fillRadioClass:S,fillRadioHoverClass:k,labelTextColor:g,labelTextSize:z,labelTextWeight:$,descTextColor:w,descTextSize:N,descTextWeight:X,borderRadioColorActiveClass:L,borderRadioColorActiveHoverClass:W,borderRadioColorClass:M,borderRadioColorHoverClass:j,shapeClass:q,sizeClass:D}=Q;return r(b,{className:o(u,"radio",_&&`fill_${_}`,B&&`fill_${B}`,H&&"skeleton",D&&`radio_size_${D}`,C&&m?p&&`radio_fill_active_${p}`:S&&`radio_fill_${S}`,C&&m?P&&`radio_fill_active_hover_${P}`:k&&`radio_fill_hover_${k}`,C&&m?L&&`radio_border-color_active_${L}`:M&&`radio_border-color_${M}`,C&&m?W&&`radio_border-color_active_hover_${W}`:j&&`radio_border-color_hover_${j}`),"data-testid":n,"data-tour":f,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:C,disabled:T,value:R,onChange:x}),e("div",{className:o("radio__state",q&&`shape_${q}`),children:" "}),e("div",{className:o("radio__state-checkmark",C&&h&&`fill_${h}`),children:" "})]}),v&&e(l,{className:"radio__label",size:z,textColor:g,textWeight:$,children:v}),y&&e(l,{className:"radio__desc",size:N,textColor:w,textWeight:X,children:y})]})}export{t as Radio,d as radioAppearance,c as radioConfig};
|
|
@@ -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 o}from"react";import i from"clsx";import{urlWithAssetPrefix as n}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,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 o}from"react";import i from"clsx";import{urlWithAssetPrefix as n}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_M2ryMLoI.js";import{G as u}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_BQqNcRQk.js";import"@itcase/ui-core/utils";import"../Loader_es_CwVQZ1L0.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 rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},z={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},h={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...B,...x,...g,...z,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={appearance:h,setAppearance:e=>{X.appearance=e}},T=n(t(function(e,t){const{appearance:n,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:B,desc:S,primaryButton:z,secondaryButton:h,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:A,onClickSecondaryButton:C}=e,F=s(n,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:M,descTextColor:W,descTextSize:j,descTextWeight:H,borderColorClass:Q,borderColorHoverClass:U,borderTypeClass:E,borderWidthClass:G,heightClass:I,imageSrc:R,primaryButtonAfter:q,primaryButtonAppearance:J,primaryButtonBefore:K,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:oe,secondaryButtonAppearance:ie,secondaryButtonBefore:ne,secondaryButtonFill:se,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:ue,secondaryButtonShape:pe,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:xe,svgPathFillClass:Be,svgSrc:Se,widthClass:ze}=w,he=o(()=>{const e=R||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},[R,Se,xe,g,x]),{styles:Xe,wrapper:Te}=c(e);return a("div",{className:i(m,"response",v&&"response_bottom-button",Q&&`border-color_${Q}`,U&&`border-color_hover_${U}`,E&&`border_type_${E}`,G&&`border-width_${G}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,I&&`height_${I}`,fe&&`shape_${fe}`,ze&&`width_${ze}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Xe,children:[P,a("div",{className:"response__wrapper",style:Te,children:[he&&r("div",{className:i("response__image",ge&&`svg_fill_${ge}`,Be&&`svg_path_fill_${Be}`),children:he}),a("div",{className:"response__wrapper-inner",children:[B&&r(p,{className:"response__title",size:D,textColor:k,textWeight:M,children:B}),S&&r(p,{className:"response__desc",size:j,textColor:W,textWeight:H,children:S})]})]}),(Y||z||ce||h||F)&&a(u,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:J,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:K,after:q,onClick:A}):z,ce&&L?r(d,{appearance:ie,className:"response__button-item",width:ye||"fill",size:me,fill:se,fillHover:le,label:ce,labelTextColor:de,labelTextSize:ue,shape:pe,before:ne,after:oe,onClick:C}):h]}),b]})})),L={error:{appearance:"error sizeM ghost rounded",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData sizeM ghost rounded",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 sizeM ghost rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail sizeM ghost rounded",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound sizeM ghost rounded",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm sizeM ghost rounded",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty sizeM ghost rounded",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning sizeM ghost rounded",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,h as responseAppearance,X as responseConfig,e as responseIcon};
|
|
@@ -61185,6 +61185,9 @@ h2.react-datepicker__current-month {
|
|
|
61185
61185
|
&-button {
|
|
61186
61186
|
width: 100%;
|
|
61187
61187
|
height: 100%;
|
|
61188
|
+
&.button {
|
|
61189
|
+
background: transparent;
|
|
61190
|
+
}
|
|
61188
61191
|
}
|
|
61189
61192
|
}
|
|
61190
61193
|
}
|
|
@@ -61394,19 +61397,17 @@ h2.react-datepicker__current-month {
|
|
|
61394
61397
|
|
|
61395
61398
|
--date-picker-day-weekend-background: var(--color-surface-fill-primary);
|
|
61396
61399
|
--date-picker-day-weekend-text-color: var(--color-secondary-text-secondary);
|
|
61397
|
-
--date-picker-day-weekend-outside-text-color: var(
|
|
61398
|
-
--color-secondary-text-disabled
|
|
61399
|
-
);
|
|
61400
|
+
--date-picker-day-weekend-outside-text-color: var(--color-surface-text-disabled);
|
|
61400
61401
|
|
|
61401
61402
|
--date-picker-day-selected-background: var(--color-accent-fill-primary);
|
|
61402
61403
|
--date-picker-day-selected-background-hover: var(
|
|
61403
61404
|
--color-accent-fill-secondary
|
|
61404
61405
|
);
|
|
61406
|
+
--date-picker-day-outside-text-color: var(--color-surface-text-disabled);
|
|
61405
61407
|
--date-picker-day-selected-text-color: var(--color-accent-text-primary);
|
|
61406
61408
|
--date-picker-day-selected-text-hover-color: var(--color-accent-text-primary);
|
|
61407
61409
|
|
|
61408
61410
|
--date-picker-day-outside-background: var(--color-surface-fill-primary);
|
|
61409
|
-
--date-picker-day-outside-text-color: var(--color-surface-text-tertiary);
|
|
61410
61411
|
}
|
|
61411
61412
|
.divider {
|
|
61412
61413
|
padding: 0;
|
|
@@ -81203,7 +81204,7 @@ div.label {
|
|
|
81203
81204
|
position: absolute;
|
|
81204
81205
|
left: 0;
|
|
81205
81206
|
top: 0;
|
|
81206
|
-
z-index: 3
|
|
81207
|
+
z-index: 3;;
|
|
81207
81208
|
cursor: pointer;
|
|
81208
81209
|
appearance: none;
|
|
81209
81210
|
&:disabled + .radio__state {
|
|
@@ -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?.endsWith('Button') ? 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 ? iconBefore : undefined })), (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 ? icon : undefined })), (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 ? iconAfter : undefined })), Badge, after] }) }));
|
|
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 && isHolding && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId?.endsWith('Button') ? 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 ? iconBefore : undefined })), (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 ? icon : undefined })), (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 ? iconAfter : undefined })), Badge, after] }) }));
|
|
44
44
|
});
|
|
45
45
|
export { Button, buttonConfig };
|
|
@@ -54,48 +54,64 @@ declare const radioAppearance: {
|
|
|
54
54
|
descTextSize: "xs";
|
|
55
55
|
};
|
|
56
56
|
disabledPrimary: {
|
|
57
|
-
fill: "
|
|
57
|
+
fill: "surfaceSecondary";
|
|
58
58
|
fillCheckmark: "surfaceQuaternary";
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
fillRadio: "surfaceSecondary";
|
|
60
|
+
fillRadioActive: "surfaceQuaternary";
|
|
61
|
+
fillRadioActiveHover: "surfaceActiveHoverTertiary";
|
|
62
|
+
fillRadioHover: "surfaceHoverTertiary";
|
|
63
|
+
labelTextColor: "disabledTextSecondary";
|
|
64
|
+
descTextColor: "disabledTextSecondary";
|
|
65
|
+
borderColor: "surfaceBorderQuaternary";
|
|
62
66
|
borderRadioColor: "surfaceBorderQuaternary";
|
|
63
|
-
borderRadioColorActive: "
|
|
64
|
-
borderRadioColorActiveHover: "
|
|
65
|
-
borderRadioColorHover: "
|
|
67
|
+
borderRadioColorActive: "surfaceBorderQuaternary";
|
|
68
|
+
borderRadioColorActiveHover: "surfaceBorderPrimary";
|
|
69
|
+
borderRadioColorHover: "surfaceBorderHoverPrimary";
|
|
66
70
|
};
|
|
67
71
|
requirePrimary: {
|
|
68
72
|
fill: "warningTertiary";
|
|
69
73
|
fillCheckmark: "warningPrimary";
|
|
74
|
+
fillRadio: "warningTertiary";
|
|
75
|
+
fillRadioActive: "warningPrimary";
|
|
76
|
+
fillRadioActiveHover: "warningActiveHoverPrimary";
|
|
77
|
+
fillRadioHover: "warningHoverTertiary";
|
|
70
78
|
labelTextColor: "surfaceTextPrimary";
|
|
71
79
|
descTextColor: "surfaceTextPrimary";
|
|
72
80
|
borderColor: "warningBorderSecondary";
|
|
73
|
-
borderRadioColor: "
|
|
74
|
-
borderRadioColorActive: "
|
|
75
|
-
borderRadioColorActiveHover: "
|
|
76
|
-
borderRadioColorHover: "
|
|
81
|
+
borderRadioColor: "warningBorderSecondary";
|
|
82
|
+
borderRadioColorActive: "warningBorderSecondary";
|
|
83
|
+
borderRadioColorActiveHover: "warningBorderPrimary";
|
|
84
|
+
borderRadioColorHover: "warningBorderHoverPrimary";
|
|
77
85
|
};
|
|
78
86
|
successPrimary: {
|
|
79
|
-
fill: "
|
|
87
|
+
fill: "successPrimary";
|
|
80
88
|
fillCheckmark: "accentSecondary";
|
|
89
|
+
fillRadio: "surfaceTertiary";
|
|
90
|
+
fillRadioActive: "successPrimary";
|
|
91
|
+
fillRadioActiveHover: "successQuaternary";
|
|
92
|
+
fillRadioHover: "surfaceSecondary";
|
|
81
93
|
labelTextColor: "surfaceTextPrimary";
|
|
82
94
|
descTextColor: "surfaceTextPrimary";
|
|
83
95
|
borderColor: "accentBorderSecondary";
|
|
84
|
-
borderRadioColor: "
|
|
85
|
-
borderRadioColorActive: "
|
|
86
|
-
borderRadioColorActiveHover: "
|
|
87
|
-
borderRadioColorHover: "
|
|
96
|
+
borderRadioColor: "successBorderSecondary";
|
|
97
|
+
borderRadioColorActive: "successBorderSecondary";
|
|
98
|
+
borderRadioColorActiveHover: "successBorderPrimary";
|
|
99
|
+
borderRadioColorHover: "surfaceBorderQuaternary";
|
|
88
100
|
};
|
|
89
101
|
errorPrimary: {
|
|
90
102
|
fill: "errorTertiary";
|
|
91
103
|
fillCheckmark: "errorPrimary";
|
|
104
|
+
fillRadio: "errorTertiary";
|
|
105
|
+
fillRadioActive: "errorQuaternary";
|
|
106
|
+
fillRadioActiveHover: "errorActiveHoverPrimary";
|
|
107
|
+
fillRadioHover: "errorHoverTertiary";
|
|
92
108
|
labelTextColor: "surfaceTextPrimary";
|
|
93
109
|
descTextColor: "surfaceTextPrimary";
|
|
94
110
|
borderColor: "errorBorderQuaternary";
|
|
95
|
-
borderRadioColor: "
|
|
96
|
-
borderRadioColorActive: "
|
|
97
|
-
borderRadioColorActiveHover: "
|
|
98
|
-
borderRadioColorHover: "
|
|
111
|
+
borderRadioColor: "errorBorderQuaternary";
|
|
112
|
+
borderRadioColorActive: "errorBorderActiveQuaternary";
|
|
113
|
+
borderRadioColorActiveHover: "errorBorderPrimary";
|
|
114
|
+
borderRadioColorHover: "errorBorderHoverPrimary";
|
|
99
115
|
};
|
|
100
116
|
defaultPrimary: {
|
|
101
117
|
fill: "surfaceSecondary";
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
declare const radioAppearanceDisabled: {
|
|
2
2
|
disabledPrimary: {
|
|
3
|
-
fill: "
|
|
3
|
+
fill: "surfaceSecondary";
|
|
4
4
|
fillCheckmark: "surfaceQuaternary";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
fillRadio: "surfaceSecondary";
|
|
6
|
+
fillRadioActive: "surfaceQuaternary";
|
|
7
|
+
fillRadioActiveHover: "surfaceActiveHoverTertiary";
|
|
8
|
+
fillRadioHover: "surfaceHoverTertiary";
|
|
9
|
+
labelTextColor: "disabledTextSecondary";
|
|
10
|
+
descTextColor: "disabledTextSecondary";
|
|
11
|
+
borderColor: "surfaceBorderQuaternary";
|
|
8
12
|
borderRadioColor: "surfaceBorderQuaternary";
|
|
9
|
-
borderRadioColorActive: "
|
|
10
|
-
borderRadioColorActiveHover: "
|
|
11
|
-
borderRadioColorHover: "
|
|
13
|
+
borderRadioColorActive: "surfaceBorderQuaternary";
|
|
14
|
+
borderRadioColorActiveHover: "surfaceBorderPrimary";
|
|
15
|
+
borderRadioColorHover: "surfaceBorderHoverPrimary";
|
|
12
16
|
};
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceDisabled };
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
const radioAppearanceDisabled = {
|
|
2
2
|
disabledPrimary: {
|
|
3
|
-
fill: '
|
|
3
|
+
fill: 'surfaceSecondary',
|
|
4
4
|
fillCheckmark: 'surfaceQuaternary',
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
fillRadio: 'surfaceSecondary',
|
|
6
|
+
fillRadioActive: 'surfaceQuaternary',
|
|
7
|
+
fillRadioActiveHover: 'surfaceActiveHoverTertiary',
|
|
8
|
+
fillRadioHover: 'surfaceHoverTertiary',
|
|
9
|
+
labelTextColor: 'disabledTextSecondary',
|
|
10
|
+
descTextColor: 'disabledTextSecondary',
|
|
11
|
+
borderColor: 'surfaceBorderQuaternary',
|
|
8
12
|
borderRadioColor: 'surfaceBorderQuaternary',
|
|
9
|
-
borderRadioColorActive: '
|
|
10
|
-
borderRadioColorActiveHover: '
|
|
11
|
-
borderRadioColorHover: '
|
|
13
|
+
borderRadioColorActive: 'surfaceBorderQuaternary',
|
|
14
|
+
borderRadioColorActiveHover: 'surfaceBorderPrimary',
|
|
15
|
+
borderRadioColorHover: 'surfaceBorderHoverPrimary',
|
|
12
16
|
},
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceDisabled };
|
|
@@ -2,13 +2,17 @@ declare const radioAppearanceError: {
|
|
|
2
2
|
errorPrimary: {
|
|
3
3
|
fill: "errorTertiary";
|
|
4
4
|
fillCheckmark: "errorPrimary";
|
|
5
|
+
fillRadio: "errorTertiary";
|
|
6
|
+
fillRadioActive: "errorQuaternary";
|
|
7
|
+
fillRadioActiveHover: "errorActiveHoverPrimary";
|
|
8
|
+
fillRadioHover: "errorHoverTertiary";
|
|
5
9
|
labelTextColor: "surfaceTextPrimary";
|
|
6
10
|
descTextColor: "surfaceTextPrimary";
|
|
7
11
|
borderColor: "errorBorderQuaternary";
|
|
8
|
-
borderRadioColor: "
|
|
9
|
-
borderRadioColorActive: "
|
|
10
|
-
borderRadioColorActiveHover: "
|
|
11
|
-
borderRadioColorHover: "
|
|
12
|
+
borderRadioColor: "errorBorderQuaternary";
|
|
13
|
+
borderRadioColorActive: "errorBorderActiveQuaternary";
|
|
14
|
+
borderRadioColorActiveHover: "errorBorderPrimary";
|
|
15
|
+
borderRadioColorHover: "errorBorderHoverPrimary";
|
|
12
16
|
};
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceError };
|
|
@@ -2,13 +2,17 @@ const radioAppearanceError = {
|
|
|
2
2
|
errorPrimary: {
|
|
3
3
|
fill: 'errorTertiary',
|
|
4
4
|
fillCheckmark: 'errorPrimary',
|
|
5
|
+
fillRadio: 'errorTertiary',
|
|
6
|
+
fillRadioActive: 'errorQuaternary',
|
|
7
|
+
fillRadioActiveHover: 'errorActiveHoverPrimary',
|
|
8
|
+
fillRadioHover: 'errorHoverTertiary',
|
|
5
9
|
labelTextColor: 'surfaceTextPrimary',
|
|
6
10
|
descTextColor: 'surfaceTextPrimary',
|
|
7
11
|
borderColor: 'errorBorderQuaternary',
|
|
8
|
-
borderRadioColor: '
|
|
9
|
-
borderRadioColorActive: '
|
|
10
|
-
borderRadioColorActiveHover: '
|
|
11
|
-
borderRadioColorHover: '
|
|
12
|
+
borderRadioColor: 'errorBorderQuaternary',
|
|
13
|
+
borderRadioColorActive: 'errorBorderActiveQuaternary',
|
|
14
|
+
borderRadioColorActiveHover: 'errorBorderPrimary',
|
|
15
|
+
borderRadioColorHover: 'errorBorderHoverPrimary',
|
|
12
16
|
},
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceError };
|
|
@@ -2,13 +2,17 @@ declare const radioAppearanceRequire: {
|
|
|
2
2
|
requirePrimary: {
|
|
3
3
|
fill: "warningTertiary";
|
|
4
4
|
fillCheckmark: "warningPrimary";
|
|
5
|
+
fillRadio: "warningTertiary";
|
|
6
|
+
fillRadioActive: "warningPrimary";
|
|
7
|
+
fillRadioActiveHover: "warningActiveHoverPrimary";
|
|
8
|
+
fillRadioHover: "warningHoverTertiary";
|
|
5
9
|
labelTextColor: "surfaceTextPrimary";
|
|
6
10
|
descTextColor: "surfaceTextPrimary";
|
|
7
11
|
borderColor: "warningBorderSecondary";
|
|
8
|
-
borderRadioColor: "
|
|
9
|
-
borderRadioColorActive: "
|
|
10
|
-
borderRadioColorActiveHover: "
|
|
11
|
-
borderRadioColorHover: "
|
|
12
|
+
borderRadioColor: "warningBorderSecondary";
|
|
13
|
+
borderRadioColorActive: "warningBorderSecondary";
|
|
14
|
+
borderRadioColorActiveHover: "warningBorderPrimary";
|
|
15
|
+
borderRadioColorHover: "warningBorderHoverPrimary";
|
|
12
16
|
};
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceRequire };
|
|
@@ -2,13 +2,17 @@ const radioAppearanceRequire = {
|
|
|
2
2
|
requirePrimary: {
|
|
3
3
|
fill: 'warningTertiary',
|
|
4
4
|
fillCheckmark: 'warningPrimary',
|
|
5
|
+
fillRadio: 'warningTertiary',
|
|
6
|
+
fillRadioActive: 'warningPrimary',
|
|
7
|
+
fillRadioActiveHover: 'warningActiveHoverPrimary',
|
|
8
|
+
fillRadioHover: 'warningHoverTertiary',
|
|
5
9
|
labelTextColor: 'surfaceTextPrimary',
|
|
6
10
|
descTextColor: 'surfaceTextPrimary',
|
|
7
11
|
borderColor: 'warningBorderSecondary',
|
|
8
|
-
borderRadioColor: '
|
|
9
|
-
borderRadioColorActive: '
|
|
10
|
-
borderRadioColorActiveHover: '
|
|
11
|
-
borderRadioColorHover: '
|
|
12
|
+
borderRadioColor: 'warningBorderSecondary',
|
|
13
|
+
borderRadioColorActive: 'warningBorderSecondary',
|
|
14
|
+
borderRadioColorActiveHover: 'warningBorderPrimary',
|
|
15
|
+
borderRadioColorHover: 'warningBorderHoverPrimary',
|
|
12
16
|
},
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceRequire };
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
declare const radioAppearanceSuccess: {
|
|
2
2
|
successPrimary: {
|
|
3
|
-
fill: "
|
|
3
|
+
fill: "successPrimary";
|
|
4
4
|
fillCheckmark: "accentSecondary";
|
|
5
|
+
fillRadio: "surfaceTertiary";
|
|
6
|
+
fillRadioActive: "successPrimary";
|
|
7
|
+
fillRadioActiveHover: "successQuaternary";
|
|
8
|
+
fillRadioHover: "surfaceSecondary";
|
|
5
9
|
labelTextColor: "surfaceTextPrimary";
|
|
6
10
|
descTextColor: "surfaceTextPrimary";
|
|
7
11
|
borderColor: "accentBorderSecondary";
|
|
8
|
-
borderRadioColor: "
|
|
9
|
-
borderRadioColorActive: "
|
|
10
|
-
borderRadioColorActiveHover: "
|
|
11
|
-
borderRadioColorHover: "
|
|
12
|
+
borderRadioColor: "successBorderSecondary";
|
|
13
|
+
borderRadioColorActive: "successBorderSecondary";
|
|
14
|
+
borderRadioColorActiveHover: "successBorderPrimary";
|
|
15
|
+
borderRadioColorHover: "surfaceBorderQuaternary";
|
|
12
16
|
};
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceSuccess };
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
const radioAppearanceSuccess = {
|
|
2
2
|
successPrimary: {
|
|
3
|
-
fill: '
|
|
3
|
+
fill: 'successPrimary',
|
|
4
4
|
fillCheckmark: 'accentSecondary',
|
|
5
|
+
fillRadio: 'surfaceTertiary',
|
|
6
|
+
fillRadioActive: 'successPrimary',
|
|
7
|
+
fillRadioActiveHover: 'successQuaternary',
|
|
8
|
+
fillRadioHover: 'surfaceSecondary',
|
|
5
9
|
labelTextColor: 'surfaceTextPrimary',
|
|
6
10
|
descTextColor: 'surfaceTextPrimary',
|
|
7
11
|
borderColor: 'accentBorderSecondary',
|
|
8
|
-
borderRadioColor: '
|
|
9
|
-
borderRadioColorActive: '
|
|
10
|
-
borderRadioColorActiveHover: '
|
|
11
|
-
borderRadioColorHover: '
|
|
12
|
+
borderRadioColor: 'successBorderSecondary',
|
|
13
|
+
borderRadioColorActive: 'successBorderSecondary',
|
|
14
|
+
borderRadioColorActiveHover: 'successBorderPrimary',
|
|
15
|
+
borderRadioColorHover: 'surfaceBorderQuaternary',
|
|
12
16
|
},
|
|
13
17
|
};
|
|
14
18
|
export { radioAppearanceSuccess };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.111",
|
|
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": "
|
|
117
|
+
"gitHead": "90a1c5a405c73d48360ee64d89e23812d6caacfe"
|
|
118
118
|
}
|