@itcase/ui-web 1.9.109 → 1.9.110

package/dist/cjs/components/Radio.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),o=require("@itcase/ui-core/hooks"),a=require("../../primitives_cjs_ocTnUpml.js");require("@rc-component/tooltip"),require("react"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const i={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:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},successPrimary:{fill:"successTertiary",fillCheckmark:"accentSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary"},disabledPrimary:{fill:"surfaceDisabled",fillCheckmark:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},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"}},l={appearance:i,setAppearance:r=>{l.appearance=r}};exports.Radio=function(i){const{id:d,appearance:c,className:s,dataTestId:t,dataTour:u,label:n,desc:f,checked:v,tag:C="label",value:y,isActive:b,isDisabled:x,isSkeleton:R,onChange:T}=i,Q=o.useAppearanceConfig(c,l,x),m=o.useDevicePropsGenerator(i,Q),{fillCheckmarkClass:H,fillClass:h,fillHoverClass:_,fillRadioActiveClass:A,fillRadioActiveHoverClass:B,fillRadioClass:p,fillRadioHoverClass:k,labelTextColor:P,labelTextSize:S,labelTextWeight:z,descTextColor:g,descTextSize:$,descTextWeight:j,borderRadioColorActiveClass:q,borderRadioColorActiveHoverClass:N,borderRadioColorClass:X,borderRadioColorHoverClass:L,shapeClass:W,sizeClass:w}=m;return r.jsxs(C,{className:e(s,"radio",h&&`fill_${h}`,_&&`fill_${_}`,R&&"skeleton",w&&`radio_size_${w}`,v&&b?A&&`radio_fill_active_${A}`:p&&`radio_fill_${p}`,v&&b?B&&`radio_fill_active_hover_${B}`:k&&`radio_fill_hover_${k}`,v&&b?q&&`radio_border-color_active_${q}`:X&&`radio_border-color_${X}`,v&&b?N&&`radio_border-color_active_hover_${N}`:L&&`radio_border-color_hover_${L}`),"data-testid":t,"data-tour":u,htmlFor:d,children:[r.jsxs("div",{className:e("radio__item"),children:[r.jsx("input",{id:String(d),className:"radio__input",type:"radio",checked:v,disabled:x,value:y,onChange:T}),r.jsx("div",{className:e("radio__state",W&&`shape_${W}`),children:" "}),r.jsx("div",{className:e("radio__state-checkmark",v&&H&&`fill_${H}`),children:" "})]}),n&&r.jsx(a.Text,{className:"radio__label",size:S,textColor:P,textWeight:z,children:n}),f&&r.jsx(a.Text,{className:"radio__desc",size:$,textColor:g,textWeight:j,children:f})]})},exports.radioAppearance=i,exports.radioConfig=l;
+"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),o=require("@itcase/ui-core/hooks"),a=require("../../primitives_cjs_ocTnUpml.js");require("@rc-component/tooltip"),require("react"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const i={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"}},l={appearance:i,setAppearance:r=>{l.appearance=r}};exports.Radio=function(i){const{id:d,appearance:c,className:s,dataTestId:t,dataTour:u,label:n,desc:f,checked:v,tag:y="label",value:C,isActive:b,isDisabled:R,isSkeleton:x,onChange:T}=i,H=o.useAppearanceConfig(c,l,R),m=o.useDevicePropsGenerator(i,H),{fillCheckmarkClass:A,fillClass:Q,fillHoverClass:h,fillRadioActiveClass:_,fillRadioActiveHoverClass:B,fillRadioClass:p,fillRadioHoverClass:P,labelTextColor:S,labelTextSize:k,labelTextWeight:g,descTextColor:z,descTextSize:$,descTextWeight:w,borderRadioColorActiveClass:j,borderRadioColorActiveHoverClass:q,borderRadioColorClass:N,borderRadioColorHoverClass:X,shapeClass:L,sizeClass:W}=m;return r.jsxs(y,{className:e(s,"radio",Q&&`fill_${Q}`,h&&`fill_${h}`,x&&"skeleton",W&&`radio_size_${W}`,v&&b?_&&`radio_fill_active_${_}`:p&&`radio_fill_${p}`,v&&b?B&&`radio_fill_active_hover_${B}`:P&&`radio_fill_hover_${P}`,v&&b?j&&`radio_border-color_active_${j}`:N&&`radio_border-color_${N}`,v&&b?q&&`radio_border-color_active_hover_${q}`:X&&`radio_border-color_hover_${X}`),"data-testid":t,"data-tour":u,htmlFor:d,children:[r.jsxs("div",{className:e("radio__item"),children:[r.jsx("input",{id:String(d),className:"radio__input",type:"radio",checked:v,disabled:R,value:C,onChange:T}),r.jsx("div",{className:e("radio__state",L&&`shape_${L}`),children:" "}),r.jsx("div",{className:e("radio__state-checkmark",v&&A&&`fill_${A}`),children:" "})]}),n&&r.jsx(a.Text,{className:"radio__label",size:k,textColor:S,textWeight:g,children:n}),f&&r.jsx(a.Text,{className:"radio__desc",size:$,textColor:z,textWeight:w,children:f})]})},exports.radioAppearance=i,exports.radioConfig=l;

package/dist/components/Radio.js

@@ -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:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},successPrimary:{fill:"successTertiary",fillCheckmark:"accentSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary"},disabledPrimary:{fill:"surfaceDisabled",fillCheckmark:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},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:f,dataTour:n,label:v,desc:y,checked:C,tag:b="label",value:m,isActive:R,isDisabled:x,isSkeleton:T,onChange:Q}=d,H=a(s,c,x),h=i(d,H),{fillCheckmarkClass:_,fillClass:B,fillHoverClass:A,fillRadioActiveClass:p,fillRadioActiveHoverClass:k,fillRadioClass:P,fillRadioHoverClass:S,labelTextColor:z,labelTextSize:g,labelTextWeight:$,descTextColor:N,descTextSize:X,descTextWeight:L,borderRadioColorActiveClass:W,borderRadioColorActiveHoverClass:w,borderRadioColorClass:M,borderRadioColorHoverClass:j,shapeClass:D,sizeClass:q}=h;return r(b,{className:o(u,"radio",B&&`fill_${B}`,A&&`fill_${A}`,T&&"skeleton",q&&`radio_size_${q}`,C&&R?p&&`radio_fill_active_${p}`:P&&`radio_fill_${P}`,C&&R?k&&`radio_fill_active_hover_${k}`:S&&`radio_fill_hover_${S}`,C&&R?W&&`radio_border-color_active_${W}`:M&&`radio_border-color_${M}`,C&&R?w&&`radio_border-color_active_hover_${w}`:j&&`radio_border-color_hover_${j}`),"data-testid":f,"data-tour":n,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:C,disabled:x,value:m,onChange:Q}),e("div",{className:o("radio__state",D&&`shape_${D}`),children:" "}),e("div",{className:o("radio__state-checkmark",C&&_&&`fill_${_}`),children:" "})]}),v&&e(l,{className:"radio__label",size:g,textColor:z,textWeight:$,children:v}),y&&e(l,{className:"radio__desc",size:X,textColor:N,textWeight:L,children:y})]})}export{t as Radio,d as radioAppearance,c as radioConfig};
+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};

package/dist/css/styles/bundles.css

@@ -61185,6 +61185,7 @@ h2.react-datepicker__current-month {
             &-button {
               width: 100%;
               height: 100%;
+              background: transparent;
             }
           }
         }
@@ -81203,7 +81204,7 @@ div.label {
       position: absolute;
       left: 0;
       top: 0;
-      z-index: 3;
+      z-index: 3;;
       cursor: pointer;
       appearance: none;
       &:disabled + .radio__state {

package/dist/types/components/Radio/Radio.appearance.d.ts

@@ -54,48 +54,64 @@ declare const radioAppearance: {
         descTextSize: "xs";
     };
     disabledPrimary: {
-        fill: "surfaceDisabled";
+        fill: "surfaceSecondary";
         fillCheckmark: "surfaceQuaternary";
-        labelTextColor: "surfaceTextPrimary";
-        descTextColor: "surfaceTextPrimary";
-        borderColor: "surfaceBorderPrimary";
+        fillRadio: "surfaceSecondary";
+        fillRadioActive: "surfaceQuaternary";
+        fillRadioActiveHover: "surfaceActiveHoverTertiary";
+        fillRadioHover: "surfaceHoverTertiary";
+        labelTextColor: "disabledTextSecondary";
+        descTextColor: "disabledTextSecondary";
+        borderColor: "surfaceBorderQuaternary";
         borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderActiveQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
-        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorActive: "surfaceBorderQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderPrimary";
+        borderRadioColorHover: "surfaceBorderHoverPrimary";
     };
     requirePrimary: {
         fill: "warningTertiary";
         fillCheckmark: "warningPrimary";
+        fillRadio: "warningTertiary";
+        fillRadioActive: "warningPrimary";
+        fillRadioActiveHover: "warningActiveHoverPrimary";
+        fillRadioHover: "warningHoverTertiary";
         labelTextColor: "surfaceTextPrimary";
         descTextColor: "surfaceTextPrimary";
         borderColor: "warningBorderSecondary";
-        borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderQuaternary";
-        borderRadioColorHover: "surfaceBorderQuaternary";
+        borderRadioColor: "warningBorderSecondary";
+        borderRadioColorActive: "warningBorderSecondary";
+        borderRadioColorActiveHover: "warningBorderPrimary";
+        borderRadioColorHover: "warningBorderHoverPrimary";
     };
     successPrimary: {
-        fill: "successTertiary";
+        fill: "successPrimary";
         fillCheckmark: "accentSecondary";
+        fillRadio: "surfaceTertiary";
+        fillRadioActive: "successPrimary";
+        fillRadioActiveHover: "successQuaternary";
+        fillRadioHover: "surfaceSecondary";
         labelTextColor: "surfaceTextPrimary";
         descTextColor: "surfaceTextPrimary";
         borderColor: "accentBorderSecondary";
-        borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderActiveQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
-        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+        borderRadioColor: "successBorderSecondary";
+        borderRadioColorActive: "successBorderSecondary";
+        borderRadioColorActiveHover: "successBorderPrimary";
+        borderRadioColorHover: "surfaceBorderQuaternary";
     };
     errorPrimary: {
         fill: "errorTertiary";
         fillCheckmark: "errorPrimary";
+        fillRadio: "errorTertiary";
+        fillRadioActive: "errorQuaternary";
+        fillRadioActiveHover: "errorActiveHoverPrimary";
+        fillRadioHover: "errorHoverTertiary";
         labelTextColor: "surfaceTextPrimary";
         descTextColor: "surfaceTextPrimary";
         borderColor: "errorBorderQuaternary";
-        borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderActiveQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
-        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+        borderRadioColor: "errorBorderQuaternary";
+        borderRadioColorActive: "errorBorderActiveQuaternary";
+        borderRadioColorActiveHover: "errorBorderPrimary";
+        borderRadioColorHover: "errorBorderHoverPrimary";
     };
     defaultPrimary: {
         fill: "surfaceSecondary";

package/dist/types/components/Radio/appearance/radioDisabled.d.ts

@@ -1,14 +1,18 @@
 declare const radioAppearanceDisabled: {
     disabledPrimary: {
-        fill: "surfaceDisabled";
+        fill: "surfaceSecondary";
         fillCheckmark: "surfaceQuaternary";
-        labelTextColor: "surfaceTextPrimary";
-        descTextColor: "surfaceTextPrimary";
-        borderColor: "surfaceBorderPrimary";
+        fillRadio: "surfaceSecondary";
+        fillRadioActive: "surfaceQuaternary";
+        fillRadioActiveHover: "surfaceActiveHoverTertiary";
+        fillRadioHover: "surfaceHoverTertiary";
+        labelTextColor: "disabledTextSecondary";
+        descTextColor: "disabledTextSecondary";
+        borderColor: "surfaceBorderQuaternary";
         borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderActiveQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
-        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorActive: "surfaceBorderQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderPrimary";
+        borderRadioColorHover: "surfaceBorderHoverPrimary";
     };
 };
 export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioDisabled.js

@@ -1,14 +1,18 @@
 const radioAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceDisabled',
+        fill: 'surfaceSecondary',
         fillCheckmark: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
+        fillRadio: 'surfaceSecondary',
+        fillRadioActive: 'surfaceQuaternary',
+        fillRadioActiveHover: 'surfaceActiveHoverTertiary',
+        fillRadioHover: 'surfaceHoverTertiary',
+        labelTextColor: 'disabledTextSecondary',
+        descTextColor: 'disabledTextSecondary',
+        borderColor: 'surfaceBorderQuaternary',
         borderRadioColor: 'surfaceBorderQuaternary',
-        borderRadioColorActive: 'surfaceBorderActiveQuaternary',
-        borderRadioColorActiveHover: 'surfaceBorderHoverQuaternary',
-        borderRadioColorHover: 'surfaceBorderHoverQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderPrimary',
+        borderRadioColorHover: 'surfaceBorderHoverPrimary',
     },
 };
 export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioError.d.ts

@@ -2,13 +2,17 @@ declare const radioAppearanceError: {
     errorPrimary: {
         fill: "errorTertiary";
         fillCheckmark: "errorPrimary";
+        fillRadio: "errorTertiary";
+        fillRadioActive: "errorQuaternary";
+        fillRadioActiveHover: "errorActiveHoverPrimary";
+        fillRadioHover: "errorHoverTertiary";
         labelTextColor: "surfaceTextPrimary";
         descTextColor: "surfaceTextPrimary";
         borderColor: "errorBorderQuaternary";
-        borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderActiveQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
-        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+        borderRadioColor: "errorBorderQuaternary";
+        borderRadioColorActive: "errorBorderActiveQuaternary";
+        borderRadioColorActiveHover: "errorBorderPrimary";
+        borderRadioColorHover: "errorBorderHoverPrimary";
     };
 };
 export { radioAppearanceError };

package/dist/types/components/Radio/appearance/radioError.js

@@ -2,13 +2,17 @@ const radioAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
         fillCheckmark: 'errorPrimary',
+        fillRadio: 'errorTertiary',
+        fillRadioActive: 'errorQuaternary',
+        fillRadioActiveHover: 'errorActiveHoverPrimary',
+        fillRadioHover: 'errorHoverTertiary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'errorBorderQuaternary',
-        borderRadioColor: 'surfaceBorderQuaternary',
-        borderRadioColorActive: 'surfaceBorderActiveQuaternary',
-        borderRadioColorActiveHover: 'surfaceBorderHoverQuaternary',
-        borderRadioColorHover: 'surfaceBorderHoverQuaternary',
+        borderRadioColor: 'errorBorderQuaternary',
+        borderRadioColorActive: 'errorBorderActiveQuaternary',
+        borderRadioColorActiveHover: 'errorBorderPrimary',
+        borderRadioColorHover: 'errorBorderHoverPrimary',
     },
 };
 export { radioAppearanceError };

package/dist/types/components/Radio/appearance/radioRequire.d.ts

@@ -2,13 +2,17 @@ declare const radioAppearanceRequire: {
     requirePrimary: {
         fill: "warningTertiary";
         fillCheckmark: "warningPrimary";
+        fillRadio: "warningTertiary";
+        fillRadioActive: "warningPrimary";
+        fillRadioActiveHover: "warningActiveHoverPrimary";
+        fillRadioHover: "warningHoverTertiary";
         labelTextColor: "surfaceTextPrimary";
         descTextColor: "surfaceTextPrimary";
         borderColor: "warningBorderSecondary";
-        borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderQuaternary";
-        borderRadioColorHover: "surfaceBorderQuaternary";
+        borderRadioColor: "warningBorderSecondary";
+        borderRadioColorActive: "warningBorderSecondary";
+        borderRadioColorActiveHover: "warningBorderPrimary";
+        borderRadioColorHover: "warningBorderHoverPrimary";
     };
 };
 export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioRequire.js

@@ -2,13 +2,17 @@ const radioAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         fillCheckmark: 'warningPrimary',
+        fillRadio: 'warningTertiary',
+        fillRadioActive: 'warningPrimary',
+        fillRadioActiveHover: 'warningActiveHoverPrimary',
+        fillRadioHover: 'warningHoverTertiary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'warningBorderSecondary',
-        borderRadioColor: 'surfaceBorderQuaternary',
-        borderRadioColorActive: 'surfaceBorderQuaternary',
-        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
-        borderRadioColorHover: 'surfaceBorderQuaternary',
+        borderRadioColor: 'warningBorderSecondary',
+        borderRadioColorActive: 'warningBorderSecondary',
+        borderRadioColorActiveHover: 'warningBorderPrimary',
+        borderRadioColorHover: 'warningBorderHoverPrimary',
     },
 };
 export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioSuccess.d.ts

@@ -1,14 +1,18 @@
 declare const radioAppearanceSuccess: {
     successPrimary: {
-        fill: "successTertiary";
+        fill: "successPrimary";
         fillCheckmark: "accentSecondary";
+        fillRadio: "surfaceTertiary";
+        fillRadioActive: "successPrimary";
+        fillRadioActiveHover: "successQuaternary";
+        fillRadioHover: "surfaceSecondary";
         labelTextColor: "surfaceTextPrimary";
         descTextColor: "surfaceTextPrimary";
         borderColor: "accentBorderSecondary";
-        borderRadioColor: "surfaceBorderQuaternary";
-        borderRadioColorActive: "surfaceBorderActiveQuaternary";
-        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
-        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+        borderRadioColor: "successBorderSecondary";
+        borderRadioColorActive: "successBorderSecondary";
+        borderRadioColorActiveHover: "successBorderPrimary";
+        borderRadioColorHover: "surfaceBorderQuaternary";
     };
 };
 export { radioAppearanceSuccess };

package/dist/types/components/Radio/appearance/radioSuccess.js

@@ -1,14 +1,18 @@
 const radioAppearanceSuccess = {
     successPrimary: {
-        fill: 'successTertiary',
+        fill: 'successPrimary',
         fillCheckmark: 'accentSecondary',
+        fillRadio: 'surfaceTertiary',
+        fillRadioActive: 'successPrimary',
+        fillRadioActiveHover: 'successQuaternary',
+        fillRadioHover: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'accentBorderSecondary',
-        borderRadioColor: 'surfaceBorderQuaternary',
-        borderRadioColorActive: 'surfaceBorderActiveQuaternary',
-        borderRadioColorActiveHover: 'surfaceBorderHoverQuaternary',
-        borderRadioColorHover: 'surfaceBorderHoverQuaternary',
+        borderRadioColor: 'successBorderSecondary',
+        borderRadioColorActive: 'successBorderSecondary',
+        borderRadioColorActiveHover: 'successBorderPrimary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
     },
 };
 export { radioAppearanceSuccess };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.9.109",
+  "version": "1.9.110",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -114,5 +114,5 @@
     "storybook": "^10.4.0",
     "typescript": "^6.0.3"
   },
-  "gitHead": "ada64189f7c2fb547757b8dc7a2e1ce1fefb34fe"
+  "gitHead": "a2332abbbcce2d42aa3f41f52f56032006c5247f"
 }