@foxford/ui 2.85.0-beta-d216815-20251015 → 2.86.0-beta-b007b52-20251030

package/components/FormLabel/FormLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:t={},hint:s={},badgeProps:r={},sizeXXS:o,sizeXS:i,sizeS:n,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:p,success:u,checked:x,children:m,control:j,label:b,...h},z)=>{const B={size:e,sizeXXS:o,sizeXS:i,sizeS:n,sizeM:a,sizeL:c,sizeXL:l};const g={disabled:d,error:p,success:u,checked:x};const L=typeof j=='object'&&typeof j.props=='object'&&j.props!==null?j.props:{};const{text:R,textProps:T={},buttonProps:S={},tooltipProps:f={}}=s;return jsxRuntime.jsxs(style.Root,{...h,...B,...g,ref:z,children:[typeof j=='function'?j({...B,...g}):React.cloneElement(j,{...B,...g,...L}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",marginBottom:R?'0.2em':void 0,sizes:constants.SIZES_LABEL,...B,...t,children:b??m}),R?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:g.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_HINT,...B,...T,children:R}):null]}),!S.onClick||f.title||f.content?null:jsxRuntime.jsx(IconButton.IconButton,{size:"m",icon:"helpCircle",marginLeft:6,...S,disabled:g.disabled||S.disabled}),f.title||f.content?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...f,children:jsxRuntime.jsx(IconButton.IconButton,{size:"m",icon:"helpCircle",marginLeft:6,...S,disabled:g.disabled||S.disabled})}):null,r.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:s={},hint:t={},badgeProps:r={},sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:p,success:u,checked:x,children:j,control:m,label:b,...T},z)=>{const I={size:e,sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l};const S={disabled:d,error:p,success:u,checked:x};const h=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:B,textProps:R={},buttonProps:L={},tooltipProps:g={}}=t;return jsxRuntime.jsxs(style.Root,{...T,...I,...S,ref:z,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...I,...S}):React.cloneElement(m,{...I,...S,...h})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...I,...s,children:b??j}),B?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:S.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...I,...R,children:B}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...I,children:[!L.onClick||g.title||g.content?null:jsxRuntime.jsx(IconButton.IconButton,{icon:"helpCircle",marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled}),g.title||g.content?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...g,children:jsxRuntime.jsx(IconButton.IconButton,{icon:"helpCircle",marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled})}):null,r.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/components/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<label\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/FormLabel/types.ts).\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\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      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              marginBottom={hintText ? '0.2em' : undefined}\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_HINT}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n            <IconButton\n              size='m'\n              icon='helpCircle'\n              marginLeft={6}\n              {...hintButtonProps}\n              disabled={stateProps.disabled || hintButtonProps.disabled}\n            />\n          ) : null}\n          {hintTooltipProps.title || hintTooltipProps.content ? (\n            <Tooltip\n              preset='brand'\n              placement='top'\n              styles={{\n                wrapper: { cursor: 'inherit' },\n              }}\n              {...hintTooltipProps}\n            >\n              <IconButton\n                size='m'\n                icon='helpCircle'\n                marginLeft={6}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            </Tooltip>\n          ) : null}\n          {badgeProps.children ? (\n            <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n          ) : null}\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","cloneElement","jsxs","_jsx","jsx","Text","as","appearance","color","wordBreak","marginBottom","undefined","sizes","SIZES_LABEL","SIZES_HINT","onClick","title","content","IconButton","icon","marginLeft","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"uYAuBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,iBACtDC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELW,MAAYA,aAAChB,EAAS,IACjBI,KACAC,KACAC,IAETQ,WAAAG,KAACF,cAAc,CAAAhB,SAAA,CACbmB,WAAAC,IAACC,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,aAAcjB,EAAW,aAAUkB,EACnCC,MAAOC,UAAYA,eACfxB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCU,WAAAC,IAACC,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOlB,EAAWV,SAAW,mBAAqB,2BAClD6B,UAAU,aACVG,MAAOE,UAAWA,cACdzB,KACAK,EAAaV,SAEhBS,IAED,SAELG,EAAgBmB,SAAYjB,EAAiBkB,OAAUlB,EAAiBmB,QAQrE,KAPFd,WAAAC,IAACc,sBAAU,CACThD,KAAK,IACLiD,KAAK,aACLC,WAAY,KACRxB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBkB,OAASlB,EAAiBmB,QAC1Cd,WAAAC,IAACiB,gBAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB5B,EAAgBd,SAEpBmB,WAAAC,IAACc,sBAAU,CACThD,KAAK,IACLiD,KAAK,aACLC,WAAY,KACRxB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACVmB,WAAAA,IAACwB,MAAAA,MAAK,CAACzD,KAAK,IAAIwD,OAAO,UAAUN,WAAY,EAAGQ,oBAAkB,KAAKvD,IACrE,OACQ,IAIpB,CACEwD,YA1ImB,YA2InBjB,MAAOkB,UAAAA,+BA3IY"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\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      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon='helpCircle'\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon='helpCircle'\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","jsx","cloneElement","jsxs","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"uYAsBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAC9DiB,CAAAA,WAAAC,IAACF,cAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELa,MAAYA,aAAClB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,WAAAK,KAACJ,cAAc,CAAAhB,SAAA,CACbiB,WAAAC,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAYA,eACftB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,WAAAC,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOlB,EAAWV,SAAW,mBAAqB,2BAClD6B,UAAU,aACVC,MAAOE,UAAeA,kBAClBvB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,WAAAK,KAACJ,WAAW,CAACU,MAAOG,UAAWA,cAAKxB,EAASL,WAC1CY,EAAgBkB,SAAYhB,EAAiBiB,OAAUjB,EAAiBkB,QAarE,KAZFf,WAAAC,IAACe,sBAAU,CACTC,KAAK,aACLC,WAAY,KACR9B,EACJqB,MAAOU,UAAkBA,kBACzBC,UAAW,CAETX,MAAOY,UAAAA,oBAEL1B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBiB,OAASjB,EAAiBkB,QAC1Cf,WAAAC,IAACqB,gBAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB9B,EAAgBd,SAEpBiB,WAAAC,IAACe,sBAAU,CACTC,KAAK,aACLC,WAAY,KACR9B,EACJqB,MAAOU,UAAkBA,kBACzBC,UAAW,CAETX,MAAOY,UAAAA,oBAEL1B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,WAAAA,IAAC4B,MAAAA,MAAK,CAAC3D,KAAK,IAAI0D,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKzD,IACrE,UAEM,IAIpB,CACE0D,YAvJmB,YAwJnBrB,MAAOsB,UAAAA,+BAxJY"}

package/components/FormLabel/FormLabel.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Content}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_HINT}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:t={},badgeProps:s={},sizeXXS:r,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:d,error:p,success:m,checked:b,children:f,control:j,label:x,...z},h)=>{const u={size:e,sizeXXS:r,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const S={disabled:d,error:p,success:m,checked:b};const L=typeof j=='object'&&typeof j.props=='object'&&j.props!==null?j.props:{};const{text:B,textProps:E={},buttonProps:g={},tooltipProps:I={}}=t;return jsxs(Root,{...z,...u,...S,ref:h,children:[typeof j=='function'?j({...u,...S}):cloneElement(j,{...u,...S,...L}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",marginBottom:B?'0.2em':void 0,sizes:SIZES_LABEL,...u,...o,children:x??f}),B?jsx(Text,{as:"span",appearance:"caption",color:S.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_HINT,...u,...E,children:B}):null]}),!g.onClick||I.title||I.content?null:jsx(IconButton,{size:"m",icon:"helpCircle",marginLeft:6,...g,disabled:S.disabled||g.disabled}),I.title||I.content?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...I,children:jsx(IconButton,{size:"m",icon:"helpCircle",marginLeft:6,...g,disabled:S.disabled||g.disabled})}):null,s.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...s}):null]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
+import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_BUTTON,SIZES_HINT_ICON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:s={},badgeProps:t={},sizeXXS:r,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:d,error:p,success:m,checked:S,children:I,control:T,label:E,...b},z)=>{const f={size:e,sizeXXS:r,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const j={disabled:d,error:p,success:m,checked:S};const x=typeof T=='object'&&typeof T.props=='object'&&T.props!==null?T.props:{};const{text:h,textProps:N={},buttonProps:_={},tooltipProps:u={}}=s;return jsxs(Root,{...b,...f,...j,ref:z,children:[jsx(Control,{children:typeof T=='function'?T({...f,...j}):cloneElement(T,{...f,...j,...x})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...f,...o,children:E??I}),h?jsx(Text,{as:"span",appearance:"caption",color:j.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...f,...N,children:h}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...f,children:[!_.onClick||u.title||u.content?null:jsx(IconButton,{icon:"helpCircle",marginLeft:2,...f,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},..._,disabled:j.disabled||_.disabled}),u.title||u.content?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...u,children:jsx(IconButton,{icon:"helpCircle",marginLeft:2,...f,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},..._,disabled:j.disabled||_.disabled})}):null,t.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...t}):null]})]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
 //# sourceMappingURL=FormLabel.mjs.map

package/components/FormLabel/FormLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<label\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/FormLabel/types.ts).\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\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      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              marginBottom={hintText ? '0.2em' : undefined}\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_HINT}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n            <IconButton\n              size='m'\n              icon='helpCircle'\n              marginLeft={6}\n              {...hintButtonProps}\n              disabled={stateProps.disabled || hintButtonProps.disabled}\n            />\n          ) : null}\n          {hintTooltipProps.title || hintTooltipProps.content ? (\n            <Tooltip\n              preset='brand'\n              placement='top'\n              styles={{\n                wrapper: { cursor: 'inherit' },\n              }}\n              {...hintTooltipProps}\n            >\n              <IconButton\n                size='m'\n                icon='helpCircle'\n                marginLeft={6}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            </Tooltip>\n          ) : null}\n          {badgeProps.children ? (\n            <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n          ) : null}\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","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","cloneElement","_jsx","Text","as","appearance","color","wordBreak","marginBottom","undefined","sizes","SIZES_LABEL","SIZES_HINT","onClick","title","content","IconButton","icon","marginLeft","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"yZAWMA,MAAAA,eAAiB,YAYvB,MAAMC,UAA6DC,gBACjEC,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,KAACC,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,iBACtDC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELW,aAAahB,EAAS,IACjBI,KACAC,KACAC,IAETQ,KAACC,QAAc,CAAAhB,SAAA,CACbkB,IAACC,KAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,aAAcf,EAAW,aAAUgB,EACnCC,MAAOC,eACHtB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCS,IAACC,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVG,MAAOE,cACHvB,KACAK,EAAaV,SAEhBS,IAED,SAELG,EAAgBiB,SAAYf,EAAiBgB,OAAUhB,EAAiBiB,QAQrE,KAPFb,IAACc,WAAU,CACT9C,KAAK,IACL+C,KAAK,aACLC,WAAY,KACRtB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBgB,OAAShB,EAAiBiB,QAC1Cb,IAACiB,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB1B,EAAgBd,SAEpBkB,IAACc,WAAU,CACT9C,KAAK,IACL+C,KAAK,aACLC,WAAY,KACRtB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACVkB,IAACuB,MAAK,CAACvD,KAAK,IAAIsD,OAAO,UAAUN,WAAY,EAAGQ,oBAAkB,KAAKrD,IACrE,OACQ,IAIpB,CACEsD,YA1ImB,YA2InBjB,MAAOkB"}
+{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\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      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon='helpCircle'\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon='helpCircle'\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\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","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"udAWMA,MAAAA,eAAiB,YAWvB,MAAMC,UAA6DC,gBACjEC,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,KAACC,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAC9DiB,CAAAA,IAACD,QAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,KAACC,QAAc,CAAAhB,SAAA,CACbiB,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,KAACC,KAAW,CAACQ,MAAOG,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QAarE,KAZFb,IAACc,WAAU,CACTC,KAAK,aACLC,WAAY,KACR5B,EACJmB,MAAOU,kBACPC,UAAW,CAETX,MAAOY,oBAELxB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,IAACoB,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB5B,EAAgBd,SAEpBiB,IAACc,WAAU,CACTC,KAAK,aACLC,WAAY,KACR5B,EACJmB,MAAOU,kBACPC,UAAW,CAETX,MAAOY,oBAELxB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,IAAC0B,MAAK,CAACzD,KAAK,IAAIwD,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKvD,IACrE,UAEM,IAIpB,CACEwD,YAvJmB,YAwJnBrB,MAAOsB"}

package/components/FormLabel/constants.js

@@ -1,2 +1,2 @@
-'use strict';const SIZE_FORM_LABEL={padding:12,borderRadius:8,minWidth:'min-content'};exports.SIZES={xl:SIZE_FORM_LABEL,l:SIZE_FORM_LABEL,m:SIZE_FORM_LABEL,s:SIZE_FORM_LABEL,xs:SIZE_FORM_LABEL},exports.SIZES_HINT={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12}},exports.SIZES_LABEL={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14}};
+'use strict';var sizes=require('../IconButton/sizes.js');const SIZE_FORM_LABEL={padding:'7px 11px',borderRadius:10,minWidth:'min-content'};const SIZES={xl:{...SIZE_FORM_LABEL,minHeight:56},l:{...SIZE_FORM_LABEL,minHeight:52},m:{...SIZE_FORM_LABEL,minHeight:48},s:{...SIZE_FORM_LABEL,minHeight:44},xs:{...SIZE_FORM_LABEL,minHeight:40}};const SIZES_HINT_BUTTON={xl:sizes.SIZES.xl,l:sizes.SIZES.l,m:sizes.SIZES.l,s:sizes.SIZES.m,xs:sizes.SIZES.m};const SIZES_HINT_ICON={xl:sizes.SIZES_ICON.xl,l:sizes.SIZES_ICON.l,m:sizes.SIZES_ICON.l,s:sizes.SIZES_ICON.m,xs:sizes.SIZES_ICON.m};exports.SIZES=SIZES,exports.SIZES_HINT={xl:{marginTop:4},l:{marginTop:4},m:{marginTop:2},s:{marginTop:2},xs:{marginTop:0}},exports.SIZES_HINT_BUTTON=SIZES_HINT_BUTTON,exports.SIZES_HINT_ICON=SIZES_HINT_ICON,exports.SIZES_LABEL={xl:{fontSize:20,marginTop:7},l:{fontSize:18,marginTop:6},m:{fontSize:18,marginTop:4},s:{fontSize:16,marginTop:4},xs:{fontSize:14,marginTop:4}},exports.SIZES_SUBTITLE={xl:{fontSize:16,marginTop:8,marginBottom:8},l:{fontSize:16,marginTop:8,marginBottom:5},m:{fontSize:16,marginTop:7,marginBottom:4},s:{fontSize:14,marginTop:6,marginBottom:2},xs:{fontSize:12,marginTop:4,marginBottom:1}};
 //# sourceMappingURL=constants.js.map

package/components/FormLabel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { FormLabelSize } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: 12,\n  borderRadius: 8,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<FormLabelSize, CSSProperties> = {\n  xl: SIZE_FORM_LABEL,\n  l: SIZE_FORM_LABEL,\n  m: SIZE_FORM_LABEL,\n  s: SIZE_FORM_LABEL,\n  xs: SIZE_FORM_LABEL,\n}\n\nexport const SIZES_LABEL: Record<FormLabelSize, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n}\n\nexport const SIZES_HINT: Record<FormLabelSize, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n  },\n  l: {\n    fontSize: 16,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","xl","l","m","s","xs","fontSize"],"mappings":"aAGA,MAAMA,gBAAiC,CACrCC,QAAS,GACTC,aAAc,EACdC,SAAU,6BAG+C,CACzDC,GAAIJ,gBACJK,EAAGL,gBACHM,EAAGN,gBACHO,EAAGP,gBACHQ,GAAIR,oCAqB0D,CAC9DI,GAAI,CACFK,SAAU,IAEZJ,EAAG,CACDI,SAAU,IAEZH,EAAG,CACDG,SAAU,IAEZF,EAAG,CACDE,SAAU,IAEZD,GAAI,CACFC,SAAU,yBAhCmD,CAC/DL,GAAI,CACFK,SAAU,IAEZJ,EAAG,CACDI,SAAU,IAEZH,EAAG,CACDG,SAAU,IAEZF,EAAG,CACDE,SAAU,IAEZD,GAAI,CACFC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON, SIZES_ICON as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: '7px 11px',\n  borderRadius: 10,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: { ...SIZE_FORM_LABEL, minHeight: 56 },\n  l: { ...SIZE_FORM_LABEL, minHeight: 52 },\n  m: { ...SIZE_FORM_LABEL, minHeight: 48 },\n  s: { ...SIZE_FORM_LABEL, minHeight: 44 },\n  xs: { ...SIZE_FORM_LABEL, minHeight: 40 },\n}\n\nexport const SIZES_LABEL: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n    marginTop: 7,\n  },\n  l: {\n    fontSize: 18,\n    marginTop: 6,\n  },\n  m: {\n    fontSize: 18,\n    marginTop: 4,\n  },\n  s: {\n    fontSize: 16,\n    marginTop: 4,\n  },\n  xs: {\n    fontSize: 14,\n    marginTop: 4,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  l: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 5,\n  },\n  m: {\n    fontSize: 16,\n    marginTop: 7,\n    marginBottom: 4,\n  },\n  s: {\n    fontSize: 14,\n    marginTop: 6,\n    marginBottom: 2,\n  },\n  xs: {\n    fontSize: 12,\n    marginTop: 4,\n    marginBottom: 1,\n  },\n}\n\nexport const SIZES_HINT: Record<Size, CSSProperties> = {\n  xl: { marginTop: 4 },\n  l: { marginTop: 4 },\n  m: { marginTop: 2 },\n  s: { marginTop: 2 },\n  xs: { marginTop: 0 },\n}\n\nexport const SIZES_HINT_BUTTON: Record<Size, CSSProperties> = {\n  xl: SIZES_BUTTON.xl,\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.l,\n  s: SIZES_BUTTON.m,\n  xs: SIZES_BUTTON.m,\n}\n\nexport const SIZES_HINT_ICON: Record<Size, CSSProperties> = {\n  xl: SIZES_ICON_BUTTON.xl,\n  l: SIZES_ICON_BUTTON.l,\n  m: SIZES_ICON_BUTTON.l,\n  s: SIZES_ICON_BUTTON.m,\n  xs: SIZES_ICON_BUTTON.m,\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","minHeight","l","m","s","xs","SIZES_HINT_BUTTON","SIZES_BUTTON","SIZES_HINT_ICON","SIZES_ICON_BUTTON","SIZES_ICON","marginTop","fontSize","marginBottom"],"mappings":"yDAIA,MAAMA,gBAAiC,CACrCC,QAAS,WACTC,aAAc,GACdC,SAAU,eAGL,MAAMC,MAAqC,CAChDC,GAAI,IAAKL,gBAAiBM,UAAW,IACrCC,EAAG,IAAKP,gBAAiBM,UAAW,IACpCE,EAAG,IAAKR,gBAAiBM,UAAW,IACpCG,EAAG,IAAKT,gBAAiBM,UAAW,IACpCI,GAAI,IAAKV,gBAAiBM,UAAW,KA8DhC,MAAMK,kBAAiD,CAC5DN,GAAIO,MAAYR,MAACC,GACjBE,EAAGK,MAAYR,MAACG,EAChBC,EAAGI,MAAYR,MAACG,EAChBE,EAAGG,MAAYR,MAACI,EAChBE,GAAIE,MAAYR,MAACI,GAGZ,MAAMK,gBAA+C,CAC1DR,GAAIS,MAAiBC,WAACV,GACtBE,EAAGO,MAAiBC,WAACR,EACrBC,EAAGM,MAAiBC,WAACR,EACrBE,EAAGK,MAAiBC,WAACP,EACrBE,GAAII,MAAiBC,WAACP,0CArB+B,CACrDH,GAAI,CAAEW,UAAW,GACjBT,EAAG,CAAES,UAAW,GAChBR,EAAG,CAAEQ,UAAW,GAChBP,EAAG,CAAEO,UAAW,GAChBN,GAAI,CAAEM,UAAW,4GAxDqC,CACtDX,GAAI,CACFY,SAAU,GACVD,UAAW,GAEbT,EAAG,CACDU,SAAU,GACVD,UAAW,GAEbR,EAAG,CACDS,SAAU,GACVD,UAAW,GAEbP,EAAG,CACDQ,SAAU,GACVD,UAAW,GAEbN,GAAI,CACFO,SAAU,GACVD,UAAW,2BAI4C,CACzDX,GAAI,CACFY,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBX,EAAG,CACDU,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBV,EAAG,CACDS,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBT,EAAG,CACDQ,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBR,GAAI,CACFO,SAAU,GACVD,UAAW,EACXE,aAAc"}

package/components/FormLabel/constants.mjs

@@ -1,2 +1,2 @@
-const SIZE_FORM_LABEL={padding:12,borderRadius:8,minWidth:'min-content'};const SIZES={xl:SIZE_FORM_LABEL,l:SIZE_FORM_LABEL,m:SIZE_FORM_LABEL,s:SIZE_FORM_LABEL,xs:SIZE_FORM_LABEL};const SIZES_LABEL={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14}};const SIZES_HINT={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12}};export{SIZES,SIZES_HINT,SIZES_LABEL};
+import{SIZES_ICON,SIZES as SIZES$1}from'../IconButton/sizes.mjs';const SIZE_FORM_LABEL={padding:'7px 11px',borderRadius:10,minWidth:'min-content'};const SIZES={xl:{...SIZE_FORM_LABEL,minHeight:56},l:{...SIZE_FORM_LABEL,minHeight:52},m:{...SIZE_FORM_LABEL,minHeight:48},s:{...SIZE_FORM_LABEL,minHeight:44},xs:{...SIZE_FORM_LABEL,minHeight:40}};const SIZES_LABEL={xl:{fontSize:20,marginTop:7},l:{fontSize:18,marginTop:6},m:{fontSize:18,marginTop:4},s:{fontSize:16,marginTop:4},xs:{fontSize:14,marginTop:4}};const SIZES_SUBTITLE={xl:{fontSize:16,marginTop:8,marginBottom:8},l:{fontSize:16,marginTop:8,marginBottom:5},m:{fontSize:16,marginTop:7,marginBottom:4},s:{fontSize:14,marginTop:6,marginBottom:2},xs:{fontSize:12,marginTop:4,marginBottom:1}};const SIZES_HINT={xl:{marginTop:4},l:{marginTop:4},m:{marginTop:2},s:{marginTop:2},xs:{marginTop:0}};const SIZES_HINT_BUTTON={xl:SIZES$1.xl,l:SIZES$1.l,m:SIZES$1.l,s:SIZES$1.m,xs:SIZES$1.m};const SIZES_HINT_ICON={xl:SIZES_ICON.xl,l:SIZES_ICON.l,m:SIZES_ICON.l,s:SIZES_ICON.m,xs:SIZES_ICON.m};export{SIZES,SIZES_HINT,SIZES_HINT_BUTTON,SIZES_HINT_ICON,SIZES_LABEL,SIZES_SUBTITLE};
 //# sourceMappingURL=constants.mjs.map

package/components/FormLabel/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { FormLabelSize } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: 12,\n  borderRadius: 8,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<FormLabelSize, CSSProperties> = {\n  xl: SIZE_FORM_LABEL,\n  l: SIZE_FORM_LABEL,\n  m: SIZE_FORM_LABEL,\n  s: SIZE_FORM_LABEL,\n  xs: SIZE_FORM_LABEL,\n}\n\nexport const SIZES_LABEL: Record<FormLabelSize, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n}\n\nexport const SIZES_HINT: Record<FormLabelSize, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n  },\n  l: {\n    fontSize: 16,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","l","m","s","xs","SIZES_LABEL","fontSize","SIZES_HINT"],"mappings":"AAGA,MAAMA,gBAAiC,CACrCC,QAAS,GACTC,aAAc,EACdC,SAAU,eAGL,MAAMC,MAA8C,CACzDC,GAAIL,gBACJM,EAAGN,gBACHO,EAAGP,gBACHQ,EAAGR,gBACHS,GAAIT,iBAGC,MAAMU,YAAoD,CAC/DL,GAAI,CACFM,SAAU,IAEZL,EAAG,CACDK,SAAU,IAEZJ,EAAG,CACDI,SAAU,IAEZH,EAAG,CACDG,SAAU,IAEZF,GAAI,CACFE,SAAU,KAIP,MAAMC,WAAmD,CAC9DP,GAAI,CACFM,SAAU,IAEZL,EAAG,CACDK,SAAU,IAEZJ,EAAG,CACDI,SAAU,IAEZH,EAAG,CACDG,SAAU,IAEZF,GAAI,CACFE,SAAU"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON, SIZES_ICON as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: '7px 11px',\n  borderRadius: 10,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: { ...SIZE_FORM_LABEL, minHeight: 56 },\n  l: { ...SIZE_FORM_LABEL, minHeight: 52 },\n  m: { ...SIZE_FORM_LABEL, minHeight: 48 },\n  s: { ...SIZE_FORM_LABEL, minHeight: 44 },\n  xs: { ...SIZE_FORM_LABEL, minHeight: 40 },\n}\n\nexport const SIZES_LABEL: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n    marginTop: 7,\n  },\n  l: {\n    fontSize: 18,\n    marginTop: 6,\n  },\n  m: {\n    fontSize: 18,\n    marginTop: 4,\n  },\n  s: {\n    fontSize: 16,\n    marginTop: 4,\n  },\n  xs: {\n    fontSize: 14,\n    marginTop: 4,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  l: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 5,\n  },\n  m: {\n    fontSize: 16,\n    marginTop: 7,\n    marginBottom: 4,\n  },\n  s: {\n    fontSize: 14,\n    marginTop: 6,\n    marginBottom: 2,\n  },\n  xs: {\n    fontSize: 12,\n    marginTop: 4,\n    marginBottom: 1,\n  },\n}\n\nexport const SIZES_HINT: Record<Size, CSSProperties> = {\n  xl: { marginTop: 4 },\n  l: { marginTop: 4 },\n  m: { marginTop: 2 },\n  s: { marginTop: 2 },\n  xs: { marginTop: 0 },\n}\n\nexport const SIZES_HINT_BUTTON: Record<Size, CSSProperties> = {\n  xl: SIZES_BUTTON.xl,\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.l,\n  s: SIZES_BUTTON.m,\n  xs: SIZES_BUTTON.m,\n}\n\nexport const SIZES_HINT_ICON: Record<Size, CSSProperties> = {\n  xl: SIZES_ICON_BUTTON.xl,\n  l: SIZES_ICON_BUTTON.l,\n  m: SIZES_ICON_BUTTON.l,\n  s: SIZES_ICON_BUTTON.m,\n  xs: SIZES_ICON_BUTTON.m,\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","minHeight","l","m","s","xs","SIZES_LABEL","fontSize","marginTop","SIZES_SUBTITLE","marginBottom","SIZES_HINT","SIZES_HINT_BUTTON","SIZES_BUTTON","SIZES_HINT_ICON","SIZES_ICON_BUTTON"],"mappings":"iEAIA,MAAMA,gBAAiC,CACrCC,QAAS,WACTC,aAAc,GACdC,SAAU,eAGL,MAAMC,MAAqC,CAChDC,GAAI,IAAKL,gBAAiBM,UAAW,IACrCC,EAAG,IAAKP,gBAAiBM,UAAW,IACpCE,EAAG,IAAKR,gBAAiBM,UAAW,IACpCG,EAAG,IAAKT,gBAAiBM,UAAW,IACpCI,GAAI,IAAKV,gBAAiBM,UAAW,KAGhC,MAAMK,YAA2C,CACtDN,GAAI,CACFO,SAAU,GACVC,UAAW,GAEbN,EAAG,CACDK,SAAU,GACVC,UAAW,GAEbL,EAAG,CACDI,SAAU,GACVC,UAAW,GAEbJ,EAAG,CACDG,SAAU,GACVC,UAAW,GAEbH,GAAI,CACFE,SAAU,GACVC,UAAW,IAIR,MAAMC,eAA8C,CACzDT,GAAI,CACFO,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBR,EAAG,CACDK,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBP,EAAG,CACDI,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBN,EAAG,CACDG,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBL,GAAI,CACFE,SAAU,GACVC,UAAW,EACXE,aAAc,IAIX,MAAMC,WAA0C,CACrDX,GAAI,CAAEQ,UAAW,GACjBN,EAAG,CAAEM,UAAW,GAChBL,EAAG,CAAEK,UAAW,GAChBJ,EAAG,CAAEI,UAAW,GAChBH,GAAI,CAAEG,UAAW,IAGZ,MAAMI,kBAAiD,CAC5DZ,GAAIa,QAAab,GACjBE,EAAGW,QAAaX,EAChBC,EAAGU,QAAaX,EAChBE,EAAGS,QAAaV,EAChBE,GAAIQ,QAAaV,GAGZ,MAAMW,gBAA+C,CAC1Dd,GAAIe,WAAkBf,GACtBE,EAAGa,WAAkBb,EACrBC,EAAGY,WAAkBb,EACrBE,EAAGW,WAAkBZ,EACrBE,GAAIU,WAAkBZ"}

package/components/FormLabel/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardFormLabelProp=style.createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},contrast:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled__default.default.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\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'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);exports.Content=Content,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardFormLabelProp=style.createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},contrast:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled__default.default.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\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'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Control=styled__default.default.span.withConfig({displayName:"FormLabel__Control",componentId:"ui__sc-mry1kz-1"})(["margin:4px 0;height:fit-content;"]);const Content=styled__default.default.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const Hint=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Hint",componentId:"ui__sc-mry1kz-3"})(["display:flex;align-items:center;height:fit-content;",""],responsiveSize.responsiveSize);exports.Content=Content,exports.Control=Control,exports.Hint=Hint,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/FormLabel/style.js.map

@@ -1 +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: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\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(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\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: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\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(6).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.disabled ? 'not-allowed' : 'pointer'};\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.contrast || props.onColored ? COLOR_SCHEMA.contrast : 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\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}
+{"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 { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { StyledFormLabelProps, FormLabelPalette, Size } 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: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\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(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\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: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\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(6).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.disabled ? 'not-allowed' : 'pointer'};\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.contrast || props.onColored ? COLOR_SCHEMA.contrast : 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\nexport const Control = styled.span`\n  margin: 4px 0;\n  height: fit-content;\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const Hint = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Control","span","Content","Hint"],"mappings":"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"}

package/components/FormLabel/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardFormLabelProp=createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},contrast:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\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'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);export{Content,Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardFormLabelProp=createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},contrast:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\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'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize,responsiveMargin);const Control=styled.span.withConfig({displayName:"FormLabel__Control",componentId:"ui__sc-mry1kz-1"})(["margin:4px 0;height:fit-content;"]);const Content=styled.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const Hint=styled.span.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Hint",componentId:"ui__sc-mry1kz-3"})(["display:flex;align-items:center;height:fit-content;",""],responsiveSize);export{Content,Control,Hint,Root};
 //# sourceMappingURL=style.mjs.map

package/components/FormLabel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","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: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\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(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\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: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\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(6).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.disabled ? 'not-allowed' : 'pointer'};\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.contrast || props.onColored ? COLOR_SCHEMA.contrast : 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\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}
+{"version":3,"file":"style.mjs","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 { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { StyledFormLabelProps, FormLabelPalette, Size } 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: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\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(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\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: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\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(6).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.disabled ? 'not-allowed' : 'pointer'};\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.contrast || props.onColored ? COLOR_SCHEMA.contrast : 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\nexport const Control = styled.span`\n  margin: 4px 0;\n  height: fit-content;\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const Hint = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Control","span","Content","Hint"],"mappings":"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"}

package/components/InputCheckbox/InputCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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 * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/InputCheckbox/types.ts).\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\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          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} 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":["InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","jsx","type","InputChecked","displayName","SIZES"],"mappings":"yNAqBA,MAAMA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,WAAWN,IAAKA,IACvEI,WAAAC,IAACH,gBAAgB,CAAAC,SACWC,eAAzBR,KAAkB,EAAQM,MAAAA,mBAAgCA,MAAmBK,aAA1B,CAAA,UAM9D,CACEC,YA7EmB,gBA8EnBtB,MAAOuB,UAAAA,+BA9EY"}
+{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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 * *v1.0.0*\n *\n * Контрол для переключения состояния элемента между отмеченным и неотмеченным.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\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          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} 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":["InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","jsx","type","InputChecked","displayName","SIZES"],"mappings":"yNAmBA,MAAMA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,WAAWN,IAAKA,IACvEI,WAAAC,IAACH,gBAAgB,CAAAC,SACWC,eAAzBR,KAAkB,EAAQM,MAAAA,mBAAgCA,MAAmBK,aAA1B,CAAA,UAM9D,CACEC,YA3EmB,gBA4EnBtB,MAAOuB,UAAAA,+BA5EY"}

package/components/InputCheckbox/InputCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputCheckbox.mjs","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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 * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/InputCheckbox/types.ts).\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\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          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} 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","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mPAOMA,MAAAA,eAAiB,gBAcvB,MAAMC,cAAqEC,gBAIzEC,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWL,IAAKA,IACvEI,IAACF,UAAgB,CAAAC,SACWC,IAAzBR,KAAkB,EAAQM,mBAAgCA,aAAP,CAAA,UAM9D,CACEI,YA7EmB,gBA8EnBpB,MAAOqB"}
+{"version":3,"file":"InputCheckbox.mjs","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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 * *v1.0.0*\n *\n * Контрол для переключения состояния элемента между отмеченным и неотмеченным.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\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          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} 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","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mPAOMA,MAAAA,eAAiB,gBAYvB,MAAMC,cAAqEC,gBAIzEC,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWL,IAAKA,IACvEI,IAACF,UAAgB,CAAAC,SACWC,IAAzBR,KAAkB,EAAQM,mBAAgCA,aAAP,CAAA,UAM9D,CACEI,YA3EmB,gBA4EnBpB,MAAOqB"}

package/components/InputCheckbox/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CheckboxSize } from './types'\n\nexport const SIZES: Record<CheckboxSize, CSSProperties> = {\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n}\n"],"names":["xl","width","height","borderRadius","l","m","s","xs"],"mappings":"2BAG0D,CACxDA,GAAI,CACFC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,EAAG,CACDH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,GAAI,CACFN,MAAO,GACPC,OAAQ,GACRC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n}\n"],"names":["xl","width","height","borderRadius","l","m","s","xs"],"mappings":"2BAGkD,CAChDA,GAAI,CACFC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,EAAG,CACDH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,GAAI,CACFN,MAAO,GACPC,OAAQ,GACRC,aAAc"}

package/components/InputCheckbox/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CheckboxSize } from './types'\n\nexport const SIZES: Record<CheckboxSize, CSSProperties> = {\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xl","width","height","borderRadius","l","m","s","xs"],"mappings":"AAGO,MAAMA,MAA6C,CACxDC,GAAI,CACFC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,EAAG,CACDH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,GAAI,CACFN,MAAO,GACPC,OAAQ,GACRC,aAAc"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xl","width","height","borderRadius","l","m","s","xs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,GAAI,CACFC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,EAAG,CACDH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,GAAI,CACFN,MAAO,GACPC,OAAQ,GACRC,aAAc"}

package/components/InputCheckbox/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var checked=require('./images/checked.svg.js');var indeterminate=require('./images/indeterminate.svg.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardInputCheckboxProp=style.createShouldForwardProp((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));const Input=styled__default.default.input.withConfig({displayName:"InputCheckbox__Input",componentId:"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;}"]);const InputMask=styled__default.default.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"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;"]);const InputChecked=styled__default.default(checked.default).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled__default.default(indeterminate.default).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n    color: ${o.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))},contrast:{error:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `),(o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default}),responsiveSize.responsiveSize);exports.Input=Input,exports.InputChecked=InputChecked,exports.InputIndeterminate=InputIndeterminate,exports.InputMask=InputMask,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var checked=require('./images/checked.svg.js');var indeterminate=require('./images/indeterminate.svg.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardInputCheckboxProp=style.createShouldForwardProp((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));const Input=styled__default.default.input.withConfig({displayName:"InputCheckbox__Input",componentId:"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;}"]);const InputMask=styled__default.default.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"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;"]);const InputChecked=styled__default.default(checked.default).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled__default.default(indeterminate.default).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n    color: ${o.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))},contrast:{error:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `),(o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default}),responsiveSize.responsiveSize);exports.Input=Input,exports.InputChecked=InputChecked,exports.InputIndeterminate=InputIndeterminate,exports.InputMask=InputMask,exports.Root=Root;
 //# sourceMappingURL=style.js.map