@foxford/ui 2.18.0 → 2.19.0-beta-2d7873b-20240207

package/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as i}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as a}from'./style.js';import{SIZES_ROUND as n,SIZES as c}from'./constants.js';import{jsx as m,jsxs as p,Fragment as d}from'react/jsx-runtime';var f=["size","borderRadius","textProps","iconProps","children","content","icon"];var h=s(e(((e,s)=>{var{size:n="s",borderRadius:c=3,textProps:h={},iconProps:l={},children:j,content:x,icon:P}=e,b=o(e,f);var[u,g]=Array.isArray(P)?P:[P];var v={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.5em':void 0,marginRight:g?'0.5em':void 0};var R={color:'inherit'};return m(a,r(r({},b),{},{size:n,borderRadius:c,ref:s,children:'function'==typeof j?j({baseTextProps:v,textProps:h,iconBaseProps:R,iconProps:l,icon:P}):p(d,{children:[u&&m(t,r(r({icon:u},R),l)),(j||x)&&m(i,r(r(r({},v),h),{},{children:j||x})),g&&m(t,r(r({icon:g},R),l))]})}))})),{displayName:'Badge',sizes:r=>r.round?n:c});export{h as Badge};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as i}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as a}from'./style.js';import{SIZES_ROUND as n,SIZES as c}from'./constants.js';import{jsx as m,jsxs as p,Fragment as d}from'react/jsx-runtime';var f=["size","borderRadius","textProps","iconProps","children","content","icon"];var h=s(e(((e,s)=>{var{size:n="s",borderRadius:c=3,textProps:h={},iconProps:l={},children:j,content:x,icon:P}=e,b=o(e,f);var[u,g]=Array.isArray(P)?P:[P];var v={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:g?'0.25em':void 0};var R={color:'inherit'};return m(a,r(r({},b),{},{size:n,borderRadius:c,ref:s,children:'function'==typeof j?j({baseTextProps:v,textProps:h,iconBaseProps:R,iconProps:l,icon:P}):p(d,{children:[u&&m(t,r(r({icon:u},R),l)),(j||x)&&m(i,r(r(r({},v),h),{},{children:j||x})),g&&m(t,r(r({icon:g},R),l))]})}))})),{displayName:'Badge',sizes:r=>r.round?n:c});export{h as Badge};
 //# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component interface extends:\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ResponsiveMarginProps`](#/Interfaces)\n * - [`ColorSchemaProps`](#/Interfaces)\n * - [`ColorPaletteProps<keyof BadgePalette>`](#/Interfaces)\n * - [`TypographyProps`](#/Interfaces)\n * - [`BaseProps`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'div'>`](#/Interfaces)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.5em' : undefined,\n      marginRight: after ? '0.5em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && <Icon icon={before} {...iconBaseProps} {...iconProps} />}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && <Icon icon={after} {...iconBaseProps} {...iconProps} />}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","_excluded","before","after","Array","isArray","baseTextProps","as","color","marginLeft","marginRight","iconBaseProps","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"wiBAuBO,IAAMA,EAAqDC,EAChEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,aAEJA,EAAe,EAFXC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,SAKJA,EALIC,QAMJA,EANIC,KAOJA,GAEER,EADCS,IACDT,EATJU,GAWA,IAAOC,EAAQC,GAASC,MAAMC,QAAQN,GAAQA,EAAO,CAACA,GAEtD,IAAMO,EAA2B,CAC/BC,GAAI,OACJd,KAAM,UACNe,MAAO,UACPC,WAAYP,EAAS,eACrBQ,YAAaP,EAAQ,aAAA,GAEvB,IAAMQ,EAA2B,CAAEH,MAAO,WAE1C,OACEI,EAACC,SAAgBb,GAAjB,GAAA,CAA4BP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAzEK,SACuB,mBAAbA,EACNA,EAAS,CAAES,cAAAA,EAAeX,UAAAA,EAAWgB,cAAAA,EAAef,UAAAA,EAAWG,KAAAA,IAE/De,EAAAC,EAAA,CAAAlB,SACGK,CAAAA,GAAUU,EAACI,EAADC,EAAAA,EAAA,CAAMlB,KAAMG,GAAYS,GAAmBf,KACpDC,GAAYC,IACZc,EAACM,EAASZ,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBX,GAA7B,GAAA,CAAAE,SACGA,GAAYC,KAGhBK,GAASS,EAACI,EAADC,EAAAA,EAAA,CAAMlB,KAAMI,GAAWQ,GAAmBf,aAM9D,CACEuB,YAxDmB,QAyDnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,EAAcC"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component interface extends:\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ResponsiveMarginProps`](#/Interfaces)\n * - [`ColorSchemaProps`](#/Interfaces)\n * - [`ColorPaletteProps<keyof BadgePalette>`](#/Interfaces)\n * - [`TypographyProps`](#/Interfaces)\n * - [`BaseProps`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'div'>`](#/Interfaces)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && <Icon icon={before} {...iconBaseProps} {...iconProps} />}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && <Icon icon={after} {...iconBaseProps} {...iconProps} />}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","_excluded","before","after","Array","isArray","baseTextProps","as","color","marginLeft","marginRight","iconBaseProps","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"wiBAuBO,IAAMA,EAAqDC,EAChEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,aAEJA,EAAe,EAFXC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,SAKJA,EALIC,QAMJA,EANIC,KAOJA,GAEER,EADCS,IACDT,EATJU,GAWA,IAAOC,EAAQC,GAASC,MAAMC,QAAQN,GAAQA,EAAO,CAACA,GAEtD,IAAMO,EAA2B,CAC/BC,GAAI,OACJd,KAAM,UACNe,MAAO,UACPC,WAAYP,EAAS,gBACrBQ,YAAaP,EAAQ,cAAA,GAEvB,IAAMQ,EAA2B,CAAEH,MAAO,WAE1C,OACEI,EAACC,SAAgBb,GAAjB,GAAA,CAA4BP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAzEK,SACuB,mBAAbA,EACNA,EAAS,CAAES,cAAAA,EAAeX,UAAAA,EAAWgB,cAAAA,EAAef,UAAAA,EAAWG,KAAAA,IAE/De,EAAAC,EAAA,CAAAlB,SACGK,CAAAA,GAAUU,EAACI,EAADC,EAAAA,EAAA,CAAMlB,KAAMG,GAAYS,GAAmBf,KACpDC,GAAYC,IACZc,EAACM,EAASZ,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBX,GAA7B,GAAA,CAAAE,SACGA,GAAYC,KAGhBK,GAASS,EAACI,EAADC,EAAAA,EAAA,CAAMlB,KAAMI,GAAWQ,GAAmBf,aAM9D,CACEuB,YAxDmB,QAyDnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,EAAcC"}

package/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as a}from'react';import{useTheme as s}from'styled-components';import o from'clsx';import{useClassname as t}from'../../hooks/useClassname.js';import{useConfigPriority as i}from'../../hooks/use-config-priority.js';import{CheckboxGroup as n}from'./Group.js';import{Root as d,Input as l,Background as c,BrandMask as m,CheckIcon as h,DefaultMask as u,Content as p}from'./style.js';import{jsxs as b,jsx as f,Fragment as k}from'react/jsx-runtime';var C=["preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","className","onChange"];var v='Checkbox';var x=a(((a,n)=>{var v;var x=s();var g=t("Checkbox");var y=i(null===(v=x.components)||void 0===v?void 0:v.Checkbox,a),{preset:j,style:N,id:w,name:M,value:P,disabled:z,error:G,success:I,fluid:_,children:B,label:E,checked:F,defaultChecked:O,background:R,onColored:T,size:W="m",inline:A=!0,width:D=x.defaultInputControlsWidth,className:S,onChange:U=(()=>{})}=y,q=r(y,C);var H='brand'===x.preset;'string'==typeof j&&(H='brand'===j);var J=o(g,S,F&&"".concat(g,"--checked"));var K="".concat(g,"__label");var L=void 0===F?{defaultChecked:O}:{checked:F};return b(d,{ref:n,className:J,style:N,fluid:_,disabled:z,htmlFor:w||M,size:W,inline:A,width:D,error:G,success:I,background:R,onColored:T,brandPresetUsed:H,children:[f(l,e(e(e({},q),L),{},{id:w||M,name:M,type:"checkbox",value:P,disabled:z,onChange:U})),H?b(k,{children:[R&&f(c,{}),f(m,{children:f(h,{})})]}):f(u,{}),(E||B)&&f(p,{className:K,children:E||B})]})}));x.Group=n,x.displayName="Checkbox";export{v as COMPONENT_NAME,x as Checkbox};
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{useTheme as a}from'styled-components';import s from'clsx';import{useClassname as t}from'../../hooks/useClassname.js';import{useConfigPriority as n}from'../../hooks/use-config-priority.js';import{InputCheckbox as c}from'../InputCheckbox/InputCheckbox.js';import{CheckboxGroup as i}from'./Group.js';import{Root as d,Input as l,Background as m,BrandMask as h,CheckIcon as u,DefaultMask as p,Content as b}from'./style.js';import{jsxs as k,jsx as f,Fragment as C}from'react/jsx-runtime';var v=["preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","className","onChange"];var x='Checkbox';var g=o(((o,c)=>{var i;var x=a();var g=t("Checkbox");var j=n(null===(i=x.components)||void 0===i?void 0:i.Checkbox,o),{preset:y,style:N,id:I,name:w,value:M,disabled:P,error:z,success:G,fluid:_,children:B,label:E,checked:F,defaultChecked:O,background:R,onColored:T,size:W="m",inline:A=!0,width:D=x.defaultInputControlsWidth,className:S,onChange:U=(()=>{})}=j,q=r(j,v);var H='brand'===x.preset;'string'==typeof y&&(H='brand'===y);var J=s(g,S,F&&"".concat(g,"--checked"));var K="".concat(g,"__label");var L=void 0===F?{defaultChecked:O}:{checked:F};return k(d,{ref:c,className:J,style:N,fluid:_,disabled:P,htmlFor:I||w,size:W,inline:A,width:D,error:z,success:G,background:R,onColored:T,brandPresetUsed:H,children:[f(l,e(e(e({},q),L),{},{id:I||w,name:w,type:"checkbox",value:M,disabled:P,onChange:U})),H?k(C,{children:[R&&f(m,{}),f(h,{children:f(u,{})})]}):f(p,{}),(E||B)&&f(b,{className:K,children:E||B})]})}));g.Input=c,g.Group=i,g.displayName="Checkbox";export{x as COMPONENT_NAME,g as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport cx from 'clsx'\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { CheckboxGroup } from './Group'\nimport type { CheckboxComponent, CheckboxProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Checkbox'\n\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const theme = useTheme()\n  const baseClassName = useClassname(COMPONENT_NAME)\n\n  const {\n    preset,\n    style,\n    id,\n    name,\n    value,\n    disabled,\n    error,\n    success,\n    fluid,\n    children,\n    label,\n    checked,\n    defaultChecked,\n    background,\n    onColored,\n    size = 'm',\n    inline = true,\n    width = theme.defaultInputControlsWidth,\n    className: _className,\n    onChange = () => undefined,\n    ...configProps\n  } = useConfigPriority<CheckboxProps>(theme.components?.Checkbox, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  const className = cx(baseClassName, _className, checked && `${baseClassName}--checked`)\n  const labelClassName = `${baseClassName}__label`\n  const inputProps = checked === undefined ? { defaultChecked } : { checked }\n\n  return (\n    <Styled.Root\n      ref={ref}\n      className={className}\n      style={style}\n      fluid={fluid}\n      disabled={disabled}\n      htmlFor={id || name}\n      size={size}\n      inline={inline}\n      width={width}\n      error={error}\n      success={success}\n      background={background}\n      onColored={onColored}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        {...configProps}\n        {...inputProps}\n        id={id || name}\n        name={name}\n        type='checkbox'\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n      />\n      {brandPresetUsed ? (\n        <>\n          {background && <Styled.Background />}\n          <Styled.BrandMask>\n            <Styled.CheckIcon />\n          </Styled.BrandMask>\n        </>\n      ) : (\n        <Styled.DefaultMask />\n      )}\n      {(label || children) && <Styled.Content className={labelClassName}>{label || children}</Styled.Content>}\n    </Styled.Root>\n  )\n}) as CheckboxComponent\n\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = COMPONENT_NAME\n\nexport { Checkbox, COMPONENT_NAME }\n\nexport type { CheckboxProps }\n"],"names":["COMPONENT_NAME","Checkbox","forwardRef","props","ref","_theme$components","theme","useTheme","baseClassName","useClassname","useConfigPriority","components","preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","defaultInputControlsWidth","className","_className","onChange","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","brandPresetUsed","cx","concat","labelClassName","inputProps","undefined","_jsxs","Styled.Root","htmlFor","_jsx","Styled.Input","type","_Fragment","Styled.Background","Styled.BrandMask","Styled.CheckIcon","Styled.DefaultMask","Styled.Content","Group","CheckboxGroup","displayName"],"mappings":"owBAUMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAWC,GAA4C,CAACC,EAAOC,KAAQ,IAAAC,EAC3E,IAAMC,EAAQC,IACd,IAAMC,EAAgBC,EAJD,YAMrB,IAsBIC,EAAAA,UAAiCJ,EAAAA,EAAMK,+BAANN,EAAkBJ,SAAUE,IAtB3DS,OACJA,EADIC,MAEJA,EAFIC,GAGJA,EAHIC,KAIJA,EAJIC,MAKJA,EALIC,SAMJA,EANIC,MAOJA,EAPIC,QAQJA,EARIC,MASJA,EATIC,SAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,eAaJA,EAbIC,WAcJA,EAdIC,UAeJA,EAfIC,KAgBJA,EAAO,IAhBHC,OAiBJA,GAAS,EAjBLC,MAkBJA,EAAQvB,EAAMwB,0BACdC,UAAWC,EAnBPC,SAoBJA,EAAW,UApBbC,EAqBKC,EArBLC,EAAAF,EAAAG,GAwBA,IAAIC,EAAmC,UAAjBhC,EAAMM,OACN,iBAAXA,IAAqB0B,EAA6B,UAAX1B,GAElD,IAAMmB,EAAYQ,EAAG/B,EAAewB,EAAYT,GAAO,GAAAiB,OAAOhC,EAAP,cACvD,IAAMiC,EAAoBjC,GAAAA,OAAAA,EAA1B,WACA,IAAMkC,OAAyBC,IAAZpB,EAAwB,CAAEC,eAAAA,GAAmB,CAAED,QAAAA,GAElE,OACEqB,EAACC,EAAD,CACEzC,IAAKA,EACL2B,UAAWA,EACXlB,MAAOA,EACPO,MAAOA,EACPH,SAAUA,EACV6B,QAAShC,GAAMC,EACfY,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPX,MAAOA,EACPC,QAASA,EACTM,WAAYA,EACZC,UAAWA,EACXY,gBAAiBA,EAdnBjB,SAAA,CAgBE0B,EAACC,EACKb,EAAAA,EAAAA,EAAAA,GAAAA,GACAO,GAFN,GAAA,CAGE5B,GAAIA,GAAMC,EACVA,KAAMA,EACNkC,KAAK,WACLjC,MAAOA,EACPC,SAAUA,EACVgB,SAAUA,KAEXK,EACCM,EAAAM,EAAA,CAAA7B,SACGI,CAAAA,GAAcsB,EAACI,EAAD,IACfJ,EAACK,EAAD,CAAA/B,SACE0B,EAACM,EAAD,SAIJN,EAACO,EAlCL,KAoCIhC,GAASD,IAAa0B,EAACQ,EAAD,CAAgBxB,UAAWU,EAA3BpB,SAA4CC,GAASD,UAKnFpB,EAASuD,MAAQC,EAEjBxD,EAASyD,YAjFc"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport cx from 'clsx'\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { CheckboxGroup } from './Group'\nimport type { CheckboxComponent, CheckboxProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Checkbox'\n\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const theme = useTheme()\n  const baseClassName = useClassname(COMPONENT_NAME)\n\n  const {\n    preset,\n    style,\n    id,\n    name,\n    value,\n    disabled,\n    error,\n    success,\n    fluid,\n    children,\n    label,\n    checked,\n    defaultChecked,\n    background,\n    onColored,\n    size = 'm',\n    inline = true,\n    width = theme.defaultInputControlsWidth,\n    className: _className,\n    onChange = () => undefined,\n    ...configProps\n  } = useConfigPriority<CheckboxProps>(theme.components?.Checkbox, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  const className = cx(baseClassName, _className, checked && `${baseClassName}--checked`)\n  const labelClassName = `${baseClassName}__label`\n  const inputProps = checked === undefined ? { defaultChecked } : { checked }\n\n  return (\n    <Styled.Root\n      ref={ref}\n      className={className}\n      style={style}\n      fluid={fluid}\n      disabled={disabled}\n      htmlFor={id || name}\n      size={size}\n      inline={inline}\n      width={width}\n      error={error}\n      success={success}\n      background={background}\n      onColored={onColored}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        {...configProps}\n        {...inputProps}\n        id={id || name}\n        name={name}\n        type='checkbox'\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n      />\n      {brandPresetUsed ? (\n        <>\n          {background && <Styled.Background />}\n          <Styled.BrandMask>\n            <Styled.CheckIcon />\n          </Styled.BrandMask>\n        </>\n      ) : (\n        <Styled.DefaultMask />\n      )}\n      {(label || children) && <Styled.Content className={labelClassName}>{label || children}</Styled.Content>}\n    </Styled.Root>\n  )\n}) as CheckboxComponent\n\nCheckbox.Input = InputCheckbox\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = COMPONENT_NAME\n\nexport { Checkbox, COMPONENT_NAME }\n\nexport type { CheckboxProps }\n"],"names":["COMPONENT_NAME","Checkbox","forwardRef","props","ref","_theme$components","theme","useTheme","baseClassName","useClassname","useConfigPriority","components","preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","defaultInputControlsWidth","className","_className","onChange","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","brandPresetUsed","cx","concat","labelClassName","inputProps","_jsxs","Styled.Root","htmlFor","_jsx","Styled.Input","type","_Fragment","Styled.Background","Styled.BrandMask","Styled.CheckIcon","Styled.DefaultMask","Styled.Content","Input","InputCheckbox","Group","CheckboxGroup","displayName"],"mappings":"s0BAWMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAWC,GAAAA,CAA6CC,EAAOC,KAAQ,IAAAC,EAC3E,IAAMC,EAAQC,IACd,IAAMC,EAAgBC,EAJD,YAMrB,IAsBIC,EAAAA,UAAiCJ,EAAAA,EAAMK,kBAAAA,aAANN,EAAkBJ,SAAUE,IAtB3DS,OACJA,EADIC,MAEJA,EAFIC,GAGJA,EAHIC,KAIJA,EAJIC,MAKJA,EALIC,SAMJA,EANIC,MAOJA,EAPIC,QAQJA,EARIC,MASJA,EATIC,SAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,eAaJA,EAbIC,WAcJA,EAdIC,UAeJA,EAfIC,KAgBJA,EAAO,IAhBHC,OAiBJA,GAAAA,EAjBIC,MAkBJA,EAAQvB,EAAMwB,0BACdC,UAAWC,EAnBPC,SAoBJA,EAAW,UApBbC,EAqBKC,EArBLC,EAAAF,EAAAG,GAwBA,IAAIC,EAAmC,UAAjBhC,EAAMM,OACN,iBAAXA,IAAqB0B,EAA6B,UAAX1B,GAElD,IAAMmB,EAAYQ,EAAG/B,EAAewB,EAAYT,GAAO,GAAAiB,OAAOhC,EAAP,cACvD,IAAMiC,EAAoBjC,GAAAA,OAAAA,EAA1B,WACA,IAAMkC,OAAAA,IAAanB,EAAwB,CAAEC,eAAAA,GAAmB,CAAED,QAAAA,GAElE,OACEoB,EAACC,EAAD,CACExC,IAAKA,EACL2B,UAAWA,EACXlB,MAAOA,EACPO,MAAOA,EACPH,SAAUA,EACV4B,QAAS/B,GAAMC,EACfY,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPX,MAAOA,EACPC,QAASA,EACTM,WAAYA,EACZC,UAAWA,EACXY,gBAAiBA,EAdnBjB,SAAA,CAgBEyB,EAACC,EACKZ,EAAAA,EAAAA,EAAAA,GAAAA,GACAO,GAFN,GAAA,CAGE5B,GAAIA,GAAMC,EACVA,KAAMA,EACNiC,KAAK,WACLhC,MAAOA,EACPC,SAAUA,EACVgB,SAAUA,KAEXK,EACCK,EAAAM,EAAA,CAAA5B,SACGI,CAAAA,GAAcqB,EAACI,EAAD,IACfJ,EAACK,EAAD,CAAA9B,SACEyB,EAACM,EAAD,SAIJN,EAACO,EAlCL,KAoCI/B,GAASD,IAAayB,EAACQ,EAAD,CAAgBvB,UAAWU,EAA3BpB,SAA4CC,GAASD,UAKnFpB,EAASsD,MAAQC,EACjBvD,EAASwD,MAAQC,EAEjBzD,EAAS0D,YAlFc"}

package/components/FormLabel/FormLabel.js

@@ -0,0 +1,2 @@
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as s,cloneElement as o}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Text as t}from'../Text/Text.js';import{Root as a}from'./style.js';import{SIZES as c}from'./constants.js';import{jsxs as l,jsx as p}from'react/jsx-runtime';var m=["size","textProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","cursor","children","control","label"];var n='FormLabel';var z=i(s(((s,i)=>{var{size:c="m",textProps:n={},sizeXXS:z,sizeXS:d,sizeS:b,sizeM:f,sizeL:u,sizeXL:h,disabled:S,error:X,success:j,checked:L,onColored:x,cursor:v,children:M,control:y,label:P}=s,C=r(s,m);var E={size:c,sizeXXS:z,sizeXS:d,sizeS:b,sizeM:f,sizeL:u,sizeXL:h};var N={disabled:S,error:X,success:j,checked:L,onColored:x};var T='object'==typeof y&&'object'==typeof y.props&&null!==y.props?y.props:{};return l(a,e(e(e(e({},C),E),N),{},{cursor:v,ref:i,children:['function'==typeof y?y(e(e({cursor:v},E),N)):o(y,e(e(e({cursor:v},E),N),T)),p(t,e(e({as:"span",appearance:"body",size:"inherit",color:"inherit",marginLeft:8},n),{},{children:null!=P?P:M}))]}))})),{displayName:"FormLabel",sizes:c});export{n as COMPONENT_NAME,z as FormLabel};
+//# sourceMappingURL=FormLabel.js.map

package/components/FormLabel/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport { SIZES } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Component interface extends:\n * - [`BaseProps`](#/Interfaces)\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ResponsiveMarginProps`](#/Interfaces)\n * - [`ColorPaletteProps<keyof FormLabelPalette>`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'label'>`](#/Interfaces)\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n        cursor,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} cursor={cursor} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                cursor,\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                cursor,\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Text as='span' appearance='body' size='inherit' color='inherit' marginLeft={8} {...textProps}>\n            {label ?? children}\n          </Text>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","_ref","ref","size","textProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","cursor","children","control","label","props","_objectWithoutProperties","_excluded","sizeProps","stateProps","elementProps","_jsxs","Styled.Root","_objectSpread","cloneElement","_jsx","Text","as","appearance","color","marginLeft","displayName","sizes","SIZES"],"mappings":"ijBAOMA,IAAAA,EAAiB,YAWjBC,IAAAA,EAA6DC,EACjEC,GACE,CAAAC,EAqBEC,KACG,IArBHC,KACEA,EAAO,IADTC,UAEEA,EAAY,GAFdC,QAGEA,EAHFC,OAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,MAOEA,EAPFC,OAQEA,EARFC,SASEA,EATFC,MAUEA,EAVFC,QAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,OAcEA,EAdFC,SAeEA,EAfFC,QAgBEA,EAhBFC,MAiBEA,GAIClB,EAHEmB,EAGFC,EAAApB,EAAAqB,GACH,IAAMC,EAAY,CAChBpB,KAAAA,EACAE,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAMc,EAAa,CACjBb,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,UAAAA,GAGF,IAAMU,EACe,iBAAZP,GAAiD,iBAAlBA,EAAQE,OAAwC,OAAlBF,EAAQE,MAAiBF,EAAQE,MAAQ,GAE/G,OACEM,EAACC,aAAgBP,GAAWG,GAAeC,GAA3C,GAAA,CAAuDR,OAAQA,EAAQd,IAAKA,EAA5Ee,SAAA,CACsB,mBAAZC,EACJA,EAAOU,EAAAA,EAAA,CACLZ,OAAAA,GACGO,GACAC,IAELK,EAAaX,EAADU,EAAAA,EAAAA,EAAA,CACVZ,OAAAA,GACGO,GACAC,GACAC,IAETK,EAACC,EAADH,EAAAA,EAAA,CAAMI,GAAG,OAAOC,WAAW,OAAO9B,KAAK,UAAU+B,MAAM,UAAUC,WAAY,GAAO/B,GAApF,GAAA,CAAAa,SACGE,MAAAA,EAAAA,EAASF,YAMpB,CACEmB,YA/EmB,YAgFnBC,MAAOC"}

package/components/FormLabel/constants.js

@@ -0,0 +1,2 @@
+var x={xxxl:{fontSize:26},xxl:{fontSize:24},xl:{fontSize:22},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}};export{x as SIZES};
+//# sourceMappingURL=constants.js.map

package/components/FormLabel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 26,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 22,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 12,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/FormLabel/style.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{createShouldForwardProp as l}from'../../shared/utils/style.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';var a=l((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));var s=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n");var d={default:{disabled:e(["",""],(r=>s(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors['border-disabled'],colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors['border-disabled']},r.palette)))),error:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-success']},r.palette)))),checked:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors['border-brand-primary-active'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100'],borderColorHover:r.theme.colors['border-brand-primary-active']},r.palette)))),default:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},onColored:{disabled:e(["",""],(r=>s(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette)))),error:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-error-200'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-error-200'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-success-200'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-success-200'],borderColorHover:r.theme.colors['alert-success']},r.palette)))),checked:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette)))),default:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))}};var m=r.label.withConfig({shouldForwardProp:a}).withConfig({componentId:"fox-ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ".concat(o.inline?'inline-flex':'flex',";\n    cursor: ").concat(o.cursor?o.cursor:'pointer',";\n    align-items: center;\n    border-radius: 8px;\n    padding: 12px 16px 12px 12px;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  ")),(o=>{if(o.clear)return'';var r=o.onColored?d.onColored:d.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),c,t);export{m as Root};
+//# sourceMappingURL=style.js.map

package/components/FormLabel/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormLabelProps, FormLabelPalette } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (palette: FormLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-brand-primary-100'],\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.cursor ? props.cursor : 'pointer'};\n    align-items: center;\n    border-radius: 8px;\n    padding: 12px 16px 12px 12px;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","_objectSpread","theme","colors","error","success","checked","tinycolor","darken","toString","onColored","Root","styled","label","withConfig","shouldForwardProp","componentId","inline","cursor","clear","schema","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/InputCheckbox/InputCheckbox.js

@@ -0,0 +1,2 @@
+import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as r}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{SIZES as t}from'./constants.js';import{Root as o,Input as a,InputMask as n,InputIndeterminate as p,InputChecked as z}from'./style.js';import{jsxs as c,jsx as m}from'react/jsx-runtime';var l=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","preset","cursor","style","indeterminate","className"];var u='InputCheckbox';var d=i(r(((r,i)=>{var{size:t="m",sizeXXS:u,sizeXS:d,sizeS:h,sizeM:S,sizeL:X,sizeXL:b,sizes:f,sizeUnits:I,inline:j,error:x,success:C,onColored:M,palette:N,preset:k,cursor:y,style:L,indeterminate:v,className:P}=r,w=s(r,l);return c(o,{size:t,sizeXXS:u,sizeXS:d,sizeS:h,sizeM:S,sizeL:X,sizeXL:b,sizes:f,sizeUnits:I,inline:j,error:x,success:C,onColored:M,palette:N,preset:k,cursor:y,style:L,indeterminate:v,className:P,children:[m(a,e(e({},w),{},{type:"checkbox",ref:i})),m(n,{children:m(!0===v?p:z,{})})]})})),{displayName:"InputCheckbox",sizes:t});export{u as COMPONENT_NAME,d as InputCheckbox};
+//# sourceMappingURL=InputCheckbox.js.map

package/components/InputCheckbox/InputCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * Component interface extends:\n * - [`BaseProps`](#/Interfaces)\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ColorPaletteProps<keyof InputCheckboxPalette>`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'input'>`](#/Interfaces)\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        preset,\n        cursor,\n        style,\n        indeterminate,\n        className,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          preset={preset}\n          cursor={cursor}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n        >\n          <Styled.Input {...inputProps} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputCheckbox","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","preset","cursor","style","indeterminate","className","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","Styled.InputIndeterminate","Styled.InputChecked","displayName","SIZES"],"mappings":"klBAMMA,IAAAA,EAAiB,gBAYjBC,IAAAA,EAAqEC,EAIzEC,GAAAA,CACEC,EAuBEC,KACG,IAvBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,OAeEA,EAfFC,OAgBEA,EAhBFC,MAiBEA,EAjBFC,cAkBEA,EAlBFC,UAmBEA,GAICpB,EAHEqB,EAGFC,EAAAtB,EAAAuB,GACH,OACEC,EAACC,EAAD,CACEvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EAnBbM,SAAA,CAqBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BQ,KAAK,WAAW5B,IAAKA,KACnD0B,EAACG,EAAD,CAAAJ,SAC4BC,GAAP,IAAlBR,EAA0BY,EAAgCC,EAA1D,YAMX,CACEC,YAzEmB,gBA0EnBxB,MAAOyB"}

package/components/InputCheckbox/constants.js

@@ -0,0 +1,2 @@
+var h={xxxl:{width:40,height:40},xxl:{width:36,height:36},xl:{width:32,height:32},l:{width:28,height:28},m:{width:24,height:24},s:{width:20,height:20},xs:{width:18,height:18},xxs:{width:16,height:16},xxxs:{width:14,height:14}};export{h as SIZES};
+//# sourceMappingURL=constants.js.map

package/components/InputCheckbox/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n  },\n  xxl: {\n    width: 36,\n    height: 36,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}

package/components/InputCheckbox/images/checked.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{d:"M12.5 4.5 6.312 11 3.5 8.045",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
+//# sourceMappingURL=checked.module.svg.js.map

package/components/InputCheckbox/images/checked.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checked.module.svg.js","sources":["../../../../../src/components/InputCheckbox/images/checked.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.5 4.5 6.312 11 3.5 8.045\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckedmodule","props","React","createElement","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAAA,IAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA6CC,GAC3BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,+BACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}

package/components/InputCheckbox/images/indeterminate.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{clipRule:"evenodd",d:"M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
+//# sourceMappingURL=indeterminate.module.svg.js.map

package/components/InputCheckbox/images/indeterminate.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indeterminate.module.svg.js","sources":["../../../../../src/components/InputCheckbox/images/indeterminate.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path clip-rule=\"evenodd\" d=\"M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgIndeterminatemodule","props","React","createElement","viewBox","fill","xmlns","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyDC,GACvCC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,SAAU,UACVC,EAAG,+DACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}

package/components/InputCheckbox/style.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';import a from'./images/checked.module.svg.js';import s from'./images/indeterminate.module.svg.js';var n=c((o=>!['inline','error','success','onColored','indeterminate'].includes(o)));var d=r.input.withConfig({componentId:"fox-ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var b=r.span.withConfig({componentId:"fox-ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);var i=r(a).withConfig({componentId:"fox-ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);var t=r(s).withConfig({componentId:"fox-ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);var g=o=>"\n  & > ".concat(b," {\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n    color: ").concat(o.color,";\n  }\n  &:hover > ").concat(b," {\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n    color: ").concat(o.colorHover,";\n  }\n  & > ").concat(d,":checked:not(:disabled) + ").concat(b," {\n    background-color: ").concat(o.backgroundColorChecked,";\n    border-color: ").concat(o.borderColorChecked,";\n    color: ").concat(o.colorChecked,";\n  }\n  & > ").concat(d,":disabled:not(:checked) + ").concat(b," {\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n    color: ").concat(o.colorDisabled,";\n  }\n  & > ").concat(d,":disabled:checked + ").concat(b," {\n    background-color: ").concat(o.backgroundColorDisabledChecked,";\n    border-color: ").concat(o.borderColorDisabledChecked,";\n    color: ").concat(o.colorDisabledChecked,";\n  }\n");var C={default:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-error-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-error-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-success-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-success-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-brand-primary-basic']:e.colors['border-onmain-default-small'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['border-brand-primary'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['bg-brand-primary-basic'],borderColorChecked:e.colors['bg-brand-primary-basic'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))},onColored:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['bg-brand-primary-basic'],backgroundColor:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-oncolor-primary']:e.colors['border-onmain-default-small'],colorHover:e.colors['bg-brand-primary-basic'],backgroundColorHover:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-oncolor-primary']:e.colors['border-brand-primary'],colorChecked:e.colors['bg-brand-primary-basic'],backgroundColorChecked:e.colors['bg-oncolor-primary'],borderColorChecked:e.colors['bg-oncolor-primary'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))}};var m=r.span.withConfig({shouldForwardProp:n}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em'})}).withConfig({componentId:"fox-ui__sc-3ztnvc-4"})([""," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      border-radius: 4px;\n      flex-shrink: 0;\n      & > ").concat(d," {\n        cursor: ").concat(o.cursor?o.cursor:'pointer',";\n      }\n      & > ").concat(d,":checked + ").concat(b," > ").concat(i," {\n        opacity: 1;\n      }\n      & > ").concat(d,":focus-visible + ").concat(b," {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.toryBlueDark,", 0 0 0 4px ").concat(o.theme.colors.white,";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  ")),(o=>{var r=o.onColored?C.onColored:C.default;return o.error?r.error:o.success?r.success:r.default}),l);export{d as Input,i as InputChecked,t as InputIndeterminate,b as InputMask,m as Root};
+//# sourceMappingURL=style.js.map

package/components/InputCheckbox/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport Checked from './images/checked.module.svg'\nimport Indeterminate from './images/indeterminate.module.svg'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const InputChecked = styled(Checked)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(Indeterminate)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n    color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputCheckboxProps>({\n    shouldForwardProp: shouldForwardInputCheckboxProp,\n  })\n  .attrs(<Required<Pick<StyledInputCheckboxProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 4px;\n      flex-shrink: 0;\n      & > ${Input} {\n        cursor: ${props.cursor ? props.cursor : 'pointer'};\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.toryBlueDark}, 0 0 0 4px ${props.theme.colors.white};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","InputChecked","Checked","InputIndeterminate","Indeterminate","template","palette","backgroundColor","concat","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","_ref","theme","indeterminate","_objectSpread","colors","success","_ref2","_ref3","onColored","_ref4","_ref5","_ref6","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","props","inline","cursor","toryBlueDark","white","schema","responsiveSize"],"mappings":"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"}

package/components/InputRadio/InputRadio.js

@@ -0,0 +1,2 @@
+import s from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as r}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{SIZES as t}from'./constants.js';import{Root as o,Input as a,InputMask as z}from'./style.js';import{jsxs as p,jsx as n}from'react/jsx-runtime';var l=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","preset","cursor","style","className"];var m='InputRadio';var c=i(r(((r,i)=>{var{size:t="m",sizeXXS:m,sizeXS:c,sizeS:u,sizeM:d,sizeL:S,sizeXL:X,sizes:f,sizeUnits:j,inline:M,error:h,success:N,onColored:b,palette:y,preset:I,cursor:L,style:R,className:v}=r,x=e(r,l);return p(o,{size:t,sizeXXS:m,sizeXS:c,sizeS:u,sizeM:d,sizeL:S,sizeXL:X,sizes:f,sizeUnits:j,inline:M,error:h,success:N,onColored:b,palette:y,preset:I,cursor:L,style:R,className:v,children:[n(a,s(s({},x),{},{type:"radio",ref:i})),n(z,{})]})})),{displayName:"InputRadio",sizes:t});export{m as COMPONENT_NAME,c as InputRadio};
+//# sourceMappingURL=InputRadio.js.map

package/components/InputRadio/InputRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component interface extends:\n * - [`BaseProps`](#/Interfaces)\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ColorPaletteProps<keyof InputRadioPalette>`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'input'>`](#/Interfaces)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        preset,\n        cursor,\n        style,\n        className,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          preset={preset}\n          cursor={cursor}\n          style={style}\n          className={className}\n        >\n          <Styled.Input {...inputProps} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","preset","cursor","style","className","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","displayName","SIZES"],"mappings":"whBAMMA,IAAAA,EAAiB,aAYjBC,IAAAA,EAA+DC,EACnEC,IACEC,EAsBEC,KACG,IAtBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,OAeEA,EAfFC,OAgBEA,EAhBFC,MAiBEA,EAjBFC,UAkBEA,GAICnB,EAHEoB,EAGFC,EAAArB,EAAAsB,GACH,OACEC,EAACC,EAAD,CACEtB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EAlBbM,SAAA,CAoBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BQ,KAAK,QAAQ3B,IAAKA,KAChDyB,EAACG,EArBH,UA0BN,CACEC,YAlEmB,aAmEnBrB,MAAOsB"}

package/components/InputRadio/constants.js

@@ -0,0 +1,2 @@
+var h={xxxl:{width:40,height:40},xxl:{width:36,height:36},xl:{width:32,height:32},l:{width:28,height:28},m:{width:24,height:24},s:{width:20,height:20},xs:{width:18,height:18},xxs:{width:16,height:16},xxxs:{width:14,height:14}};export{h as SIZES};
+//# sourceMappingURL=constants.js.map

package/components/InputRadio/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n  },\n  xxl: {\n    width: 36,\n    height: 36,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}

package/components/InputRadio/style.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=c((o=>!['inline','error','success','onColored'].includes(o)));var n=r.input.withConfig({componentId:"fox-ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);var t=o=>"\n  & > ".concat(d," {\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(d,"::before {\n    background-color: ").concat(o.color,";\n  }\n  &:hover > ").concat(d," {\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:hover > ").concat(d,"::before {\n    background-color: ").concat(o.colorHover,";\n  }\n  & > ").concat(n,":checked:not(:disabled) + ").concat(d," {\n    background-color: ").concat(o.backgroundColorChecked,";\n    border-color: ").concat(o.borderColorChecked,";\n  }\n  & > ").concat(n,":checked:not(:disabled) + ").concat(d,"::before {\n    background-color: ").concat(o.colorChecked,";\n  }\n  & > ").concat(n,":disabled:not(:checked) + ").concat(d," {\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n  & > ").concat(n,":disabled:not(:checked) + ").concat(d,"::before {\n    background-color: ").concat(o.colorDisabled,";\n  }\n  & > ").concat(n,":disabled:checked + ").concat(d," {\n    background-color: ").concat(o.backgroundColorDisabledChecked,";\n    border-color: ").concat(o.borderColorDisabledChecked,";\n  }\n  & > ").concat(n,":disabled:checked + ").concat(d,"::before {\n    background-color: ").concat(o.colorDisabledChecked,";\n  }\n");var s={default:{error:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-error-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-success-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['bg-brand-primary-basic'],borderColorChecked:r.theme.colors['bg-brand-primary-basic'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))},onColored:{error:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-error'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-success'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>t(o({color:r.theme.colors['bg-brand-primary-basic'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['bg-brand-primary-basic'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:r.theme.colors['bg-oncolor-primary'],borderColorChecked:r.theme.colors['bg-oncolor-primary'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))}};var b=r.span.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em'})}).withConfig({componentId:"fox-ui__sc-rgocm7-2"})([""," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      border-radius: 50%;\n      flex-shrink: 0;\n      & > ").concat(n," {\n        cursor: ").concat(o.cursor?o.cursor:'pointer',";\n      }\n      & > ").concat(n,":checked + ").concat(d,"::before {\n        opacity: 1;\n      }\n      & > ").concat(n,":focus-visible + ").concat(d," {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.toryBlueDark,", 0 0 0 4px ").concat(o.theme.colors.white,";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  ")),(o=>{var r=o.onColored?s.onColored:s.default;return o.error?r.error:o.success?r.success:r.default}),l);export{n as Input,d as InputMask,b as Root};
+//# sourceMappingURL=style.js.map

package/components/InputRadio/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/InputRadio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledInputRadioProps, InputRadioPalette } from './types'\n\nconst shouldForwardInputRadioProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n  &::before {\n    content: '';\n    position: absolute;\n    width: 40%;\n    height: 40%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    opacity: 0;\n  }\n`\n\nconst template = (palette: InputRadioPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-error'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-error'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-success'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n          borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputRadioProps>({\n    shouldForwardProp: shouldForwardInputRadioProp,\n  })\n  .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      & > ${Input} {\n        cursor: ${props.cursor ? props.cursor : 'pointer'};\n      }\n      & > ${Input}:checked + ${InputMask}::before {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.toryBlueDark}, 0 0 0 4px ${props.theme.colors.white};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","template","palette","concat","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","_objectSpread","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","cursor","toryBlueDark","white","schema","responsiveSize"],"mappings":"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"}

package/components/Radio/Radio.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import a from'@babel/runtime/helpers/objectWithoutProperties';import r from'clsx';import{useTheme as l}from'styled-components';import{useClassname as s}from'../../hooks/useClassname.js';import{RadioGroup as i}from'./Group.js';import{Root as o}from'./style.js';import{jsxs as d,jsx as t}from'react/jsx-runtime';var c=["children","disabled","error","id","name","size","value","label","className","width","style","fluid","display"];function m(i){var n=void 0===i.checked;var p=l();var{children:u,disabled:h,error:f,id:v,name:b,size:y,value:k,label:x,className:j,width:w=p.defaultInputControlsWidth,style:g,fluid:C,display:N}=i,z=a(i,c);var R=s(m.displayName);var G=r(R,j,i.checked&&!n?"".concat(R,"--checked"):null);var W="".concat(R,"__label");var A=n?{defaultChecked:i.defaultChecked}:{checked:i.checked};return d(o,{className:G,style:g,disabled:h,error:f,htmlFor:v||b,size:y,width:w,display:N,fluid:C,children:[t("input",e(e({},z),{},{id:v||b,name:b,type:"radio",value:k,disabled:h},A)),d("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[t("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),t("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(x||u)&&t("span",{className:W,children:x||u})]})}m.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},m.Group=i,m.displayName='Radio';export{m as Radio};
+import e from'@babel/runtime/helpers/objectSpread2';import a from'@babel/runtime/helpers/objectWithoutProperties';import r from'clsx';import{useTheme as s}from'styled-components';import{useClassname as l}from'../../hooks/useClassname.js';import{InputRadio as i}from'../InputRadio/InputRadio.js';import{RadioGroup as o}from'./Group.js';import{Root as d}from'./style.js';import{jsxs as t,jsx as c}from'react/jsx-runtime';var m=["children","disabled","error","id","name","size","value","label","className","width","style","fluid","display"];function n(i){var o=void 0===i.checked;var p=s();var{children:u,disabled:h,error:f,id:v,name:b,size:y,value:k,label:x,className:j,width:w=p.defaultInputControlsWidth,style:R,fluid:g,display:C}=i,N=a(i,m);var I=l(n.displayName);var z=r(I,j,i.checked&&!o?"".concat(I,"--checked"):null);var G="".concat(I,"__label");var W=o?{defaultChecked:i.defaultChecked}:{checked:i.checked};return t(d,{className:z,style:R,disabled:h,error:f,htmlFor:v||b,size:y,width:w,display:C,fluid:g,children:[c("input",e(e({},N),{},{id:v||b,name:b,type:"radio",value:k,disabled:h},W)),t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[c("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),c("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(x||u)&&c("span",{className:G,children:x||u})]})}n.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},n.Input=i,n.Group=o,n.displayName='Radio';export{n as Radio};
 //# sourceMappingURL=Radio.js.map

package/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Radio label\n   */\n  label?: string\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A Radio can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not Radio is checked\n   */\n  checked?: boolean\n  defaultChecked?: boolean\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large'\n  /**\n   * Value\n   */\n  value?: string | number\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    className,\n    width = theme.defaultInputControlsWidth,\n    style,\n    fluid,\n    display,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Radio.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      width={width}\n      display={display}\n      fluid={fluid}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='radio'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n        <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n        <circle cx='10' cy='10' r='5' fill='#727D8A' />\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Radio","props","uncontrolled","undefined","checked","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","_excluded","baseClassName","useClassname","displayName","_className","cx","_labelClassName","inputProps","defaultChecked","_jsxs","Styled.Root","htmlFor","_jsx","type","xmlns","viewBox","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Group","RadioGroup"],"mappings":"ieA4EO,SAASA,EAAMC,GACpB,IAAMC,OAAiCC,IAAlBF,EAAMG,QAC3B,IAAMC,EAAQC,IAEd,IAAMC,SACJA,EADIC,SAEJA,EAFIC,MAGJA,EAHIC,GAIJA,EAJIC,KAKJA,EALIC,KAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,UASJA,EATIC,MAUJA,EAAQX,EAAMY,0BAVVC,MAWJA,EAXIC,MAYJA,EAZIC,QAaJA,GAEEnB,EADCoB,IACDpB,EAfJqB,GAiBA,IAAMC,EAAgBC,EAAaxB,EAAMyB,aACzC,IAAMC,EAAaC,EAAGJ,EAAeR,EAAWd,EAAMG,UAAYF,YAAkBqB,EAApC,aAA+D,MAC/G,IAAMK,EAAqBL,GAAAA,OAAAA,EAA3B,WAEA,IAAMM,EAAa3B,EAAe,CAAE4B,eAAgB7B,EAAM6B,gBAAmB,CAAE1B,QAASH,EAAMG,SAE9F,OACE2B,EAACC,EAAD,CACEjB,UAAWW,EACXR,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPwB,QAASvB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EATTZ,SAAA,CAWE2B,iBACMb,GADN,GAAA,CAEEX,GAAIA,GAAMC,EACVA,KAAMA,EACNwB,KAAK,QACLtB,MAAOA,EACPL,SAAUA,GACNqB,IAENE,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,YAAhD9B,SACE,CAAA2B,EAAA,SAAA,CAAQP,GAAG,KAAKW,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpER,EAAA,SAAA,CAAQP,GAAG,KAAKW,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC5B,GAASP,IAAa2B,EAAA,OAAA,CAAMnB,UAAWa,EAAjBrB,SAAmCO,GAASP,OAnE1EP,EAAM2C,aAAe,CACnBnC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTwB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOnC,QAGhFb,EAAMiD,MAAQC,EACdlD,EAAMyB,YAAc"}
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Radio label\n   */\n  label?: string\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A Radio can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not Radio is checked\n   */\n  checked?: boolean\n  defaultChecked?: boolean\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large'\n  /**\n   * Value\n   */\n  value?: string | number\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    className,\n    width = theme.defaultInputControlsWidth,\n    style,\n    fluid,\n    display,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Radio.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      width={width}\n      display={display}\n      fluid={fluid}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='radio'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n        <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n        <circle cx='10' cy='10' r='5' fill='#727D8A' />\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Radio","props","uncontrolled","checked","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","_excluded","baseClassName","useClassname","displayName","_className","cx","_labelClassName","inputProps","defaultChecked","_jsxs","Styled.Root","htmlFor","_jsx","type","xmlns","viewBox","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"0hBA8EO,SAASA,EAAMC,GACpB,IAAMC,OAAAA,IAAeD,EAAME,QAC3B,IAAMC,EAAQC,IAEd,IAAMC,SACJA,EADIC,SAEJA,EAFIC,MAGJA,EAHIC,GAIJA,EAJIC,KAKJA,EALIC,KAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,UASJA,EATIC,MAUJA,EAAQX,EAAMY,0BAVVC,MAWJA,EAXIC,MAYJA,EAZIC,QAaJA,GAEElB,EADCmB,IACDnB,EAfJoB,GAiBA,IAAMC,EAAgBC,EAAavB,EAAMwB,aACzC,IAAMC,EAAaC,EAAGJ,EAAeR,EAAWb,EAAME,UAAYD,YAAkBoB,EAApC,aAA+D,MAC/G,IAAMK,EAAqBL,GAAAA,OAAAA,EAA3B,WAEA,IAAMM,EAAa1B,EAAe,CAAE2B,eAAgB5B,EAAM4B,gBAAmB,CAAE1B,QAASF,EAAME,SAE9F,OACE2B,EAACC,EAAD,CACEjB,UAAWW,EACXR,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPwB,QAASvB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EATTZ,SAAA,CAWE2B,iBACMb,GADN,GAAA,CAEEX,GAAIA,GAAMC,EACVA,KAAMA,EACNwB,KAAK,QACLtB,MAAOA,EACPL,SAAUA,GACNqB,IAENE,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,YAAhD9B,SACE,CAAA2B,EAAA,SAAA,CAAQP,GAAG,KAAKW,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpER,EAAA,SAAA,CAAQP,GAAG,KAAKW,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC5B,GAASP,IAAa2B,EAAA,OAAA,CAAMnB,UAAWa,EAAjBrB,SAAmCO,GAASP,OApE1EN,EAAM0C,aAAe,CACnBnC,UAAAA,EACAI,KAAM,SACNQ,QAAS,cACTwB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOnC,QAGhFZ,EAAMgD,MAAQC,EACdjD,EAAMkD,MAAQC,EACdnD,EAAMwB,YAAc"}

package/dts/index.d.ts

@@ -1425,6 +1425,36 @@ interface ArrowProps extends BaseProps {
  */
 declare const Arrow: react.ForwardRefExoticComponent<ArrowProps & react.RefAttributes<HTMLButtonElement>>;
 
+declare type InputCheckboxPalette = {
+    color: CSSColor;
+    backgroundColor: CSSColor;
+    borderColor: CSSColor;
+    colorHover: CSSColor;
+    backgroundColorHover: CSSColor;
+    borderColorHover: CSSColor;
+    colorChecked: CSSColor;
+    backgroundColorChecked: CSSColor;
+    borderColorChecked: CSSColor;
+    colorDisabled: CSSColor;
+    backgroundColorDisabled: CSSColor;
+    borderColorDisabled: CSSColor;
+    colorDisabledChecked: CSSColor;
+    backgroundColorDisabledChecked: CSSColor;
+    borderColorDisabledChecked: CSSColor;
+};
+interface InputCheckboxProps extends BaseProps, ResponsiveSizeProps, ColorPaletteProps<keyof InputCheckboxPalette>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+    /** Display inline */
+    inline?: boolean;
+    /** Indeterminate state appearance */
+    indeterminate?: boolean;
+    /** Appearance variant */
+    error?: boolean;
+    /** Appearance variant */
+    success?: boolean;
+    /** Appearance variant */
+    onColored?: boolean;
+}
+
 declare type CheckboxStaticSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'xs' | 's' | 'm' | 'l' | 'xl';
 declare type CheckboxSize = CheckboxStaticSize | ResponsiveProperty<`${number}rem` | number>;
 interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width' | 'value'>, BaseProps {
@@ -1456,6 +1486,7 @@ interface CheckboxGroupProps extends BaseProps {
     children: React.ReactNode;
 }
 interface CheckboxComponent extends ForwardRefExoticComponent<PropsWithoutRef<CheckboxProps> & RefAttributes<HTMLLabelElement>> {
+    Input: React.ForwardRefExoticComponent<InputCheckboxProps>;
     Group: (props: CheckboxGroupProps) => JSX.Element;
 }
 
@@ -3187,6 +3218,34 @@ declare const INITIAL_MASK = "99999999999999999999";
 declare const DEFAULT_MASK: string;
 declare const COUNTRY_DATA: [string, string, string, RegExp][];
 
+declare type InputRadioPalette = {
+    color: CSSColor;
+    backgroundColor: CSSColor;
+    borderColor: CSSColor;
+    colorHover: CSSColor;
+    backgroundColorHover: CSSColor;
+    borderColorHover: CSSColor;
+    colorChecked: CSSColor;
+    backgroundColorChecked: CSSColor;
+    borderColorChecked: CSSColor;
+    colorDisabled: CSSColor;
+    backgroundColorDisabled: CSSColor;
+    borderColorDisabled: CSSColor;
+    colorDisabledChecked: CSSColor;
+    backgroundColorDisabledChecked: CSSColor;
+    borderColorDisabledChecked: CSSColor;
+};
+interface InputRadioProps extends BaseProps, ResponsiveSizeProps, ColorPaletteProps<keyof InputRadioPalette>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
+    /** Display inline */
+    inline?: boolean;
+    /** Appearance variant */
+    error?: boolean;
+    /** Appearance variant */
+    success?: boolean;
+    /** Appearance variant */
+    onColored?: boolean;
+}
+
 interface RadioGroupProps extends BaseProps {
     inline?: boolean;
     children?: React.ReactNode;
@@ -3255,6 +3314,7 @@ declare namespace Radio {
         display: string;
         onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
     };
+    var Input: react.ForwardRefExoticComponent<InputRadioProps>;
     var Group: typeof RadioGroup;
     var displayName: string;
 }
@@ -3293,4 +3353,44 @@ declare namespace Select {
     var displayName: string;
 }
 
-export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSBorderStyle, CSSColor, CSSFontWeight, CSSGlobalValue, CSSUnit, CSSVerticalAlign, CURRENCY_MAP, Checkbox, Color, ColorNames, ColorPaletteInterpolationProps, ColorPaletteKey, ColorPaletteProps, ColorSchemaProps, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, HEX, INITIAL_MASK, Icon, Input, InputField, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, RenderProps, withThemeScrollable as Scrollable, Section, Select, Separator, Size, Sizes, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, TypographyProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };
+declare type FormLabelPalette = {
+    color: CSSColor;
+    backgroundColor: CSSColor;
+    borderColor: CSSColor;
+    colorHover: CSSColor;
+    backgroundColorHover: CSSColor;
+    borderColorHover: CSSColor;
+};
+interface FormLabelProps extends BaseProps, TypographyProps, ResponsiveSizeProps, ResponsiveMarginProps, ColorPaletteProps<keyof FormLabelPalette>, React.ComponentPropsWithRef<'label'> {
+    /** Render radio or checkbox input */
+    control: JSX.Element | ((props: Required<Pick<FormLabelProps, 'size'>> & Pick<FormLabelProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'cursor' | 'disabled' | 'error' | 'success' | 'checked' | 'onColored'>) => JSX.Element);
+    /** Text content */
+    label?: React.ReactNode;
+    /** Display inline */
+    inline?: boolean;
+    /** Disable appearance */
+    clear?: boolean;
+    /** Appearance variant */
+    disabled?: boolean;
+    /** Appearance variant */
+    error?: boolean;
+    /** Appearance variant */
+    success?: boolean;
+    /** Appearance variant */
+    checked?: boolean;
+    /** Appearance variant */
+    onColored?: boolean;
+}
+
+/**
+ *
+ * Component interface extends:
+ * - [`BaseProps`](#/Interfaces)
+ * - [`ResponsiveSizeProps`](#/Interfaces)
+ * - [`ResponsiveMarginProps`](#/Interfaces)
+ * - [`ColorPaletteProps<keyof FormLabelPalette>`](#/Interfaces)
+ * - [`React.ComponentPropsWithRef<'label'>`](#/Interfaces)
+ */
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps>;
+
+export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSBorderStyle, CSSColor, CSSFontWeight, CSSGlobalValue, CSSUnit, CSSVerticalAlign, CURRENCY_MAP, Checkbox, Color, ColorNames, ColorPaletteInterpolationProps, ColorPaletteKey, ColorPaletteProps, ColorSchemaProps, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, FormLabel, HEX, INITIAL_MASK, Icon, Input, InputField, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, RenderProps, withThemeScrollable as Scrollable, Section, Select, Separator, Size, Sizes, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, TypographyProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };