@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/InputRadio/InputRadio.mjs.map

@@ -0,0 +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"}

package/components/InputRadio/constants.js

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

package/components/InputRadio/constants.mjs

@@ -0,0 +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};
+//# sourceMappingURL=constants.mjs.map

package/components/InputRadio/constants.mjs.map

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

package/components/InputRadio/style.js

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

package/components/InputRadio/style.mjs

@@ -0,0 +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};
+//# sourceMappingURL=style.mjs.map

package/components/InputRadio/style.mjs.map

@@ -0,0 +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":"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"}

package/components/ListItem/ListItem.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o,cloneElement as r,isValidElement as s}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as n}from'../Skeleton/Skeleton.js';import{Text as d}from'../Text/Text.js';import{SIZES as p}from'./constants.js';import{Root as l,Media as c,Content as m,Img as f,Typography as h}from'./style.js';import{jsx as z,Fragment as b,jsxs as y}from'react/jsx-runtime';var u=["size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading"];var v=t(o(((o,t)=>{var{size:p="s",borderRadius:v=0,mediaBorderRadius:P="50%",controlPosition:S="left",captionPosition:j="bottom",ellipsis:g=!0,iconProps:x={},textProps:X={},captionProps:R={},sizeXXS:w,sizeXS:I,sizeS:L,sizeM:M,sizeL:A,sizeXL:C,text:T,children:k,control:B,icon:E,media:F,caption:N,addon:U,onColored:V,disabled:W,loading:Z}=o,q=i(o,u);var D;var G;B&&(D='label'),q.href&&(D='a'),q.as&&(D=q.as),D||(G='button'),q.type&&(G=q.type);var H={size:p,sizeXXS:w,sizeXS:I,sizeS:L,sizeM:M,sizeL:A,sizeXL:C};var J={onColored:V,disabled:W};var K='object'==typeof B&&'object'==typeof B.props&&null!==B.props?B.props:{};var[O,Q]=Array.isArray(E)?E:[E];var Y={appearance:'body',size:'inherit',color:'inherit'};var $={appearance:'body',size:.9,sizeUnits:'em',color:'inherit'};return z(l,e(e(e(e({},H),J),q),{},{as:D,type:G,borderRadius:v,mediaBorderRadius:P,ref:t,children:'function'==typeof k?k({textProps:Y,captionProps:$}):z(b,{children:y(b,Z?{children:[F&&z(c,{children:z(n,{width:"100%",height:"100%",borderRadius:"inherit"})}),z(m,{children:z(n,{width:"100%",borderRadius:4,children:z(d,e(e({},Y),X))})})]}:{children:[B&&'left'===S&&('function'==typeof B?B(e(e({},H),J)):r(B,e(e(e({},H),J),K))),O&&z(a,e({preset:"brand",name:'string'==typeof O?O:void 0,icon:'string'!=typeof O?O:void 0},x)),F&&z(c,{children:s(F)?F:z(f,e({alt:""},F))}),(k||T||N)&&y(m,{children:[N&&'top'===j&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},$),R),{},{children:N})),(k||T)&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},Y),X),{},{children:null!=k?k:T})),N&&'bottom'===j&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},$),R),{},{children:N}))]}),U,Q&&z(a,e({preset:"brand",name:'string'==typeof Q?Q:void 0,icon:'string'!=typeof Q?Q:void 0},x)),B&&'right'===S&&('function'==typeof B?B(e(e({},H),J)):r(B,e(e(e({},H),J),K)))]})})}))})),{displayName:'ListItem',sizes:p});export{v as ListItem};
+'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 Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');const ListItem=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:i="s",borderRadius:t=0,mediaBorderRadius:s="50%",controlPosition:o="left",captionPosition:n="bottom",ellipsis:a=!0,iconProps:l={},textProps:d={},captionProps:c={},sizeXXS:p,sizeXS:u,sizeS:$,sizeM:y,sizeL:h,sizeXL:q,text:x,children:j,control:f,icon:m,media:z,caption:g,addon:b,onColored:S,disabled:I,loading:R,...v}=e;let P;let w;f&&(P='label'),v.href&&(P='a'),v.as&&(P=v.as),P||(w='button'),v.type&&(w=v.type);const L={size:i,sizeXXS:p,sizeXS:u,sizeS:$,sizeM:y,sizeL:h,sizeXL:q};const M={onColored:S,disabled:I};const T=typeof f=='object'&&typeof f.props=='object'&&f.props!==null?f.props:{};const[X,k]=Array.isArray(m)?m:[m];const A={appearance:'body',size:'inherit',color:'inherit'};const C={appearance:'body',size:.9,sizeUnits:'em',color:'inherit'};return require$$0.jsx(style.Root,{...L,...M,...v,as:P,type:w,borderRadius:t,mediaBorderRadius:s,ref:r,children:typeof j=='function'?j({textProps:A,captionProps:C}):require$$0.jsx(require$$0.Fragment,{children:require$$0.jsxs(require$$0.Fragment,R?{children:[z&&require$$0.jsx(style.Media,{children:require$$0.jsx(Skeleton.Skeleton,{width:"100%",height:"100%",borderRadius:"inherit"})}),require$$0.jsx(style.Content,{children:require$$0.jsx(Skeleton.Skeleton,{width:"100%",borderRadius:4,children:require$$0.jsx(Text.Text,{...A,...d})})})]}:{children:[f&&o==='left'&&(typeof f=='function'?f({...L,...M}):React.cloneElement(f,{...L,...M,...T})),X&&require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof X=='string'?X:void 0,icon:typeof X!='string'?X:void 0,...l}),z&&require$$0.jsx(style.Media,{children:React.isValidElement(z)?z:require$$0.jsx(style.Img,{alt:"",...z})}),(j||x||g)&&require$$0.jsxs(style.Content,{children:[g&&n==='top'&&require$$0.jsx(style.Typography,{forwardedAs:"span",ellipsis:a,...C,...c,children:g}),(j||x)&&require$$0.jsx(style.Typography,{forwardedAs:"span",ellipsis:a,...A,...d,children:j??x}),g&&n==='bottom'&&require$$0.jsx(style.Typography,{forwardedAs:"span",ellipsis:a,...C,...c,children:g})]}),b,k&&require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof k=='string'?k:void 0,icon:typeof k!='string'?k:void 0,...l}),f&&o==='right'&&(typeof f=='function'?f({...L,...M}):React.cloneElement(f,{...L,...M,...T}))]})})})})),{displayName:'ListItem',sizes:constants.SIZES});exports.ListItem=ListItem;
 //# sourceMappingURL=ListItem.js.map

package/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                {(children || text || caption) && (\n                  <Styled.Content>\n                    {caption && captionPosition === 'top' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                    {(children || text) && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n                        {children ?? text}\n                      </Styled.Typography>\n                    )}\n                    {caption && captionPosition === 'bottom' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                  </Styled.Content>\n                )}\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","_excluded","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled.Root","_Fragment","_jsxs","Styled.Media","Skeleton","width","height","Styled.Content","Text","_objectSpread","cloneElement","Icon","preset","name","undefined","isValidElement","Styled.Img","alt","Styled.Typography","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                {(children || text || caption) && (\n                  <Styled.Content>\n                    {caption && captionPosition === 'top' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                    {(children || text) && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n                        {children ?? text}\n                      </Styled.Typography>\n                    )}\n                    {caption && captionPosition === 'bottom' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                  </Styled.Content>\n                )}\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled","jsx","_Fragment","_jsxs","jsxs","Skeleton","width","height","Text","cloneElement","Icon","preset","name","undefined","isValidElement","alt","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}

package/components/ListItem/ListItem.mjs

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

package/components/ListItem/ListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.mjs","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                {(children || text || caption) && (\n                  <Styled.Content>\n                    {caption && captionPosition === 'top' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                    {(children || text) && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n                        {children ?? text}\n                      </Styled.Typography>\n                    )}\n                    {caption && captionPosition === 'bottom' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                  </Styled.Content>\n                )}\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled","_Fragment","_jsxs","Skeleton","width","height","Text","cloneElement","Icon","preset","name","undefined","isValidElement","alt","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}

package/components/ListItem/constants.js

@@ -1,2 +1,2 @@
-var d={xxxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},l:{fontSize:18,paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16},m:{fontSize:16,paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12},s:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10}};export{d as SIZES};
+'use strict';exports.SIZES={xxxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},l:{fontSize:18,paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16},m:{fontSize:16,paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12},s:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10}};
 //# sourceMappingURL=constants.js.map

package/components/ListItem/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n}\n"],"names":["xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}

package/components/ListItem/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},l:{fontSize:18,paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16},m:{fontSize:16,paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12},s:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/ListItem/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}

package/components/ListItem/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as l}from'../../mixins/responsive-margin.js';import{focus as c}from'../../mixins/focus.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{Text as n}from'../Text/Text.js';var s=a((o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));var d=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n  }\n\n  & ").concat(d," img {\n    background-color: ").concat(o.mediaPlaceholderColor,";\n  }\n");var m={onColored:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors['alert-bg-error-100'],colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},success:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-success'],backgroundColor:r.theme.colors['alert-bg-success-100'],colorHover:r.theme.colors['alert-success'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))}},default:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors['alert-bg-error-100'],colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},success:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-success'],backgroundColor:r.theme.colors['alert-bg-success-100'],colorHover:r.theme.colors['alert-success'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-success'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-success'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}}};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em 0.8em'})}).withConfig({componentId:"fox-ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n    border-radius: ").concat('string'==typeof o.borderRadius?o.borderRadius:"".concat(o.borderRadius,"px"),";\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ").concat(d," {\n      border-radius: ").concat('string'==typeof o.mediaBorderRadius?o.mediaBorderRadius:"".concat(o.mediaBorderRadius,"px"),";\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  ")),(o=>{var r=o.onColored?m.onColored:m.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.success&&(e=r.success),o.danger&&(e=r.danger),o.disabled?e.disabled:o.active?e.active:e.default}),c,t,l);var b=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);var g=r.img.withConfig({componentId:"fox-ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);var p=r(n).withConfig({shouldForwardProp:o=>'ellipsis'!==o}).withConfig({componentId:"fox-ui__sc-1a62xqm-4"})(["",""],(o=>o.ellipsis&&"\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    "));export{b as Content,g as Img,d as Media,h as Root,p as Typography};
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var Text=require('../Text/Text.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardListItemProp=style.createShouldForwardProp((o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));const Media=styled__default.default.span.withConfig({displayName:"ListItem__Media",componentId:"ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${o.mediaPlaceholderColor};\n  }\n`;const COLOR_SCHEMA={onColored:{danger:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},success:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},secondary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},primary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))}},default:{danger:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},success:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},secondary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},primary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.4em 0.8em'})}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: ${typeof o.borderRadius=='string'?o.borderRadius:`${o.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${typeof o.mediaBorderRadius=='string'?o.mediaBorderRadius:`${o.mediaBorderRadius}px`};\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);const Img=styled__default.default.img.withConfig({displayName:"ListItem__Img",componentId:"ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);const Typography=styled__default.default(Text.Text).withConfig({shouldForwardProp:o=>o!=='ellipsis'}).withConfig({displayName:"ListItem__Typography",componentId:"ui__sc-1a62xqm-4"})(["",""],(o=>o.ellipsis&&"\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    "));exports.Content=Content,exports.Img=Img,exports.Media=Media,exports.Root=Root,exports.Typography=Typography;
 //# sourceMappingURL=style.js.map