@foxford/ui 2.46.0 → 2.47.0

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 require$$0=require('react/jsx-runtime');const InputRadio=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",sizeXXS:s,sizeXS:i,sizeS:r,sizeM:t,sizeL:a,sizeXL:o,sizes:n,sizeUnits:d,inline:l,error:u,success:z,onColored:c,palette:p,style:q,className:y,disabled:M,...R},I)=>require$$0.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:i,sizeS:r,sizeM:t,sizeL:a,sizeXL:o,sizes:n,sizeUnits:d,inline:l,error:u,success:z,onColored:c,palette:p,style:q,className:y,disabled:M,children:[require$$0.jsx(style.Input,{...R,disabled:M,type:"radio",ref:I}),require$$0.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 require$$0=require('react/jsx-runtime');const InputRadio=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",sizeXXS:s,sizeXS:r,sizeS:i,sizeM:t,sizeL:a,sizeXL:o,sizes:n,sizeUnits:d,inline:l,error:u,success:c,contrast:z,onColored:p,palette:q,style:y,className:M,disabled:R,...I},S)=>require$$0.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:r,sizeS:i,sizeM:t,sizeL:a,sizeXL:o,sizes:n,sizeUnits:d,inline:l,error:u,success:c,contrast:z,onColored:p,palette:q,style:y,className:M,disabled:R,children:[require$$0.jsx(style.Input,{...I,disabled:R,type:"radio",ref:S}),require$$0.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 { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputRadioProps](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        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          inline={inline}\n          error={error}\n          success={success}\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","inline","error","success","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","jsx","type","displayName","SIZES"],"mappings":"yNAoBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,QACAC,UACAC,YACAC,gBACAC,EACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVpB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,QAAQN,IAAKA,IACpEI,WAAAC,IAACH,yBAKT,CACEK,YAlEmB,aAmEnBlB,MAAOmB,UAAAA,+BAnEY"}
+{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts).\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        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          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","inline","error","success","contrast","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","jsx","type","displayName","SIZES"],"mappings":"yNAoBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVrB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,QAAQN,IAAKA,IACpEI,WAAAC,IAACH,yBAKT,CACEK,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:o,sizeM:t,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,inline:d,error:z,success:m,onColored:l,palette:c,style:u,className:M,disabled:f,...I},S)=>jsxs(Root,{size:s,sizeXXS:e,sizeXS:i,sizeS:o,sizeM:t,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,inline:d,error:z,success:m,onColored:l,palette:c,style:u,className:M,disabled:f,children:[jsx(Input,{...I,disabled:f,type:"radio",ref:S}),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,inline:d,error:z,success:m,contrast:l,onColored:c,palette:u,style:M,className:f,disabled:I,...S},j)=>jsxs(Root,{size:s,sizeXXS:e,sizeXS:i,sizeS:t,sizeM:o,sizeL:r,sizeXL:a,sizes:n,sizeUnits:p,inline:d,error:z,success:m,contrast:l,onColored:c,palette:u,style:M,className:f,disabled:I,children:[jsx(Input,{...S,disabled:I,type:"radio",ref:j}),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 { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputRadioProps](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        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          inline={inline}\n          error={error}\n          success={success}\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","inline","error","success","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mNAMMA,MAAAA,eAAiB,aAcvB,MAAMC,WAA+DC,gBACnEC,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,QACAC,UACAC,YACAC,UACAC,QACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVpB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,QAAQL,IAAKA,IACpEI,IAACF,mBAKT,CACEI,YAlEmB,aAmEnBjB,MAAOkB"}
+{"version":3,"file":"InputRadio.mjs","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts).\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        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          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","inline","error","success","contrast","onColored","palette","style","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mNAMMA,MAAAA,eAAiB,aAcvB,MAAMC,WAA+DC,gBACnEC,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVrB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,QAAQL,IAAKA,IACpEI,IAACF,mBAKT,CACEI,YApEmB,aAqEnBlB,MAAOmB"}

package/components/InputRadio/constants.js

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

package/components/InputRadio/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 40,\n    height: 40,\n  },\n  xxl: {\n    width: 36,\n    height: 36,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n  },\n}\n"],"names":["xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { RadioSize } from './types'\n\nexport const SIZES: Record<RadioSize, CSSProperties> = {\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n}\n"],"names":["xl","width","height","l","m","s","xs"],"mappings":"2BAGuD,CACrDA,GAAI,CACFC,MAAO,GACPC,OAAQ,IAEVC,EAAG,CACDF,MAAO,GACPC,OAAQ,IAEVE,EAAG,CACDH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,GAAI,CACFL,MAAO,GACPC,OAAQ"}

package/components/InputRadio/constants.mjs

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

package/components/InputRadio/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 40,\n    height: 40,\n  },\n  xxl: {\n    width: 36,\n    height: 36,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { RadioSize } from './types'\n\nexport const SIZES: Record<RadioSize, CSSProperties> = {\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n}\n"],"names":["SIZES","xl","width","height","l","m","s","xs"],"mappings":"AAGO,MAAMA,MAA0C,CACrDC,GAAI,CACFC,MAAO,GACPC,OAAQ,IAEVC,EAAG,CACDF,MAAO,GACPC,OAAQ,IAEVE,EAAG,CACDH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,GAAI,CACFL,MAAO,GACPC,OAAQ"}

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');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;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);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 > ${InputMask} {\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${o.colorHover};\n  }\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})))},onColored:{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}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,height:'1em',width:'1em'})}).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.onColored?COLOR_SCHEMA.onColored: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');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 > ${InputMask} {\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${o.colorHover};\n  }\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 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  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n  &::before {\n    content: '';\n    position: absolute;\n    width: 40%;\n    height: 40%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    opacity: 0;\n  }\n`\n\nconst template = (palette: InputRadioPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-error'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-error'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-success'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n          borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputRadioProps>({\n    shouldForwardProp: shouldForwardInputRadioProp,\n  })\n  .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      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.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","template","palette","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","disabled","white","schema","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 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 > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  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","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';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;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);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 > ${InputMask} {\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${o.colorHover};\n  }\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})))},onColored:{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}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,height:'1em',width:'1em'})}).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.onColored?COLOR_SCHEMA.onColored: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';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 > ${InputMask} {\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${o.colorHover};\n  }\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 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  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n  &::before {\n    content: '';\n    position: absolute;\n    width: 40%;\n    height: 40%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    opacity: 0;\n  }\n`\n\nconst template = (palette: InputRadioPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-error'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-error'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-success'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n          borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputRadioProps>({\n    shouldForwardProp: shouldForwardInputRadioProp,\n  })\n  .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      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.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","template","palette","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","disabled","white","schema","responsiveSize"],"mappings":"0KAKA,MAAMA,4BAA8BC,yBACjCC,IAAa,CAAC,SAAU,QAAS,UAAW,YAAa,YAAYC,SAASD,WAGpEE,MAAQC,OAAOC,MAAKC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAZJ,CAcpB,CAAA,sJAEYK,UAAYL,OAAOM,KAAIJ,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAXJ,CAuBxB,CAAA,2WAED,MAAMO,SAAYC,GAA+B,WACzCH,sCACgBG,EAAQC,uCACZD,EAAQE,4BAEpBL,8CACgBG,EAAQG,4BAElBN,sCACUG,EAAQI,4CACZJ,EAAQK,uCAEdR,8CACUG,EAAQM,2BAExBf,kCAAkCM,sCAClBG,EAAQO,8CACZP,EAAQQ,mCAEpBjB,kCAAkCM,8CAClBG,EAAQS,6BAExBlB,kCAAkCM,sCAClBG,EAAQU,+CACZV,EAAQW,oCAEpBpB,kCAAkCM,8CAClBG,EAAQY,8BAExBrB,4BAA4BM,sCACZG,EAAQa,sDACZb,EAAQc,2CAEpBvB,4BAA4BM,8CACZG,EAAQe,+BAIhC,MAAMC,aAAe,CACnBC,QAAS,CACPC,MAAOC,IAAG,CAAA,GAAA,KACLC,GACDrB,SAAS,CACPI,MAAOiB,EAAMC,MAAMC,OAAO,2BAC1BrB,gBAAiBmB,EAAMC,MAAMC,OAAO,qBACpCpB,YAAakB,EAAMC,MAAMC,OAAO,sBAChChB,WAAYc,EAAMC,MAAMC,OAAO,2BAC/BlB,qBAAsBgB,EAAMC,MAAMC,OAAO,qBACzCjB,iBAAkBe,EAAMC,MAAMC,OAAO,sBACrCb,aAAcW,EAAMC,MAAMC,OAAO,2BACjCf,uBAAwBa,EAAMC,MAAMC,OAAO,sBAC3Cd,mBAAoBY,EAAMC,MAAMC,OAAO,sBACvCV,cAAeQ,EAAMC,MAAMC,OAAO,uBAClCZ,wBAAyBU,EAAMC,MAAMC,OAAO,qBAC5CX,oBAAqBS,EAAMC,MAAMC,OAAO,mBACxCP,qBAAsBK,EAAMC,MAAMC,OAAO,uBACzCT,+BAAgCO,EAAMC,MAAMC,OAAO,sBACnDR,2BAA4BM,EAAMC,MAAMC,OAAO,yBAC5CF,EAAMpB,YAGfuB,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDrB,SAAS,CACPI,MAAOiB,EAAMC,MAAMC,OAAO,2BAC1BrB,gBAAiBmB,EAAMC,MAAMC,OAAO,qBACpCpB,YAAakB,EAAMC,MAAMC,OAAO,wBAChChB,WAAYc,EAAMC,MAAMC,OAAO,2BAC/BlB,qBAAsBgB,EAAMC,MAAMC,OAAO,qBACzCjB,iBAAkBe,EAAMC,MAAMC,OAAO,wBACrCb,aAAcW,EAAMC,MAAMC,OAAO,2BACjCf,uBAAwBa,EAAMC,MAAMC,OAAO,wBAC3Cd,mBAAoBY,EAAMC,MAAMC,OAAO,wBACvCV,cAAeQ,EAAMC,MAAMC,OAAO,uBAClCZ,wBAAyBU,EAAMC,MAAMC,OAAO,qBAC5CX,oBAAqBS,EAAMC,MAAMC,OAAO,mBACxCP,qBAAsBK,EAAMC,MAAMC,OAAO,uBACzCT,+BAAgCO,EAAMC,MAAMC,OAAO,sBACnDR,2BAA4BM,EAAMC,MAAMC,OAAO,yBAC5CF,EAAMpB,YAGfiB,QAASE,IAAG,CAAA,GAAA,KACPC,GACDrB,SAAS,CACPI,MAAOiB,EAAMC,MAAMC,OAAO,2BAC1BrB,gBAAiBmB,EAAMC,MAAMC,OAAO,qBACpCpB,YAAakB,EAAMC,MAAMC,OAAO,+BAChChB,WAAYc,EAAMC,MAAMC,OAAO,2BAC/BlB,qBAAsBgB,EAAMC,MAAMC,OAAO,qBACzCjB,iBAAkBe,EAAMC,MAAMC,OAAO,wBACrCb,aAAcW,EAAMC,MAAMC,OAAO,2BACjCf,uBAAwBa,EAAMC,MAAMC,OAAO,0BAC3Cd,mBAAoBY,EAAMC,MAAMC,OAAO,0BACvCV,cAAeQ,EAAMC,MAAMC,OAAO,uBAClCZ,wBAAyBU,EAAMC,MAAMC,OAAO,qBAC5CX,oBAAqBS,EAAMC,MAAMC,OAAO,mBACxCP,qBAAsBK,EAAMC,MAAMC,OAAO,uBACzCT,+BAAgCO,EAAMC,MAAMC,OAAO,sBACnDR,2BAA4BM,EAAMC,MAAMC,OAAO,yBAC5CF,EAAMpB,aAIjBwB,UAAW,CACTN,MAAOC,IAAG,CAAA,GAAA,KACLC,GACDrB,SAAS,CACPI,MAAOiB,EAAMC,MAAMC,OAAO,2BAC1BrB,gBAAiBmB,EAAMC,MAAMC,OAAO,uBACpCpB,YAAakB,EAAMC,MAAMC,OAAO,eAChChB,WAAYc,EAAMC,MAAMC,OAAO,2BAC/BlB,qBAAsBgB,EAAMC,MAAMC,OAAO,uBACzCjB,iBAAkBe,EAAMC,MAAMC,OAAO,eACrCb,aAAcW,EAAMC,MAAMC,OAAO,2BACjCf,uBAAwBa,EAAMC,MAAMC,OAAO,sBAC3Cd,mBAAoBY,EAAMC,MAAMC,OAAO,sBACvCV,cAAeQ,EAAMC,MAAMC,OAAO,uBAClCZ,wBAAyBU,EAAMC,MAAMC,OAAO,qBAC5CX,oBAAqBS,EAAMC,MAAMC,OAAO,mBACxCP,qBAAsBK,EAAMC,MAAMC,OAAO,uBACzCT,+BAAgCO,EAAMC,MAAMC,OAAO,sBACnDR,2BAA4BM,EAAMC,MAAMC,OAAO,yBAC5CF,EAAMpB,YAGfuB,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDrB,SAAS,CACPI,MAAOiB,EAAMC,MAAMC,OAAO,2BAC1BrB,gBAAiBmB,EAAMC,MAAMC,OAAO,uBACpCpB,YAAakB,EAAMC,MAAMC,OAAO,iBAChChB,WAAYc,EAAMC,MAAMC,OAAO,2BAC/BlB,qBAAsBgB,EAAMC,MAAMC,OAAO,uBACzCjB,iBAAkBe,EAAMC,MAAMC,OAAO,iBACrCb,aAAcW,EAAMC,MAAMC,OAAO,2BACjCf,uBAAwBa,EAAMC,MAAMC,OAAO,wBAC3Cd,mBAAoBY,EAAMC,MAAMC,OAAO,wBACvCV,cAAeQ,EAAMC,MAAMC,OAAO,uBAClCZ,wBAAyBU,EAAMC,MAAMC,OAAO,qBAC5CX,oBAAqBS,EAAMC,MAAMC,OAAO,mBACxCP,qBAAsBK,EAAMC,MAAMC,OAAO,uBACzCT,+BAAgCO,EAAMC,MAAMC,OAAO,sBACnDR,2BAA4BM,EAAMC,MAAMC,OAAO,yBAC5CF,EAAMpB,YAGfiB,QAASE,IAAG,CAAA,GAAA,KACPC,GACDrB,SAAS,CACPI,MAAOiB,EAAMC,MAAMC,OAAO,0BAC1BrB,gBAAiBmB,EAAMC,MAAMC,OAAO,qBACpCpB,YAAakB,EAAMC,MAAMC,OAAO,+BAChChB,WAAYc,EAAMC,MAAMC,OAAO,0BAC/BlB,qBAAsBgB,EAAMC,MAAMC,OAAO,qBACzCjB,iBAAkBe,EAAMC,MAAMC,OAAO,wBACrCb,aAAcW,EAAMC,MAAMC,OAAO,0BACjCf,uBAAwBa,EAAMC,MAAMC,OAAO,sBAC3Cd,mBAAoBY,EAAMC,MAAMC,OAAO,sBACvCV,cAAeQ,EAAMC,MAAMC,OAAO,uBAClCZ,wBAAyBU,EAAMC,MAAMC,OAAO,qBAC5CX,oBAAqBS,EAAMC,MAAMC,OAAO,mBACxCP,qBAAsBK,EAAMC,MAAMC,OAAO,uBACzCT,+BAAgCO,EAAMC,MAAMC,OAAO,sBACnDR,2BAA4BM,EAAMC,MAAMC,OAAO,yBAC5CF,EAAMpB,cAMZ,MAAMyB,KAAOjC,OAAOM,KACxBJ,WAAkC,CACjCgC,kBAAmBvC,8BAEpBwC,MAAuE,CACtEC,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,MACRC,MAAO,UAGXvC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAZgBJ,CAYhB,CAAA,GAAA,IAAA,IAAA,KACC4B,GAAU,yGAIEA,EAAMc,OAAS,cAAgB,4EAGhCd,EAAMe,SAAW,cAAgB,yBACrC5C,yDAGAA,mBAAmBM,gEAGnBN,yBAAyBM,8CACLuB,EAAMC,MAAMC,OAAOc,oBAAoBhB,EAAMC,MAAMC,OAAO,yGAKrFF,IACD,MAAMiB,EAASjB,EAAMI,UAAYR,aAAaQ,UAAYR,aAAaC,QAEvE,OAAIG,EAAMF,MAAcmB,EAAOnB,MAC3BE,EAAMG,QAAgBc,EAAOd,QAE1Bc,EAAOpB,OAAO,GAGrBqB"}
+{"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 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 > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  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","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/PopoverComponent/PopoverComponent.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 require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="s",orientation:i="portrait",controlsDirection:s="row",badge:n={},captionProps:o={},titleProps:a={},contentProps:c={},closeButtonProps:l={},media:u={},controls:$={},sizeXXS:d,sizeXS:p,sizeS:x,sizeM:q,sizeL:h,sizeXL:j,loading:m,caption:g,title:S,content:y,closeFn:P,palette:z,showCloseButton:b,...B}=e;const k={size:t,sizeXXS:d,sizeXS:p,sizeS:x,sizeM:q,sizeL:h,sizeXL:j};const{badgeProps:v={}}=n;const{imgProps:C={},videoProps:M={}}=u;const{text:T,buttonProps:R={}}=$.secondary??{};const{text:w,buttonProps:I={}}=$.primary??{};return require$$0.jsxs(style.Root,{...B,...k,palette:z,orientation:i,controlsDirection:s,ref:r,children:[b&&require$$0.jsx(style.CloseButton,{...l,onClick:e=>{typeof P=='function'&&P(),typeof l.onClick=='function'&&l.onClick(e)},palette:z,type:"button",children:require$$0.jsx(Icon.Icon,{as:"span",name:"close",size:24})}),i==='landscape'&&require$$0.jsxs(require$$0.Fragment,{children:[m&&require$$0.jsx(style.MediaLandscape,{children:require$$0.jsx(style.Media,{aspectRatio:"1:1",children:require$$0.jsx(Skeleton.Skeleton,{})})}),!m&&(C.src||M.src)&&require$$0.jsx(style.MediaLandscape,{children:require$$0.jsx(style.Media,{aspectRatio:"1:1",children:C.src?require$$0.jsx("img",{alt:"",...C}):require$$0.jsx(style.Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...M})})})]}),require$$0.jsxs(style.Container,{children:[require$$0.jsxs(style.Content,{children:[(n.text||g||m||b)&&require$$0.jsx(style.Header,{children:m?require$$0.jsx(Skeleton.Skeleton,{width:"20%",children:require$$0.jsx(Badge.Badge,{...k,resetDefaultMargin:!0,...v})}):require$$0.jsxs(require$$0.Fragment,{children:[n.text&&require$$0.jsx(Badge.Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...v,children:n.text}),g&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...o,children:g})]})}),i==='portrait'&&require$$0.jsxs(require$$0.Fragment,{children:[m&&require$$0.jsx(style.Media,{aspectRatio:"16:9",children:require$$0.jsx(Skeleton.Skeleton,{})}),!m&&(C.src||M.src)&&require$$0.jsx(style.Media,{aspectRatio:"16:9",children:C.src?require$$0.jsx("img",{alt:"",...C}):require$$0.jsx(style.Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...M})})]}),(S||y||m)&&require$$0.jsx("div",{children:require$$0.jsxs(require$$0.Fragment,m?{children:[require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:require$$0.jsx(Text.Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:require$$0.jsx(Text.Text,{appearance:"body",size:"inherit",...c})}),require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:require$$0.jsx(Text.Text,{appearance:"body",size:"inherit",...c})})]}:{children:[S&&require$$0.jsx(Text.Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:y?.4:void 0,sizeUnits:"em",marginUnits:"em",...a,children:S}),y&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:y})]})})]}),(T||w||m)&&require$$0.jsx(style.Footer,{children:m?require$$0.jsx(Skeleton.Skeleton,{width:"100%",children:require$$0.jsx(Button.Button,{preset:"brand",...k})}):require$$0.jsxs(require$$0.Fragment,{children:[T&&require$$0.jsx(Button.Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...R,children:T}),w&&require$$0.jsx(Button.Button,{preset:"brand",black:!0,type:"button",...k,...I,children:w})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?constants.SIZES_LANDSCAPE:constants.SIZES});exports.SIZES=constants.SIZES,exports.SIZES_LANDSCAPE=constants.SIZES_LANDSCAPE,exports.COMPONENT_NAME="PopoverComponent",exports.PopoverComponent=PopoverComponent;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="s",orientation:i="portrait",controlsDirection:s="row",badge:n={},captionProps:o={},titleProps:a={},contentProps:c={},closeButtonProps:l={},media:u={},controls:$={},sizeXXS:d,sizeXS:p,sizeS:x,sizeM:q,sizeL:h,sizeXL:j,loading:S,caption:m,title:g,content:y,closeFn:P,palette:z,showCloseButton:b,...B}=e;const k={size:t,sizeXXS:d,sizeXS:p,sizeS:x,sizeM:q,sizeL:h,sizeXL:j};const{badgeProps:v={}}=n;const{imgProps:C={},videoProps:M={}}=u;const{text:T,buttonProps:R={}}=$.secondary??{};const{text:w,buttonProps:I={}}=$.primary??{};return require$$0.jsxs(style.Root,{...B,...k,palette:z,orientation:i,controlsDirection:s,ref:r,children:[b&&require$$0.jsx(style.CloseButton,{...l,onClick:e=>{typeof P=='function'&&P(),typeof l.onClick=='function'&&l.onClick(e)},palette:z,type:"button",children:require$$0.jsx(Icon.Icon,{as:"span",name:"close",size:24})}),i==='landscape'&&require$$0.jsxs(require$$0.Fragment,{children:[S&&require$$0.jsx(style.MediaLandscape,{children:require$$0.jsx(style.Media,{aspectRatio:"1:1",children:require$$0.jsx(Skeleton.Skeleton,{})})}),!S&&(C.src||M.src)&&require$$0.jsx(style.MediaLandscape,{children:require$$0.jsx(style.Media,{aspectRatio:"1:1",children:C.src?require$$0.jsx("img",{alt:"",...C}):require$$0.jsx(style.Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...M})})})]}),require$$0.jsxs(style.Container,{children:[require$$0.jsxs(style.Content,{children:[(n.text||m||S||b)&&require$$0.jsx(style.Header,{children:S?require$$0.jsx(Skeleton.Skeleton,{width:"20%",children:require$$0.jsx(Badge.Badge,{...k,resetDefaultMargin:!0,...v})}):require$$0.jsxs(require$$0.Fragment,{children:[n.text&&require$$0.jsx(Badge.Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...v,children:n.text}),m&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...o,children:m})]})}),i==='portrait'&&require$$0.jsxs(require$$0.Fragment,{children:[S&&require$$0.jsx(style.Media,{aspectRatio:"16:9",children:require$$0.jsx(Skeleton.Skeleton,{})}),!S&&(C.src||M.src)&&require$$0.jsx(style.Media,{aspectRatio:"16:9",children:C.src?require$$0.jsx("img",{alt:"",...C}):require$$0.jsx(style.Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...M})})]}),(g||y||S)&&require$$0.jsx("div",{children:require$$0.jsxs(require$$0.Fragment,S?{children:[require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,marginBottom:"0.6em",children:require$$0.jsx(Text.Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",marginBottom:"0.4em",children:require$$0.jsx(Text.Text,{appearance:"body",size:"inherit",...c})}),require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:require$$0.jsx(Text.Text,{appearance:"body",size:"inherit",...c})})]}:{children:[g&&require$$0.jsx(Text.Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:y?'0.4em':void 0,sizeUnits:"em",...a,children:g}),y&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:y})]})})]}),(T||w||S)&&require$$0.jsx(style.Footer,{children:S?require$$0.jsx(Skeleton.Skeleton,{width:"100%",children:require$$0.jsx(Button.Button,{preset:"brand",...k})}):require$$0.jsxs(require$$0.Fragment,{children:[T&&require$$0.jsx(Button.Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...R,children:T}),w&&require$$0.jsx(Button.Button,{preset:"brand",black:!0,type:"button",...k,...I,children:w})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?constants.SIZES_LANDSCAPE:constants.SIZES});exports.SIZES=constants.SIZES,exports.SIZES_LANDSCAPE=constants.SIZES_LANDSCAPE,exports.COMPONENT_NAME="PopoverComponent",exports.PopoverComponent=PopoverComponent;
 //# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? 0.4 : undefined}\n                        sizeUnits='em'\n                        marginUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","jsxs","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom='0.6em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom='0.4em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? '0.4em' : undefined}\n                        sizeUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","jsxs","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/PopoverComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_LANDSCAPE,SIZES}from'./constants.mjs';import{Root,CloseButton,MediaLandscape,Media,Video,Container,Content,Header,Footer}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const COMPONENT_NAME='PopoverComponent';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",orientation:n="portrait",controlsDirection:s="row",badge:i={},captionProps:r={},titleProps:a={},contentProps:c={},closeButtonProps:d={},media:l={},controls:p={},sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:g,sizeXL:u,loading:S,caption:z,title:P,content:b,closeFn:f,palette:B,showCloseButton:C,...M}=e;const k={size:o,sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:g,sizeXL:u};const{badgeProps:R={}}=i;const{imgProps:w={},videoProps:y={}}=l;const{text:E,buttonProps:I={}}=p.secondary??{};const{text:L,buttonProps:T={}}=p.primary??{};return jsxs(Root,{...M,...k,palette:B,orientation:n,controlsDirection:s,ref:t,children:[C&&jsx(CloseButton,{...d,onClick:e=>{typeof f=='function'&&f(),typeof d.onClick=='function'&&d.onClick(e)},palette:B,type:"button",children:jsx(Icon,{as:"span",name:"close",size:24})}),n==='landscape'&&jsxs(Fragment,{children:[S&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:jsx(Skeleton,{})})}),!S&&(w.src||y.src)&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})})]}),jsxs(Container,{children:[jsxs(Content,{children:[(i.text||z||S||C)&&jsx(Header,{children:S?jsx(Skeleton,{width:"20%",children:jsx(Badge,{...k,resetDefaultMargin:!0,...R})}):jsxs(Fragment,{children:[i.text&&jsx(Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...R,children:i.text}),z&&jsx(Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...r,children:z})]})}),n==='portrait'&&jsxs(Fragment,{children:[S&&jsx(Media,{aspectRatio:"16:9",children:jsx(Skeleton,{})}),!S&&(w.src||y.src)&&jsx(Media,{aspectRatio:"16:9",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})]}),(P||b||S)&&jsx("div",{children:jsxs(Fragment,S?{children:[jsx(Skeleton,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:jsx(Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),jsx(Skeleton,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:jsx(Text,{appearance:"body",size:"inherit",...c})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",size:"inherit",...c})})]}:{children:[P&&jsx(Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:b?.4:void 0,sizeUnits:"em",marginUnits:"em",...a,children:P}),b&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:b})]})})]}),(E||L||S)&&jsx(Footer,{children:S?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...k})}):jsxs(Fragment,{children:[E&&jsx(Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...I,children:E}),L&&jsx(Button,{preset:"brand",black:!0,type:"button",...k,...T,children:L})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?SIZES_LANDSCAPE:SIZES});export{COMPONENT_NAME,PopoverComponent,SIZES,SIZES_LANDSCAPE};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_LANDSCAPE,SIZES}from'./constants.mjs';import{Root,CloseButton,MediaLandscape,Media,Video,Container,Content,Header,Footer}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const COMPONENT_NAME='PopoverComponent';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",orientation:n="portrait",controlsDirection:s="row",badge:i={},captionProps:r={},titleProps:a={},contentProps:c={},closeButtonProps:d={},media:l={},controls:p={},sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:u,sizeXL:g,loading:S,caption:z,title:P,content:b,closeFn:f,palette:B,showCloseButton:C,...M}=e;const k={size:o,sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:u,sizeXL:g};const{badgeProps:R={}}=i;const{imgProps:w={},videoProps:y={}}=l;const{text:E,buttonProps:I={}}=p.secondary??{};const{text:L,buttonProps:T={}}=p.primary??{};return jsxs(Root,{...M,...k,palette:B,orientation:n,controlsDirection:s,ref:t,children:[C&&jsx(CloseButton,{...d,onClick:e=>{typeof f=='function'&&f(),typeof d.onClick=='function'&&d.onClick(e)},palette:B,type:"button",children:jsx(Icon,{as:"span",name:"close",size:24})}),n==='landscape'&&jsxs(Fragment,{children:[S&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:jsx(Skeleton,{})})}),!S&&(w.src||y.src)&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})})]}),jsxs(Container,{children:[jsxs(Content,{children:[(i.text||z||S||C)&&jsx(Header,{children:S?jsx(Skeleton,{width:"20%",children:jsx(Badge,{...k,resetDefaultMargin:!0,...R})}):jsxs(Fragment,{children:[i.text&&jsx(Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...R,children:i.text}),z&&jsx(Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...r,children:z})]})}),n==='portrait'&&jsxs(Fragment,{children:[S&&jsx(Media,{aspectRatio:"16:9",children:jsx(Skeleton,{})}),!S&&(w.src||y.src)&&jsx(Media,{aspectRatio:"16:9",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})]}),(P||b||S)&&jsx("div",{children:jsxs(Fragment,S?{children:[jsx(Skeleton,{borderRadius:4,marginBottom:"0.6em",children:jsx(Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),jsx(Skeleton,{borderRadius:4,width:"70%",marginBottom:"0.4em",children:jsx(Text,{appearance:"body",size:"inherit",...c})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",size:"inherit",...c})})]}:{children:[P&&jsx(Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:b?'0.4em':void 0,sizeUnits:"em",...a,children:P}),b&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:b})]})})]}),(E||L||S)&&jsx(Footer,{children:S?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...k})}):jsxs(Fragment,{children:[E&&jsx(Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...I,children:E}),L&&jsx(Button,{preset:"brand",black:!0,type:"button",...k,...T,children:L})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?SIZES_LANDSCAPE:SIZES});export{COMPONENT_NAME,PopoverComponent,SIZES,SIZES_LANDSCAPE};
 //# sourceMappingURL=PopoverComponent.mjs.map

package/components/PopoverComponent/PopoverComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? 0.4 : undefined}\n                        sizeUnits='em'\n                        marginUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom='0.6em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom='0.4em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? '0.4em' : undefined}\n                        sizeUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}