@itcase/ui-web 1.10.40 → 1.10.41

package/dist/cjs/components/Checkbox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),o=require("@itcase/ui-core/hooks"),c=require("../../primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip"),require("react"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const a={defaultPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckbox:"surfaceQuaternary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultTertiary:{fill:"surfaceTertiary",fillCheckbox:"surfaceTertiary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},errorPrimary:{fill:"errorTertiary",fillCheckbox:"errorTertiary",fillCheckboxActive:"errorQuaternary",fillCheckboxActiveHover:"errorActiveHoverPrimary",fillCheckboxHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"errorBorderQuaternary",borderColorCheckboxActive:"errorBorderActiveQuaternary",borderColorCheckboxActiveHover:"errorBorderActivePrimary",borderColorCheckboxHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successTertiary",fillCheckbox:"successTertiary",fillCheckboxActive:"successSecondary",fillCheckboxActiveHover:"successActiveHoverPrimary",fillCheckboxHover:"successHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"successBorderSecondary",borderColorCheckboxActive:"successBorderSecondary",borderColorCheckboxActiveHover:"successBorderActivePrimary",borderColorCheckboxHover:"successBorderHoverPrimary"},requirePrimary:{fill:"warningTertiary",fillCheckbox:"warningTertiary",fillCheckboxActive:"warningPrimary",fillCheckboxActiveHover:"warningActiveHoverPrimary",fillCheckboxHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"warningBorderSecondary",borderColorCheckboxActive:"warningBorderSecondary",borderColorCheckboxActiveHover:"warningBorderActivePrimary",borderColorCheckboxHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverTertiary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},sizeXL:{size:"xl",labelTextSize:"s",descTextSize:"xs"},sizeL:{size:"l",labelTextSize:"s",descTextSize:"xs"},sizeM:{size:"m",labelTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",labelTextSize:"s",descTextSize:"xs"},solid:{borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},outlined:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none",borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},rounded:{shape:"rounded"}},l={appearance:a,setAppearance:e=>{l.appearance=e}};exports.Checkbox=function(a){const{id:i,appearance:s,className:t,dataTestId:b,dataTour:x,label:C,desc:d,checked:v,disabled:h,indeterminate:n,Tag:f="label",value:u,before:k,after:y,isActive:H,isChecked:T,isDisabled:A,isSkeleton:m,onBlur:_,onChange:P,onFocus:B}=a,S=o.useAppearanceConfig(s,l,A),p=o.useDevicePropsGenerator(a,S),{fillCheckboxActiveClass:Q,fillCheckboxActiveHoverClass:g,fillCheckboxClass:z,fillCheckboxHoverClass:$,fillCheckmarkClass:j,fillClass:w,fillHoverClass:q,labelTextColor:N,labelTextSize:W,labelTextWeight:F,descTextColor:D,descTextSize:L,descTextWeight:G,borderColorCheckboxActiveClass:I,borderColorCheckboxActiveHoverClass:M,borderColorCheckboxClass:X,borderColorCheckboxHoverClass:E,heightClass:J,shapeClass:K,sizeClass:O,widthClass:R}=p;return e.jsxs(f,{className:r(t,"checkbox",w&&`fill_${w}`,q&&`fill_${q}`,O&&`checkbox_size_${O}`,v?Q&&`checkbox_fill_active_${Q}`:z&&`checkbox_fill_${z}`,v?g&&`checkbox_fill_active_hover_${g}`:$&&`checkbox_fill_hover_${$}`,v?I&&`checkbox_border-color_active_${I}`:X&&`checkbox_border-color_${X}`,v?M&&`checkbox_border-color_active_hover_${M}`:E&&`checkbox_border-color_hover_${E}`,R&&`checkbox_width_${R}`,J&&`checkbox_height_${J}`,m&&"skeleton"),"data-testid":b,"data-tour":x,htmlFor:"label"===f&&i,children:[k,e.jsxs("div",{className:"checkbox__item",children:[e.jsx("input",{id:i,className:"checkbox__input",type:"checkbox",checked:H||T||v,disabled:A||h,value:u,onBlur:_,onChange:P,onFocus:B}),e.jsx("div",{className:r("checkbox__state",K&&`shape_${K}`),children:" "}),e.jsx("div",{className:r(n?"checkbox__state-indeterminate":"checkbox__state-checkmark",(v||n)&&j&&`fill_${j}`),children:" "})]}),(C||d)&&e.jsxs("div",{className:"checkbox__text",children:[C&&e.jsx(c.Text,{className:"checkbox__label",size:W,textColor:N,textWeight:F,children:C}),d&&e.jsx(c.Text,{className:"checkbox__desc",size:L,textColor:D,textWeight:G,children:d})]}),y&&e.jsx("div",{className:"checkbox__after",children:y})]})},exports.checkboxAppearance=a,exports.checkboxConfig=l;
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),o=require("@itcase/ui-core/hooks"),c=require("../../primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip"),require("react"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const a={defaultPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckbox:"surfaceQuaternary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultTertiary:{fill:"surfaceTertiary",fillCheckbox:"surfaceTertiary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},errorPrimary:{fill:"errorTertiary",fillCheckbox:"errorTertiary",fillCheckboxActive:"errorQuaternary",fillCheckboxActiveHover:"errorActiveHoverPrimary",fillCheckboxHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"errorBorderQuaternary",borderColorCheckboxActive:"errorBorderActiveQuaternary",borderColorCheckboxActiveHover:"errorBorderActivePrimary",borderColorCheckboxHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successTertiary",fillCheckbox:"successTertiary",fillCheckboxActive:"successSecondary",fillCheckboxActiveHover:"successActiveHoverPrimary",fillCheckboxHover:"successHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"successBorderSecondary",borderColorCheckboxActive:"successBorderSecondary",borderColorCheckboxActiveHover:"successBorderActivePrimary",borderColorCheckboxHover:"successBorderHoverPrimary"},requirePrimary:{fill:"warningTertiary",fillCheckbox:"warningTertiary",fillCheckboxActive:"warningPrimary",fillCheckboxActiveHover:"warningActiveHoverPrimary",fillCheckboxHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"warningBorderSecondary",borderColorCheckboxActive:"warningBorderSecondary",borderColorCheckboxActiveHover:"warningBorderActivePrimary",borderColorCheckboxHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverTertiary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},sizeXL:{size:"xl",labelTextSize:"s",descTextSize:"xs"},sizeL:{size:"l",labelTextSize:"s",descTextSize:"xs"},sizeM:{size:"m",labelTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",labelTextSize:"s",descTextSize:"xs"},solid:{borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},outlined:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none",borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},rounded:{shape:"rounded"},roundedS:{shape:"roundedS"}},l={appearance:a,setAppearance:e=>{l.appearance=e}};exports.Checkbox=function(a){const{id:i,appearance:s,className:t,dataTestId:b,dataTour:x,label:C,desc:d,checked:v,disabled:h,indeterminate:n,Tag:f="label",value:u,before:k,after:y,isActive:H,isChecked:T,isDisabled:A,isSkeleton:m,onBlur:_,onChange:P,onFocus:B}=a,S=o.useAppearanceConfig(s,l,A),p=o.useDevicePropsGenerator(a,S),{fillCheckboxActiveClass:Q,fillCheckboxActiveHoverClass:g,fillCheckboxClass:z,fillCheckboxHoverClass:$,fillCheckmarkClass:j,fillClass:w,fillHoverClass:q,labelTextColor:N,labelTextSize:W,labelTextWeight:F,descTextColor:D,descTextSize:L,descTextWeight:G,borderColorCheckboxActiveClass:I,borderColorCheckboxActiveHoverClass:M,borderColorCheckboxClass:X,borderColorCheckboxHoverClass:E,heightClass:J,shapeClass:K,sizeClass:O,widthClass:R}=p;return e.jsxs(f,{className:r(t,"checkbox",w&&`fill_${w}`,q&&`fill_${q}`,O&&`checkbox_size_${O}`,v?Q&&`checkbox_fill_active_${Q}`:z&&`checkbox_fill_${z}`,v?g&&`checkbox_fill_active_hover_${g}`:$&&`checkbox_fill_hover_${$}`,v?I&&`checkbox_border-color_active_${I}`:X&&`checkbox_border-color_${X}`,v?M&&`checkbox_border-color_active_hover_${M}`:E&&`checkbox_border-color_hover_${E}`,R&&`checkbox_width_${R}`,J&&`checkbox_height_${J}`,m&&"skeleton"),"data-testid":b,"data-tour":x,htmlFor:"label"===f&&i,children:[k,e.jsxs("div",{className:"checkbox__item",children:[e.jsx("input",{id:i,className:"checkbox__input",type:"checkbox",checked:H||T||v,disabled:A||h,value:u,onBlur:_,onChange:P,onFocus:B}),e.jsx("div",{className:r("checkbox__state",K&&`shape_${K}`),children:" "}),e.jsx("div",{className:r(n?"checkbox__state-indeterminate":"checkbox__state-checkmark",(v||n)&&j&&`fill_${j}`),children:" "})]}),(C||d)&&e.jsxs("div",{className:"checkbox__text",children:[C&&e.jsx(c.Text,{className:"checkbox__label",size:W,textColor:N,textWeight:F,children:C}),d&&e.jsx(c.Text,{className:"checkbox__desc",size:L,textColor:D,textWeight:G,children:d})]}),y&&e.jsx("div",{className:"checkbox__after",children:y})]})},exports.checkboxAppearance=a,exports.checkboxConfig=l;

package/dist/components/Checkbox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";import{T as l}from"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const i={defaultPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckbox:"surfaceQuaternary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultTertiary:{fill:"surfaceTertiary",fillCheckbox:"surfaceTertiary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},errorPrimary:{fill:"errorTertiary",fillCheckbox:"errorTertiary",fillCheckboxActive:"errorQuaternary",fillCheckboxActiveHover:"errorActiveHoverPrimary",fillCheckboxHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"errorBorderQuaternary",borderColorCheckboxActive:"errorBorderActiveQuaternary",borderColorCheckboxActiveHover:"errorBorderActivePrimary",borderColorCheckboxHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successTertiary",fillCheckbox:"successTertiary",fillCheckboxActive:"successSecondary",fillCheckboxActiveHover:"successActiveHoverPrimary",fillCheckboxHover:"successHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"successBorderSecondary",borderColorCheckboxActive:"successBorderSecondary",borderColorCheckboxActiveHover:"successBorderActivePrimary",borderColorCheckboxHover:"successBorderHoverPrimary"},requirePrimary:{fill:"warningTertiary",fillCheckbox:"warningTertiary",fillCheckboxActive:"warningPrimary",fillCheckboxActiveHover:"warningActiveHoverPrimary",fillCheckboxHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"warningBorderSecondary",borderColorCheckboxActive:"warningBorderSecondary",borderColorCheckboxActiveHover:"warningBorderActivePrimary",borderColorCheckboxHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverTertiary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},sizeXL:{size:"xl",labelTextSize:"s",descTextSize:"xs"},sizeL:{size:"l",labelTextSize:"s",descTextSize:"xs"},sizeM:{size:"m",labelTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",labelTextSize:"s",descTextSize:"xs"},solid:{borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},outlined:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none",borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},rounded:{shape:"rounded"}},t={appearance:i,setAppearance:e=>{t.appearance=e}};function s(i){const{id:s,appearance:b,className:C,dataTestId:x,dataTour:d,label:v,desc:h,checked:f,disabled:n,indeterminate:u,Tag:k="label",value:y,before:m,after:H,isActive:T,isChecked:A,isDisabled:_,isSkeleton:P,onBlur:B,onChange:p,onFocus:S}=i,Q=c(b,t,_),z=a(i,Q),{fillCheckboxActiveClass:g,fillCheckboxActiveHoverClass:$,fillCheckboxClass:w,fillCheckboxHoverClass:N,fillCheckmarkClass:W,fillClass:F,fillHoverClass:j,labelTextColor:L,labelTextSize:q,labelTextWeight:D,descTextColor:I,descTextSize:M,descTextWeight:X,borderColorCheckboxActiveClass:E,borderColorCheckboxActiveHoverClass:G,borderColorCheckboxClass:J,borderColorCheckboxHoverClass:K,heightClass:O,shapeClass:R,sizeClass:U,widthClass:V}=z;return e(k,{className:o(C,"checkbox",F&&`fill_${F}`,j&&`fill_${j}`,U&&`checkbox_size_${U}`,f?g&&`checkbox_fill_active_${g}`:w&&`checkbox_fill_${w}`,f?$&&`checkbox_fill_active_hover_${$}`:N&&`checkbox_fill_hover_${N}`,f?E&&`checkbox_border-color_active_${E}`:J&&`checkbox_border-color_${J}`,f?G&&`checkbox_border-color_active_hover_${G}`:K&&`checkbox_border-color_hover_${K}`,V&&`checkbox_width_${V}`,O&&`checkbox_height_${O}`,P&&"skeleton"),"data-testid":x,"data-tour":d,htmlFor:"label"===k&&s,children:[m,e("div",{className:"checkbox__item",children:[r("input",{id:s,className:"checkbox__input",type:"checkbox",checked:T||A||f,disabled:_||n,value:y,onBlur:B,onChange:p,onFocus:S}),r("div",{className:o("checkbox__state",R&&`shape_${R}`),children:" "}),r("div",{className:o(u?"checkbox__state-indeterminate":"checkbox__state-checkmark",(f||u)&&W&&`fill_${W}`),children:" "})]}),(v||h)&&e("div",{className:"checkbox__text",children:[v&&r(l,{className:"checkbox__label",size:q,textColor:L,textWeight:D,children:v}),h&&r(l,{className:"checkbox__desc",size:M,textColor:I,textWeight:X,children:h})]}),H&&r("div",{className:"checkbox__after",children:H})]})}export{s as Checkbox,i as checkboxAppearance,t as checkboxConfig};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";import{T as l}from"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const i={defaultPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckbox:"surfaceQuaternary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},defaultTertiary:{fill:"surfaceTertiary",fillCheckbox:"surfaceTertiary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverQuaternary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},errorPrimary:{fill:"errorTertiary",fillCheckbox:"errorTertiary",fillCheckboxActive:"errorQuaternary",fillCheckboxActiveHover:"errorActiveHoverPrimary",fillCheckboxHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"errorBorderQuaternary",borderColorCheckboxActive:"errorBorderActiveQuaternary",borderColorCheckboxActiveHover:"errorBorderActivePrimary",borderColorCheckboxHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successTertiary",fillCheckbox:"successTertiary",fillCheckboxActive:"successSecondary",fillCheckboxActiveHover:"successActiveHoverPrimary",fillCheckboxHover:"successHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"successBorderSecondary",borderColorCheckboxActive:"successBorderSecondary",borderColorCheckboxActiveHover:"successBorderActivePrimary",borderColorCheckboxHover:"successBorderHoverPrimary"},requirePrimary:{fill:"warningTertiary",fillCheckbox:"warningTertiary",fillCheckboxActive:"warningPrimary",fillCheckboxActiveHover:"warningActiveHoverPrimary",fillCheckboxHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"warningBorderSecondary",borderColorCheckboxActive:"warningBorderSecondary",borderColorCheckboxActiveHover:"warningBorderActivePrimary",borderColorCheckboxHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverTertiary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},sizeXL:{size:"xl",labelTextSize:"s",descTextSize:"xs"},sizeL:{size:"l",labelTextSize:"s",descTextSize:"xs"},sizeM:{size:"m",labelTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",labelTextSize:"s",descTextSize:"xs"},solid:{borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},outlined:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillCheckbox:"none",fillCheckboxActive:"none",fillCheckboxActiveHover:"none",fillHover:"none",borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},rounded:{shape:"rounded"},roundedS:{shape:"roundedS"}},t={appearance:i,setAppearance:e=>{t.appearance=e}};function s(i){const{id:s,appearance:b,className:C,dataTestId:x,dataTour:d,label:v,desc:h,checked:f,disabled:n,indeterminate:u,Tag:k="label",value:y,before:m,after:H,isActive:T,isChecked:A,isDisabled:_,isSkeleton:P,onBlur:B,onChange:p,onFocus:S}=i,Q=c(b,t,_),z=a(i,Q),{fillCheckboxActiveClass:g,fillCheckboxActiveHoverClass:$,fillCheckboxClass:w,fillCheckboxHoverClass:N,fillCheckmarkClass:W,fillClass:F,fillHoverClass:j,labelTextColor:L,labelTextSize:q,labelTextWeight:D,descTextColor:I,descTextSize:M,descTextWeight:X,borderColorCheckboxActiveClass:E,borderColorCheckboxActiveHoverClass:G,borderColorCheckboxClass:J,borderColorCheckboxHoverClass:K,heightClass:O,shapeClass:R,sizeClass:U,widthClass:V}=z;return e(k,{className:o(C,"checkbox",F&&`fill_${F}`,j&&`fill_${j}`,U&&`checkbox_size_${U}`,f?g&&`checkbox_fill_active_${g}`:w&&`checkbox_fill_${w}`,f?$&&`checkbox_fill_active_hover_${$}`:N&&`checkbox_fill_hover_${N}`,f?E&&`checkbox_border-color_active_${E}`:J&&`checkbox_border-color_${J}`,f?G&&`checkbox_border-color_active_hover_${G}`:K&&`checkbox_border-color_hover_${K}`,V&&`checkbox_width_${V}`,O&&`checkbox_height_${O}`,P&&"skeleton"),"data-testid":x,"data-tour":d,htmlFor:"label"===k&&s,children:[m,e("div",{className:"checkbox__item",children:[r("input",{id:s,className:"checkbox__input",type:"checkbox",checked:T||A||f,disabled:_||n,value:y,onBlur:B,onChange:p,onFocus:S}),r("div",{className:o("checkbox__state",R&&`shape_${R}`),children:" "}),r("div",{className:o(u?"checkbox__state-indeterminate":"checkbox__state-checkmark",(f||u)&&W&&`fill_${W}`),children:" "})]}),(v||h)&&e("div",{className:"checkbox__text",children:[v&&r(l,{className:"checkbox__label",size:q,textColor:L,textWeight:D,children:v}),h&&r(l,{className:"checkbox__desc",size:M,textColor:I,textWeight:X,children:h})]}),H&&r("div",{className:"checkbox__after",children:H})]})}export{s as Checkbox,i as checkboxAppearance,t as checkboxConfig};

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

@@ -2,6 +2,9 @@ declare const checkboxAppearance: {
     rounded: {
         shape: "rounded";
     };
+    roundedS: {
+        shape: "roundedS";
+    };
     solid: {
         borderColorCheckbox: "none";
         borderColorCheckboxActive: "none";

package/dist/types/components/Checkbox/appearance/checkboxShape.d.ts

@@ -2,5 +2,8 @@ declare const checkboxAppearanceShape: {
     rounded: {
         shape: "rounded";
     };
+    roundedS: {
+        shape: "roundedS";
+    };
 };
 export { checkboxAppearanceShape };

package/dist/types/components/Checkbox/appearance/checkboxShape.js

@@ -2,5 +2,8 @@ const checkboxAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
+    roundedS: {
+        shape: 'roundedS',
+    },
 };
 export { checkboxAppearanceShape };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.10.40",
+  "version": "1.10.41",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -114,5 +114,5 @@
     "storybook": "^10.4.2",
     "typescript": "^6.0.3"
   },
-  "gitHead": "f157821f9a09178346fde828af553e6d5b110d45"
+  "gitHead": "4e3cf151ce5375d22b391eeef1239a049fdc1c8b"
 }