@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/InputLabel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/InputLabel/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport type { ResponsiveMarginProps } from 'mixins/responsive-margin'\nimport type { Size, InputLabelProps } from './types'\n\nconst shouldForwardInputLabelProp = createShouldForwardProp((propKey) => !['hidden'].includes(propKey))\n\nexport const Label = styled.div.withConfig<{ shift: boolean }>({\n  shouldForwardProp: (propKey) => !['shift', 'hidden'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${props.hidden ? 0 : 1};\n    z-index: ${props.hidden ? -1 : 'auto'};\n  `}\n\n  ${(props) =>\n    props.shift &&\n    `\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    `}\n  \n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms, 0ms;\n  }\n`\n\nexport const Root = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, InputLabelProps & ResponsiveMarginProps>\n>({\n  shouldForwardProp: shouldForwardInputLabelProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  transform: translateZ(0);\n  width: 100%;\n\n  ${(props) => `\n    & > *:not(${Label}) {\n      opacity: ${props.hidden ? 0 : 1};\n    }  \n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","hidden","shift","Root","responsiveSize","responsiveMargin"],"mappings":"sOAQA,MAAMA,4BAA8BC,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEvF,MAAME,MAAQC,OAAOC,IAAIC,WAA+B,CAC7DC,kBAAoBN,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,GAAA,IAAA,0EACGM,GAAU,+aAeAA,EAAMC,OAAS,EAAI,oBACnBD,EAAMC,QAAS,EAAK,gBAG9BD,GACDA,EAAME,OACN,uIAWG,MAAMC,KAAOT,OAAOC,IAAIC,WAE7B,CACAC,kBAAmBR,8BACnBO,WAAA,CAAAE,YAAA,mBAAAC,YAAA,oBAJkBL,CAIlB,CAAA,+GAAA,IAAA,IAAA,KAQGM,GAAU,mBACCP,4BACCO,EAAMC,OAAS,EAAI,mBAIhCG,eACAC"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/InputLabel/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport type { ResponsiveMarginProps } from 'mixins/responsive-margin'\nimport type { Size, InputLabelProps } from './types'\n\nconst shouldForwardInputLabelProp = createShouldForwardProp((propKey) => !['hidden'].includes(propKey))\n\nexport const Label = styled.div.withConfig<{ shift: boolean }>({\n  shouldForwardProp: (propKey) => !['shift', 'hidden'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${props.hidden ? 0 : 1};\n    z-index: ${props.hidden ? -1 : 'auto'};\n  `}\n\n  ${(props) =>\n    props.shift &&\n    `\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    `}\n  \n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms, 0ms;\n  }\n`\n\nexport const Root = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, InputLabelProps & ResponsiveMarginProps>\n>({\n  shouldForwardProp: shouldForwardInputLabelProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  transform: translateZ(0);\n  width: 100%;\n\n  ${(props) => `\n    & > *:not(${Label}) {\n      opacity: ${props.hidden ? 0 : 1};\n    }  \n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","hidden","shift","Root","responsiveSize","responsiveMargin"],"mappings":"sOAQA,MAAMA,4BAA8BC,wBAAyBC,IAAa,CAAC,UAAUC,SAASD,IAEvF,MAAME,MAAQC,OAAOC,IAAIC,WAA+B,CAC7DC,kBAAoBN,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,GAAA,IAAA,yEACGM,GAAU,+aAeAA,EAAMC,OAAS,EAAI,oBACnBD,EAAMC,QAAS,EAAK,cAG9BD,GACDA,EAAME,OACN,sIAWG,MAAMC,KAAOT,OAAOC,IAAIC,WAE7B,CACAC,kBAAmBR,8BACnBO,WAAA,CAAAE,YAAA,mBAAAC,YAAA,oBAJkBL,CAIlB,CAAA,+GAAA,IAAA,IAAA,IAQGM,GAAU,mBACCP,4BACCO,EAAMC,OAAS,EAAI,kBAIhCG,eACAC"}

package/components/InputRadio/InputRadio.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const InputRadio=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:a,sizeXL:n,sizes:o,sizeUnits:d,preset:l,inline:u,error:c,success:p,contrast:z,onColored:R,palette:j,style:x,className:m,disabled:y,...M},I)=>jsxRuntime.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:a,sizeXL:n,sizes:o,sizeUnits:d,preset:l,inline:u,error:c,success:p,contrast:z,onColored:R,palette:j,style:x,className:m,disabled:y,children:[jsxRuntime.jsx(style.Input,{...M,disabled:y,type:"radio",ref:I}),jsxRuntime.jsx(style.InputMask,{})]}))),{displayName:"InputRadio",sizes:constants.SIZES});exports.COMPONENT_NAME="InputRadio",exports.InputRadio=InputRadio;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const InputRadio=withMergedProps.withMergedProps(React.forwardRef(({size:e="m",sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:a,sizeXL:n,sizes:o,sizeUnits:d,preset:l,inline:u,error:c,success:p,contrast:z,onColored:R,palette:j,style:x,className:m,disabled:y,...M},I)=>jsxRuntime.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:a,sizeXL:n,sizes:o,sizeUnits:d,preset:l,inline:u,error:c,success:p,contrast:z,onColored:R,palette:j,style:x,className:m,disabled:y,children:[jsxRuntime.jsx(style.Input,{...M,disabled:y,type:"radio",ref:I}),jsxRuntime.jsx(style.InputMask,{})]})),{displayName:"InputRadio",sizes:constants.SIZES});exports.COMPONENT_NAME="InputRadio",exports.InputRadio=InputRadio;
 //# sourceMappingURL=InputRadio.js.map

package/components/InputRadio/InputRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.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 { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для выбора единственного активного состояния элемента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<InputRadioProps>>(\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        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          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["InputRadio","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"yNAmBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVtB,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,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,WAAAA,IAACF,YAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,QAAQL,IAAKA,IACpEI,WAAAA,IAACF,MAAAA,mBAKT,CACEI,YApEmB,aAqEnBnB,MAAOoB,UAAAA,+BArEY"}
+{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.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 { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для выбора единственного активного состояния элемента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<InputRadioProps>>(\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        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          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["InputRadio","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"yNAmBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,WACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVtB,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,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,WAAAA,IAACF,YAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,QAAQL,IAAKA,IACpEI,WAAAA,IAACF,MAAAA,kBAKT,CACEI,YApEmB,aAqEnBnB,MAAOoB,UAAAA,+BArEY"}

package/components/InputRadio/InputRadio.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Input,InputMask}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='InputRadio';const InputRadio=withMergedProps(forwardRef((({size:s="m",sizeXXS:e,sizeXS:i,sizeS:t,sizeM:o,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,preset:d,inline:z,error:m,success:l,contrast:c,onColored:u,palette:M,style:f,className:I,disabled:S,...j},N)=>jsxs(Root,{size:s,sizeXXS:e,sizeXS:i,sizeS:t,sizeM:o,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,preset:d,inline:z,error:m,success:l,contrast:c,onColored:u,palette:M,style:f,className:I,disabled:S,children:[jsx(Input,{...j,disabled:S,type:"radio",ref:N}),jsx(InputMask,{})]}))),{displayName:"InputRadio",sizes:SIZES});export{COMPONENT_NAME,InputRadio};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Input,InputMask}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='InputRadio';const InputRadio=withMergedProps(forwardRef(({size:s="m",sizeXXS:e,sizeXS:i,sizeS:t,sizeM:o,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,preset:d,inline:z,error:m,success:l,contrast:c,onColored:u,palette:M,style:f,className:I,disabled:S,...j},N)=>jsxs(Root,{size:s,sizeXXS:e,sizeXS:i,sizeS:t,sizeM:o,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,preset:d,inline:z,error:m,success:l,contrast:c,onColored:u,palette:M,style:f,className:I,disabled:S,children:[jsx(Input,{...j,disabled:S,type:"radio",ref:N}),jsx(InputMask,{})]})),{displayName:"InputRadio",sizes:SIZES});export{COMPONENT_NAME,InputRadio};
 //# sourceMappingURL=InputRadio.mjs.map

package/components/InputRadio/InputRadio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputRadio.mjs","sources":["../../../../src/components/InputRadio/InputRadio.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 { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для выбора единственного активного состояния элемента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<InputRadioProps>>(\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        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          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mNAOA,MAAMA,eAAiB,aAYvB,MAAMC,WAA+DC,gBACnEC,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVtB,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,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,QAAQL,IAAKA,IACpEI,IAACF,mBAKT,CACEI,YApEmB,aAqEnBnB,MAAOoB"}
+{"version":3,"file":"InputRadio.mjs","sources":["../../../../src/components/InputRadio/InputRadio.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 { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для выбора единственного активного состояния элемента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<InputRadioProps>>(\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        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          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mNAOA,MAAMA,eAAiB,aAYvB,MAAMC,WAA+DC,gBACnEC,WACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVtB,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,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,QAAQL,IAAKA,IACpEI,IAACF,kBAKT,CACEI,YApEmB,aAqEnBnB,MAAOoB"}

package/components/InputRadio/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 hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardInputRadioProp=style.createShouldForwardProp((o=>!['inline','error','success','onColored','disabled'].includes(o)));const Input=styled__default.default.input.withConfig({displayName:"InputRadio__Input",componentId:"ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled__default.default.span.withConfig({displayName:"InputRadio__InputMask",componentId:"ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${o.color};\n  }\n  ${hover.hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      &::before {\n        background-color: ${o.colorHover};\n      }\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-error-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-success-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['bg-brand-primary-basic'],borderColorChecked:o.theme.colors['bg-brand-primary-basic'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})))},contrast:{error:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-error'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-error'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-success'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['bg-brand-primary-basic'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['bg-brand-primary-basic'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:o.theme.colors['bg-oncolor-primary'],borderColorChecked:o.theme.colors['bg-oncolor-primary'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardInputRadioProp}).withConfig({displayName:"InputRadio__Root",componentId:"ui__sc-rgocm7-2"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask}::before {\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 e=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?e.error:o.success?e.success:e.default}),responsiveSize.responsiveSize);exports.Input=Input,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 hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardInputRadioProp=style.createShouldForwardProp(o=>!['inline','error','success','onColored','disabled'].includes(o));const Input=styled__default.default.input.withConfig({displayName:"InputRadio__Input",componentId:"ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled__default.default.span.withConfig({displayName:"InputRadio__InputMask",componentId:"ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${o.color};\n  }\n  ${hover.hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      &::before {\n        background-color: ${o.colorHover};\n      }\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-error-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-success-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['bg-brand-primary-basic'],borderColorChecked:o.theme.colors['bg-brand-primary-basic'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))},contrast:{error:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-error'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-error'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-success'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['bg-brand-primary-basic'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['bg-brand-primary-basic'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:o.theme.colors['bg-oncolor-primary'],borderColorChecked:o.theme.colors['bg-oncolor-primary'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardInputRadioProp}).withConfig({displayName:"InputRadio__Root",componentId:"ui__sc-rgocm7-2"})([""," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask}::before {\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 e=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?e.error:o.success?e.success:e.default},responsiveSize.responsiveSize);exports.Input=Input,exports.InputMask=InputMask,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/InputRadio/style.js.map

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

package/components/InputRadio/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardInputRadioProp=createShouldForwardProp((o=>!['inline','error','success','onColored','disabled'].includes(o)));const Input=styled.input.withConfig({displayName:"InputRadio__Input",componentId:"ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled.span.withConfig({displayName:"InputRadio__InputMask",componentId:"ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${o.color};\n  }\n  ${hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      &::before {\n        background-color: ${o.colorHover};\n      }\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-error-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-success-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['bg-brand-primary-basic'],borderColorChecked:o.theme.colors['bg-brand-primary-basic'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})))},contrast:{error:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-error'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-error'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-success'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['bg-brand-primary-basic'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['bg-brand-primary-basic'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:o.theme.colors['bg-oncolor-primary'],borderColorChecked:o.theme.colors['bg-oncolor-primary'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardInputRadioProp}).withConfig({displayName:"InputRadio__Root",componentId:"ui__sc-rgocm7-2"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask}::before {\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 e=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?e.error:o.success?e.success:e.default}),responsiveSize);export{Input,InputMask,Root};
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardInputRadioProp=createShouldForwardProp(o=>!['inline','error','success','onColored','disabled'].includes(o));const Input=styled.input.withConfig({displayName:"InputRadio__Input",componentId:"ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled.span.withConfig({displayName:"InputRadio__InputMask",componentId:"ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${o.color};\n  }\n  ${hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      &::before {\n        background-color: ${o.colorHover};\n      }\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-error-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['alert-bg-success-500'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['bg-brand-primary-basic'],borderColorChecked:o.theme.colors['bg-brand-primary-basic'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))},contrast:{error:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-error'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-error'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-error-500'],borderColorChecked:o.theme.colors['alert-bg-error-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['alert-success'],colorChecked:o.theme.colors['content-oncolor-primary'],backgroundColorChecked:o.theme.colors['alert-bg-success-500'],borderColorChecked:o.theme.colors['alert-bg-success-500'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['bg-brand-primary-basic'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-small'],colorHover:o.theme.colors['bg-brand-primary-basic'],backgroundColorHover:o.theme.colors['bg-onmain-primary'],borderColorHover:o.theme.colors['border-brand-primary'],colorChecked:o.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:o.theme.colors['bg-oncolor-primary'],borderColorChecked:o.theme.colors['bg-oncolor-primary'],colorDisabled:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['border-disabled'],colorDisabledChecked:o.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.theme.colors['bg-disabled-active'],borderColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette}))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardInputRadioProp}).withConfig({displayName:"InputRadio__Root",componentId:"ui__sc-rgocm7-2"})([""," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask}::before {\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 e=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?e.error:o.success?e.success:e.default},responsiveSize);export{Input,InputMask,Root};
 //# sourceMappingURL=style.mjs.map

package/components/InputRadio/style.mjs.map

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

package/components/ListItem/ListItem.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');const ListItem=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="s",borderRadius:i=0,mediaBorderRadius:n="50%",controlPosition:o="left",captionPosition:r="bottom",ellipsis:l=!0,iconProps:a={},textProps:c={},captionProps:d={},sizeXXS:u,sizeXS:x,sizeS:p,sizeM:j,sizeL:m,sizeXL:R,text:h,children:y,control:f,icon:z,media:b,caption:S,addon:g,onColored:I,disabled:v,loading:P,...T}=e;let q;let L;f&&(q='label'),T.href&&(q='a'),T.as&&(q=T.as),q||(L='button'),T.type&&(L=T.type);const M={size:s,sizeXXS:u,sizeXS:x,sizeS:p,sizeM:j,sizeL:m,sizeXL:R};const X={onColored:I,disabled:v};const k=typeof f=='object'&&typeof f.props=='object'&&f.props!==null?f.props:{};const[w,C]=Array.isArray(z)?z:[z];const E={appearance:'body',size:'inherit',color:'inherit',ellipsis:l};const A={appearance:'body',size:.9,sizeUnits:'em',color:'inherit',ellipsis:l};return jsxRuntime.jsx(style.Root,{...M,...X,...T,as:q,type:L,borderRadius:i,mediaBorderRadius:n,ref:t,children:typeof y=='function'?y({textProps:E,captionProps:A}):jsxRuntime.jsxs(jsxRuntime.Fragment,P?{children:[b?jsxRuntime.jsx(style.Media,{children:jsxRuntime.jsx(Skeleton.Skeleton,{width:"100%",height:"100%",borderRadius:"inherit"})}):null,jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Skeleton.Skeleton,{width:"100%",borderRadius:4,children:jsxRuntime.jsx(Text.Text,{...E,...c})})})]}:{children:[f&&o==='left'?typeof f=='function'?f({...M,...X}):React.cloneElement(f,{...M,...X,...k}):null,w?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof w=='string'?w:void 0,icon:typeof w!='string'?w:void 0,...a}):null,b?jsxRuntime.jsx(style.Media,{children:React.isValidElement(b)?b:jsxRuntime.jsx(style.Img,{alt:"",...b})}):null,y||h||S?jsxRuntime.jsxs(style.Content,{children:[S&&r==='top'?jsxRuntime.jsx(Text.Text,{as:"span",...A,...d,children:S}):null,y||h?jsxRuntime.jsx(Text.Text,{as:"span",...E,...c,children:y??h}):null,S&&r==='bottom'?jsxRuntime.jsx(Text.Text,{as:"span",...A,...d,children:S}):null]}):null,g,C?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,...a}):null,f&&o==='right'?typeof f=='function'?f({...M,...X}):React.cloneElement(f,{...M,...X,...k}):null]})})})),{displayName:'ListItem',sizes:constants.SIZES});exports.ListItem=ListItem;
+'use strict';var useMergedProps=require('../../hooks/useMergedProps.js');var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/ChevronRight/index.js');const ListItem=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((e,t)=>{const{component:s="button",size:o="s",borderRadius:r=0,withChevron:i,children:n,content:l,text:a,caption:c,addonLeft:x,addonRight:p,loadingLayout:u,loading:j,sizeXXS:d,sizeXS:m,sizeS:S,sizeM:R,sizeL:h,sizeXL:z,...P}=useMergedProps.useMergedProps(e,{componentName:"ListItem",sizes:sizes.SIZES});const v={size:o,sizeXXS:d,sizeXS:m,sizeS:S,sizeM:R,sizeL:h,sizeXL:z};const g={...v,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',ellipsis:!0,textAlign:'start'};const y={...v,sizes:sizes.SIZES_CAPTION,appearance:'body',color:'inherit',ellipsis:!0,textAlign:'start'};const I={width:'65%',borderRadius:4,onColored:P.contrast&&!P.active};return jsxRuntime.jsx(style.Root,{...P,...v,as:s,type:P.type??(s==='button'?'button':void 0),borderRadius:r,loading:j,ref:t,children:jsxRuntime.jsx(Slot.Slot,{render:n,props:{textProps:g,captionProps:y},fallback:j?jsxRuntime.jsx(Slot.Slot,{render:u,props:{textProps:g,captionProps:y,skeletonProps:I},fallback:jsxRuntime.jsx(Skeleton.Skeleton,{...I,children:jsxRuntime.jsx(Text.Text,{...g})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:x}),jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Slot.Slot,{render:l,props:{textProps:g,captionProps:y},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:a,props:g}),jsxRuntime.jsx(Slot.Slot,{render:c,props:y})]})})}),i?jsxRuntime.jsx(Icon.Icon,{icon:jsxRuntime.jsx(index.ChevronRight,{}),size:24,color:"inherit"}):null,jsxRuntime.jsx(Slot.Slot,{render:p})]})})})});exports.ListItem=ListItem;
 //# sourceMappingURL=ListItem.js.map

package/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef<HTMLElement, MergedProps<ListItemProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit', ellipsis }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit', ellipsis }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : loading ? (\n          <>\n            {media ? (\n              <Styled.Media>\n                <Skeleton width='100%' height='100%' borderRadius='inherit' />\n              </Styled.Media>\n            ) : null}\n            <Styled.Content>\n              <Skeleton width='100%' borderRadius={4}>\n                <Text {...textBaseProps} {...textProps} />\n              </Skeleton>\n            </Styled.Content>\n          </>\n        ) : (\n          <>\n            {control && controlPosition === 'left'\n              ? typeof control === 'function'\n                ? control({ ...sizeProps, ...stateProps })\n                : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps })\n              : null}\n            {before ? (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconProps}\n              />\n            ) : null}\n            {media ? (\n              <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n            ) : null}\n            {children || text || caption ? (\n              <Styled.Content>\n                {caption && captionPosition === 'top' ? (\n                  <Text as='span' {...captionBaseProps} {...captionProps}>\n                    {caption}\n                  </Text>\n                ) : null}\n                {children || text ? (\n                  <Text as='span' {...textBaseProps} {...textProps}>\n                    {children ?? text}\n                  </Text>\n                ) : null}\n                {caption && captionPosition === 'bottom' ? (\n                  <Text as='span' {...captionBaseProps} {...captionProps}>\n                    {caption}\n                  </Text>\n                ) : null}\n              </Styled.Content>\n            ) : null}\n            {addon}\n            {after ? (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconProps}\n              />\n            ) : null}\n            {control && controlPosition === 'right'\n              ? typeof control === 'function'\n                ? control({ ...sizeProps, ...stateProps })\n                : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps })\n              : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled","_jsxs","_Fragment","Skeleton","width","height","Text","cloneElement","Icon","preset","name","undefined","isValidElement","alt","displayName","sizes","SIZES"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { ChevronRight } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport type { TextProps } from 'components/Text'\nimport type { SkeletonProps } from 'components/Skeleton'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport { SIZES, SIZES_TEXT, SIZES_CAPTION } from './sizes'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для вывода элемента списка.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<button\\>).\n */\nconst ListItem = createPolymorphicComponentWithRef<'button', ListItemProps>((props, ref) => {\n  const {\n    component = 'button',\n    size = 's',\n    borderRadius = 0,\n    withChevron,\n    children,\n    content,\n    text,\n    caption,\n    addonLeft,\n    addonRight,\n    loadingLayout,\n    loading,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, ListItemProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const textProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    appearance: 'body',\n    color: 'inherit',\n    ellipsis: true,\n    textAlign: 'start',\n  }\n\n  const captionProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_CAPTION,\n    appearance: 'body',\n    color: 'inherit',\n    ellipsis: true,\n    textAlign: 'start',\n  }\n\n  const skeletonProps: SkeletonProps = {\n    width: '65%',\n    borderRadius: 4,\n    onColored: restProps.contrast && !restProps.active,\n  }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      {...sizeProps}\n      as={component}\n      type={restProps.type ?? (component === 'button' ? 'button' : undefined)}\n      borderRadius={borderRadius}\n      loading={loading}\n      ref={ref}\n    >\n      <Slot\n        render={children}\n        props={{\n          textProps,\n          captionProps,\n        }}\n        fallback={\n          loading ? (\n            <Slot\n              render={loadingLayout}\n              props={{\n                textProps,\n                captionProps,\n                skeletonProps,\n              }}\n              fallback={\n                <Skeleton {...skeletonProps}>\n                  <Text {...textProps} />\n                </Skeleton>\n              }\n            />\n          ) : (\n            <>\n              <Slot render={addonLeft} />\n              <Styled.Content>\n                <Slot\n                  render={content}\n                  props={{\n                    textProps,\n                    captionProps,\n                  }}\n                  fallback={\n                    <>\n                      <Slot render={text} props={textProps} />\n                      <Slot render={caption} props={captionProps} />\n                    </>\n                  }\n                />\n              </Styled.Content>\n              {withChevron ? <Icon icon={<ChevronRight />} size={24} color='inherit' /> : null}\n              <Slot render={addonRight} />\n            </>\n          )\n        }\n      />\n    </Styled.Root>\n  )\n})\n\nconst ListItemDoc: React.FC<ListItemProps> = () => null\n\nexport { ListItemDoc, ListItem }\n"],"names":["ListItem","createPolymorphicComponentWithRef","props","ref","component","size","borderRadius","withChevron","children","content","text","caption","addonLeft","addonRight","loadingLayout","loading","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","textProps","SIZES_TEXT","appearance","color","ellipsis","textAlign","captionProps","SIZES_CAPTION","skeletonProps","width","onColored","contrast","active","_jsx","Styled","as","type","undefined","Slot","render","fallback","Skeleton","Text","_jsxs","_Fragment","Icon","icon","ChevronRight"],"mappings":"+fA0BA,MAAMA,SAAWC,kCAAAA,kCAA2D,CAACC,EAAOC,KAClF,MAAMC,UACJA,EAAY,SAAQC,KACpBA,EAAO,IAAGC,aACVA,EAAe,EAACC,YAChBA,EAAWC,SACXA,EAAQC,QACRA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,UACPA,EAASC,WACTA,EAAUC,cACVA,EAAaC,QACbA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAAA,eAAmErB,EAAO,CAC5EsB,cAlCmB,WAmCnBC,MAAOC,MAAAA,QAGT,MAAMC,EAAY,CAChBtB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAAuB,IACxBD,EACHF,MAAOI,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,UAAU,EACVC,UAAW,SAGb,MAAMC,EAA0B,IAC3BP,EACHF,MAAOU,MAAAA,cACPL,WAAY,OACZC,MAAO,UACPC,UAAU,EACVC,UAAW,SAGb,MAAMG,EAA+B,CACnCC,MAAO,MACP/B,aAAc,EACdgC,UAAWhB,EAAUiB,WAAajB,EAAUkB,QAG9C,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNpB,KACAK,EACJgB,GAAIvC,EACJwC,KAAMtB,EAAUsB,OAASxC,IAAc,SAAW,cAAWyC,GAC7DvC,aAAcA,EACdS,QAASA,EACTZ,IAAKA,EAAIK,SAETiC,WAAAA,IAACK,UAAI,CACHC,OAAQvC,EACRN,MAAO,CACL0B,YACAM,gBAEFc,SACEjC,EACE0B,WAAAA,IAACK,UAAI,CACHC,OAAQjC,EACRZ,MAAO,CACL0B,YACAM,eACAE,iBAEFY,SACEP,WAAAA,IAACQ,kBAAQ,IAAKb,EAAa5B,SACzBiC,WAAAA,IAACS,UAAI,IAAKtB,QAKhBuB,WAAAA,KAAAC,oBAAA,CAAA5C,SAAA,CACEiC,WAAAA,IAACK,UAAI,CAACC,OAAQnC,IACd6B,WAAAA,IAACC,cAAc,CAAAlC,SACbiC,WAAAA,IAACK,UAAI,CACHC,OAAQtC,EACRP,MAAO,CACL0B,YACAM,gBAEFc,SACEG,WAAAA,KAAAC,oBAAA,CAAA5C,SAAA,CACEiC,WAAAA,IAACK,UAAI,CAACC,OAAQrC,EAAMR,MAAO0B,IAC3Ba,WAAAA,IAACK,UAAI,CAACC,OAAQpC,EAAST,MAAOgC,WAKrC3B,EAAckC,WAAAA,IAACY,UAAI,CAACC,KAAMb,WAAAA,IAACc,MAAAA,iBAAiBlD,KAAM,GAAI0B,MAAM,YAAe,KAC5EU,WAAAA,IAACK,UAAI,CAACC,OAAQlC"}

package/components/ListItem/ListItem.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,cloneElement,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Media,Content,Img}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';const ListItem=withMergedProps(forwardRef(((e,o)=>{const{size:t="s",borderRadius:s=0,mediaBorderRadius:i="50%",controlPosition:n="left",captionPosition:r="bottom",ellipsis:l=!0,iconProps:d={},textProps:a={},captionProps:p={},sizeXXS:c,sizeXS:m,sizeS:x,sizeM:f,sizeL:h,sizeXL:j,text:u,children:y,control:z,icon:b,media:S,caption:g,addon:I,onColored:P,disabled:R,loading:M,...X}=e;let w;let E;z&&(w='label'),X.href&&(w='a'),X.as&&(w=X.as),w||(E='button'),X.type&&(E=X.type);const L={size:t,sizeXXS:c,sizeXS:m,sizeS:x,sizeM:f,sizeL:h,sizeXL:j};const T={onColored:P,disabled:R};const k=typeof z=='object'&&typeof z.props=='object'&&z.props!==null?z.props:{};const[C,v]=Array.isArray(b)?b:[b];const A={appearance:'body',size:'inherit',color:'inherit',ellipsis:l};const B={appearance:'body',size:.9,sizeUnits:'em',color:'inherit',ellipsis:l};return jsx(Root,{...L,...T,...X,as:w,type:E,borderRadius:s,mediaBorderRadius:i,ref:o,children:typeof y=='function'?y({textProps:A,captionProps:B}):jsxs(Fragment,M?{children:[S?jsx(Media,{children:jsx(Skeleton,{width:"100%",height:"100%",borderRadius:"inherit"})}):null,jsx(Content,{children:jsx(Skeleton,{width:"100%",borderRadius:4,children:jsx(Text,{...A,...a})})})]}:{children:[z&&n==='left'?typeof z=='function'?z({...L,...T}):cloneElement(z,{...L,...T,...k}):null,C?jsx(Icon,{preset:"brand",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,...d}):null,S?jsx(Media,{children:isValidElement(S)?S:jsx(Img,{alt:"",...S})}):null,y||u||g?jsxs(Content,{children:[g&&r==='top'?jsx(Text,{as:"span",...B,...p,children:g}):null,y||u?jsx(Text,{as:"span",...A,...a,children:y??u}):null,g&&r==='bottom'?jsx(Text,{as:"span",...B,...p,children:g}):null]}):null,I,v?jsx(Icon,{preset:"brand",name:typeof v=='string'?v:void 0,icon:typeof v!='string'?v:void 0,...d}):null,z&&n==='right'?typeof z=='function'?z({...L,...T}):cloneElement(z,{...L,...T,...k}):null]})})})),{displayName:'ListItem',sizes:SIZES});export{ListItem};
+import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{SIZES,SIZES_CAPTION,SIZES_TEXT}from'./sizes.mjs';import{Root,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';import{ChevronRight}from'../../icon-pack/src/icons/ChevronRight/index.mjs';const ListItem=createPolymorphicComponentWithRef((o,e)=>{const{component:t="button",size:s="s",borderRadius:r=0,withChevron:i,children:n,content:p,text:l,caption:c,addonLeft:m,addonRight:a,loadingLayout:d,loading:S,sizeXXS:x,sizeXS:h,sizeS:j,sizeM:z,sizeL:f,sizeXL:g,...I}=useMergedProps(o,{componentName:"ListItem",sizes:SIZES});const P={size:s,sizeXXS:x,sizeXS:h,sizeS:j,sizeM:z,sizeL:f,sizeXL:g};const u={...P,sizes:SIZES_TEXT,appearance:'body',color:'inherit',ellipsis:!0,textAlign:'start'};const C={...P,sizes:SIZES_CAPTION,appearance:'body',color:'inherit',ellipsis:!0,textAlign:'start'};const R={width:'65%',borderRadius:4,onColored:I.contrast&&!I.active};return jsx(Root,{...I,...P,as:t,type:I.type??(t==='button'?'button':void 0),borderRadius:r,loading:S,ref:e,children:jsx(Slot,{render:n,props:{textProps:u,captionProps:C},fallback:S?jsx(Slot,{render:d,props:{textProps:u,captionProps:C,skeletonProps:R},fallback:jsx(Skeleton,{...R,children:jsx(Text,{...u})})}):jsxs(Fragment,{children:[jsx(Slot,{render:m}),jsx(Content,{children:jsx(Slot,{render:p,props:{textProps:u,captionProps:C},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:l,props:u}),jsx(Slot,{render:c,props:C})]})})}),i?jsx(Icon,{icon:jsx(ChevronRight,{}),size:24,color:"inherit"}):null,jsx(Slot,{render:a})]})})})});export{ListItem};
 //# sourceMappingURL=ListItem.mjs.map

package/components/ListItem/ListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.mjs","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef<HTMLElement, MergedProps<ListItemProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit', ellipsis }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit', ellipsis }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : loading ? (\n          <>\n            {media ? (\n              <Styled.Media>\n                <Skeleton width='100%' height='100%' borderRadius='inherit' />\n              </Styled.Media>\n            ) : null}\n            <Styled.Content>\n              <Skeleton width='100%' borderRadius={4}>\n                <Text {...textBaseProps} {...textProps} />\n              </Skeleton>\n            </Styled.Content>\n          </>\n        ) : (\n          <>\n            {control && controlPosition === 'left'\n              ? typeof control === 'function'\n                ? control({ ...sizeProps, ...stateProps })\n                : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps })\n              : null}\n            {before ? (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconProps}\n              />\n            ) : null}\n            {media ? (\n              <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n            ) : null}\n            {children || text || caption ? (\n              <Styled.Content>\n                {caption && captionPosition === 'top' ? (\n                  <Text as='span' {...captionBaseProps} {...captionProps}>\n                    {caption}\n                  </Text>\n                ) : null}\n                {children || text ? (\n                  <Text as='span' {...textBaseProps} {...textProps}>\n                    {children ?? text}\n                  </Text>\n                ) : null}\n                {caption && captionPosition === 'bottom' ? (\n                  <Text as='span' {...captionBaseProps} {...captionProps}>\n                    {caption}\n                  </Text>\n                ) : null}\n              </Styled.Content>\n            ) : null}\n            {addon}\n            {after ? (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconProps}\n              />\n            ) : null}\n            {control && controlPosition === 'right'\n              ? typeof control === 'function'\n                ? control({ ...sizeProps, ...stateProps })\n                : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps })\n              : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled","_jsxs","_Fragment","Skeleton","width","height","Text","cloneElement","Icon","preset","name","undefined","isValidElement","alt","displayName","sizes","SIZES"],"mappings":"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"}
+{"version":3,"file":"ListItem.mjs","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { ChevronRight } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport type { TextProps } from 'components/Text'\nimport type { SkeletonProps } from 'components/Skeleton'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport { SIZES, SIZES_TEXT, SIZES_CAPTION } from './sizes'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для вывода элемента списка.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<button\\>).\n */\nconst ListItem = createPolymorphicComponentWithRef<'button', ListItemProps>((props, ref) => {\n  const {\n    component = 'button',\n    size = 's',\n    borderRadius = 0,\n    withChevron,\n    children,\n    content,\n    text,\n    caption,\n    addonLeft,\n    addonRight,\n    loadingLayout,\n    loading,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, ListItemProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const textProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    appearance: 'body',\n    color: 'inherit',\n    ellipsis: true,\n    textAlign: 'start',\n  }\n\n  const captionProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_CAPTION,\n    appearance: 'body',\n    color: 'inherit',\n    ellipsis: true,\n    textAlign: 'start',\n  }\n\n  const skeletonProps: SkeletonProps = {\n    width: '65%',\n    borderRadius: 4,\n    onColored: restProps.contrast && !restProps.active,\n  }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      {...sizeProps}\n      as={component}\n      type={restProps.type ?? (component === 'button' ? 'button' : undefined)}\n      borderRadius={borderRadius}\n      loading={loading}\n      ref={ref}\n    >\n      <Slot\n        render={children}\n        props={{\n          textProps,\n          captionProps,\n        }}\n        fallback={\n          loading ? (\n            <Slot\n              render={loadingLayout}\n              props={{\n                textProps,\n                captionProps,\n                skeletonProps,\n              }}\n              fallback={\n                <Skeleton {...skeletonProps}>\n                  <Text {...textProps} />\n                </Skeleton>\n              }\n            />\n          ) : (\n            <>\n              <Slot render={addonLeft} />\n              <Styled.Content>\n                <Slot\n                  render={content}\n                  props={{\n                    textProps,\n                    captionProps,\n                  }}\n                  fallback={\n                    <>\n                      <Slot render={text} props={textProps} />\n                      <Slot render={caption} props={captionProps} />\n                    </>\n                  }\n                />\n              </Styled.Content>\n              {withChevron ? <Icon icon={<ChevronRight />} size={24} color='inherit' /> : null}\n              <Slot render={addonRight} />\n            </>\n          )\n        }\n      />\n    </Styled.Root>\n  )\n})\n\nconst ListItemDoc: React.FC<ListItemProps> = () => null\n\nexport { ListItemDoc, ListItem }\n"],"names":["ListItem","createPolymorphicComponentWithRef","props","ref","component","size","borderRadius","withChevron","children","content","text","caption","addonLeft","addonRight","loadingLayout","loading","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","textProps","SIZES_TEXT","appearance","color","ellipsis","textAlign","captionProps","SIZES_CAPTION","skeletonProps","width","onColored","contrast","active","_jsx","Styled","as","type","undefined","Slot","render","fallback","Skeleton","Text","_jsxs","_Fragment","Icon","icon","ChevronRight"],"mappings":"qhBA0BA,MAAMA,SAAWC,kCAA2D,CAACC,EAAOC,KAClF,MAAMC,UACJA,EAAY,SAAQC,KACpBA,EAAO,IAAGC,aACVA,EAAe,EAACC,YAChBA,EAAWC,SACXA,EAAQC,QACRA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,UACPA,EAASC,WACTA,EAAUC,cACVA,EAAaC,QACbA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAmErB,EAAO,CAC5EsB,cAlCmB,WAmCnBC,MAAOC,QAGT,MAAMC,EAAY,CAChBtB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAAuB,IACxBD,EACHF,MAAOI,WACPC,WAAY,OACZC,MAAO,UACPC,UAAU,EACVC,UAAW,SAGb,MAAMC,EAA0B,IAC3BP,EACHF,MAAOU,cACPL,WAAY,OACZC,MAAO,UACPC,UAAU,EACVC,UAAW,SAGb,MAAMG,EAA+B,CACnCC,MAAO,MACP/B,aAAc,EACdgC,UAAWhB,EAAUiB,WAAajB,EAAUkB,QAG9C,OACEC,IAACC,KAAW,IACNpB,KACAK,EACJgB,GAAIvC,EACJwC,KAAMtB,EAAUsB,OAASxC,IAAc,SAAW,cAAWyC,GAC7DvC,aAAcA,EACdS,QAASA,EACTZ,IAAKA,EAAIK,SAETiC,IAACK,KAAI,CACHC,OAAQvC,EACRN,MAAO,CACL0B,YACAM,gBAEFc,SACEjC,EACE0B,IAACK,KAAI,CACHC,OAAQjC,EACRZ,MAAO,CACL0B,YACAM,eACAE,iBAEFY,SACEP,IAACQ,SAAQ,IAAKb,EAAa5B,SACzBiC,IAACS,KAAI,IAAKtB,QAKhBuB,KAAAC,SAAA,CAAA5C,SAAA,CACEiC,IAACK,KAAI,CAACC,OAAQnC,IACd6B,IAACC,QAAc,CAAAlC,SACbiC,IAACK,KAAI,CACHC,OAAQtC,EACRP,MAAO,CACL0B,YACAM,gBAEFc,SACEG,KAAAC,SAAA,CAAA5C,SAAA,CACEiC,IAACK,KAAI,CAACC,OAAQrC,EAAMR,MAAO0B,IAC3Ba,IAACK,KAAI,CAACC,OAAQpC,EAAST,MAAOgC,WAKrC3B,EAAckC,IAACY,KAAI,CAACC,KAAMb,IAACc,iBAAiBlD,KAAM,GAAI0B,MAAM,YAAe,KAC5EU,IAACK,KAAI,CAACC,OAAQlC"}

package/components/ListItem/sizes.js

@@ -0,0 +1,2 @@
+'use strict';exports.SIZES={xl:{paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},l:{paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},m:{paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},s:{paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},xs:{paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10,width:'100%',minWidth:'min-content','--list-item-gap':'12px'}},exports.SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:16}},exports.SIZES_TEXT={xl:{fontSize:18},l:{fontSize:18},m:{fontSize:18},s:{fontSize:18},xs:{fontSize:18}};
+//# sourceMappingURL=sizes.js.map

package/components/ListItem/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/ListItem/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  l: {\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  m: {\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  s: {\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  xs: {\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  xl: { fontSize: 18 },\n  l: { fontSize: 18 },\n  m: { fontSize: 18 },\n  s: { fontSize: 18 },\n  xs: { fontSize: 18 },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xl: { fontSize: 16 },\n  l: { fontSize: 16 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 16 },\n}\n"],"names":["xl","paddingTop","paddingRight","paddingBottom","paddingLeft","width","minWidth","l","m","s","xs","fontSize"],"mappings":"2BAGkD,CAChDA,GAAI,CACFC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBC,EAAG,CACDN,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBE,EAAG,CACDP,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBG,EAAG,CACDR,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBI,GAAI,CACFT,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,+BAYmC,CACxDN,GAAI,CAAEW,SAAU,IAChBJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,GAAI,CAAEC,SAAU,wBAbqC,CACrDX,GAAI,CAAEW,SAAU,IAChBJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,GAAI,CAAEC,SAAU"}

package/components/ListItem/sizes.mjs

@@ -0,0 +1,2 @@
+const SIZES={xl:{paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},l:{paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},m:{paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},s:{paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10,width:'100%',minWidth:'min-content','--list-item-gap':'12px'},xs:{paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10,width:'100%',minWidth:'min-content','--list-item-gap':'12px'}};const SIZES_TEXT={xl:{fontSize:18},l:{fontSize:18},m:{fontSize:18},s:{fontSize:18},xs:{fontSize:18}};const SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:16}};export{SIZES,SIZES_CAPTION,SIZES_TEXT};
+//# sourceMappingURL=sizes.mjs.map

package/components/ListItem/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/ListItem/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  l: {\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  m: {\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  s: {\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n  xs: {\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n    width: '100%',\n    minWidth: 'min-content',\n    '--list-item-gap': '12px',\n  },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  xl: { fontSize: 18 },\n  l: { fontSize: 18 },\n  m: { fontSize: 18 },\n  s: { fontSize: 18 },\n  xs: { fontSize: 18 },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xl: { fontSize: 16 },\n  l: { fontSize: 16 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 16 },\n}\n"],"names":["SIZES","xl","paddingTop","paddingRight","paddingBottom","paddingLeft","width","minWidth","l","m","s","xs","SIZES_TEXT","fontSize","SIZES_CAPTION"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,GAAI,CACFC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBC,EAAG,CACDN,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBE,EAAG,CACDP,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBG,EAAG,CACDR,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,QAErBI,GAAI,CACFT,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,GACbC,MAAO,OACPC,SAAU,cACV,kBAAmB,SAIhB,MAAMK,WAA0C,CACrDX,GAAI,CAAEY,SAAU,IAChBL,EAAG,CAAEK,SAAU,IACfJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,GAAI,CAAEE,SAAU,KAGX,MAAMC,cAA6C,CACxDb,GAAI,CAAEY,SAAU,IAChBL,EAAG,CAAEK,SAAU,IACfJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,GAAI,CAAEE,SAAU"}