uangcermat-web-toolkit-v2 0.2.15 → 0.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -13,5 +13,5 @@
|
|
|
13
13
|
border-radius: ${d.BorderRadiusType.round};
|
|
14
14
|
height: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
15
15
|
width: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
16
|
-
`,p=a=>e.jsxs(n,Object.assign({"data-test-id":`radioButton-${a.value}`,variant:a.size},{children:[e.jsx(u,{name:a.name,value:a.value,checked:a.checked,onChange:e=>a.onClick(e.target.value),disabled:a.isDisabled,className:r.twJoin(i.default("small"===a.size?"w-3 h-3":"w-4 h-4"))}),a.checked?e.jsx(t,{name:"radioButton",className:r.twJoin(i.default("small"===a.size?"w-3 h-3":"w-4 h-4",r.twJoin("fill-blue-buttonBlue","fill-radio-background-active"),a.isDisabled&&r.twJoin("fill-dark-silver","fill-radio-background-disable-checked")))}):e.jsx(c,{size:a.size?a.size:"medium",className:r.twJoin(i.default("border
|
|
16
|
+
`,p=a=>e.jsxs(n,Object.assign({"data-test-id":`radioButton-${a.value}`,variant:a.size},{children:[e.jsx(u,{name:a.name,value:a.value,checked:a.checked,onChange:e=>a.onClick(e.target.value),disabled:a.isDisabled,className:r.twJoin(i.default("small"===a.size?"w-3 h-3":"w-4 h-4"))}),a.checked?e.jsx(t,{name:"radioButton",className:r.twJoin(i.default("small"===a.size?"w-3 h-3":"w-4 h-4",r.twJoin("fill-blue-buttonBlue","fill-radio-background-active"),a.isDisabled&&r.twJoin("fill-dark-silver","fill-radio-background-disable-checked")))}):e.jsx(c,{size:a.size?a.size:"medium",className:r.twJoin(i.default("border border-solid",a.isDisabled?"border-radio-border-disable-unchecked bg-radio-background-disable-unchecked":"border-radio-border-default bg-radio-background-default"))})]}));p.prototype={value:a.propTypesExports.string},p.defaultProps={value:"string"},module.exports=p;
|
|
17
17
|
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { twJoin } from 'tailwind-merge';\n\nimport { BorderRadiusType } from '../../styles/BorderRadius';\nimport { Icon } from '../Icon';\nimport { RadioButtonInterface, RadioSizeType } from './RadioButton.type';\n\nconst RadioContainerStyled = styled.div<{ variant: RadioSizeType }>`\n align-items: center;\n display: flex;\n height: ${({ variant }) => (variant === 'small' ? '12px' : '16px')};\n justify-content: center;\n position: relative;\n width: ${({ variant }) => (variant === 'small' ? '12px' : '16px')};\n`;\n\nconst HiddenRadioStyled = styled.input.attrs<RadioButtonInterface>(() => ({\n type: 'radio'\n}))`\n position: absolute;\n cursor: pointer;\n opacity: 0;\n`;\n\nconst RadioOffStyled = styled.div<{ size: RadioSizeType }>`\n border-radius: ${BorderRadiusType['round']};\n height: ${({ size }) => (size === 'small' ? '12px' : '16px')};\n width: ${({ size }) => (size === 'small' ? '12px' : '16px')};\n`;\n\nconst Radio = (props: RadioButtonInterface) => (\n <RadioContainerStyled data-test-id={`radioButton-${props.value}`} variant={props.size}>\n <HiddenRadioStyled\n name={props.name}\n value={props.value}\n checked={props.checked}\n onChange={(e) => props.onClick(e.target.value)}\n disabled={props.isDisabled}\n className={twJoin(classNames(props.size === 'small' ? 'w-3 h-3' : 'w-4 h-4'))}\n />\n {props.checked ? (\n <Icon\n name='radioButton'\n className={twJoin(\n classNames(\n props.size === 'small' ? 'w-3 h-3' : 'w-4 h-4',\n twJoin('fill-blue-buttonBlue', 'fill-radio-background-active'),\n props.isDisabled && twJoin('fill-dark-silver', 'fill-radio-background-disable-checked')\n )\n )}\n />\n ) : (\n <RadioOffStyled\n size={props.size ? props.size : 'medium'}\n className={twJoin(\n classNames(\n 'border
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { twJoin } from 'tailwind-merge';\n\nimport { BorderRadiusType } from '../../styles/BorderRadius';\nimport { Icon } from '../Icon';\nimport { RadioButtonInterface, RadioSizeType } from './RadioButton.type';\n\nconst RadioContainerStyled = styled.div<{ variant: RadioSizeType }>`\n align-items: center;\n display: flex;\n height: ${({ variant }) => (variant === 'small' ? '12px' : '16px')};\n justify-content: center;\n position: relative;\n width: ${({ variant }) => (variant === 'small' ? '12px' : '16px')};\n`;\n\nconst HiddenRadioStyled = styled.input.attrs<RadioButtonInterface>(() => ({\n type: 'radio'\n}))`\n position: absolute;\n cursor: pointer;\n opacity: 0;\n`;\n\nconst RadioOffStyled = styled.div<{ size: RadioSizeType }>`\n border-radius: ${BorderRadiusType['round']};\n height: ${({ size }) => (size === 'small' ? '12px' : '16px')};\n width: ${({ size }) => (size === 'small' ? '12px' : '16px')};\n`;\n\nconst Radio = (props: RadioButtonInterface) => (\n <RadioContainerStyled data-test-id={`radioButton-${props.value}`} variant={props.size}>\n <HiddenRadioStyled\n name={props.name}\n value={props.value}\n checked={props.checked}\n onChange={(e) => props.onClick(e.target.value)}\n disabled={props.isDisabled}\n className={twJoin(classNames(props.size === 'small' ? 'w-3 h-3' : 'w-4 h-4'))}\n />\n {props.checked ? (\n <Icon\n name='radioButton'\n className={twJoin(\n classNames(\n props.size === 'small' ? 'w-3 h-3' : 'w-4 h-4',\n twJoin('fill-blue-buttonBlue', 'fill-radio-background-active'),\n props.isDisabled && twJoin('fill-dark-silver', 'fill-radio-background-disable-checked')\n )\n )}\n />\n ) : (\n <RadioOffStyled\n size={props.size ? props.size : 'medium'}\n className={twJoin(\n classNames(\n 'border border-solid',\n props.isDisabled\n ? 'border-radio-border-disable-unchecked bg-radio-background-disable-unchecked'\n : 'border-radio-border-default bg-radio-background-default'\n )\n )}\n />\n )}\n </RadioContainerStyled>\n);\n\nRadio.prototype = {\n value: PropTypes.string\n};\nRadio.defaultProps = {\n value: 'string'\n};\nexport default Radio;\n"],"names":["RadioContainerStyled","styled","div","variant","HiddenRadioStyled","input","attrs","type","RadioOffStyled","BorderRadiusType","size","Radio","props","_jsxs","Object","assign","value","_jsx","name","checked","onChange","e","onClick","target","disabled","isDisabled","className","twJoin","classNames","Icon","prototype","PropTypes.string","propTypesExports","string","defaultProps"],"mappings":"iaASA,MAAMA,EAAuBC,EAAAA,QAAOC,GAA+B;;;YAGvD,EAAGC,aAA2B,UAAZA,EAAsB,OAAS;;;WAGlD,EAAGA,aAA2B,UAAZA,EAAsB,OAAS;EAGtDC,EAAoBH,EAAM,QAACI,MAAMC,OAA4B,KAAO,CACxEC,KAAM,WACL;;;;EAMGC,EAAiBP,EAAAA,QAAOC,GAA4B;mBACvCO,EAAAA,iBAAwB;YAC/B,EAAGC,UAAqB,UAATA,EAAmB,OAAS;WAC5C,EAAGA,UAAqB,UAATA,EAAmB,OAAS;EAGhDC,EAASC,GACbC,EAAAA,KAACb,EAAoBc,OAAAC,OAAA,CAAA,eAAe,eAAeH,EAAMI,QAASb,QAASS,EAAMF,iBAC/EO,EAAAA,IAACb,GACCc,KAAMN,EAAMM,KACZF,MAAOJ,EAAMI,MACbG,QAASP,EAAMO,QACfC,SAAWC,GAAMT,EAAMU,QAAQD,EAAEE,OAAOP,OACxCQ,SAAUZ,EAAMa,WAChBC,UAAWC,SAAOC,EAAAA,QAA0B,UAAfhB,EAAMF,KAAmB,UAAY,cAEnEE,EAAMO,QACLF,EAAAA,IAACY,GACCX,KAAK,cACLQ,UAAWC,EAAAA,OACTC,EAAU,QACO,UAAfhB,EAAMF,KAAmB,UAAY,UACrCiB,EAAMA,OAAC,uBAAwB,gCAC/Bf,EAAMa,YAAcE,EAAMA,OAAC,mBAAoB,6CAKrDV,MAACT,GACCE,KAAME,EAAMF,KAAOE,EAAMF,KAAO,SAChCgB,UAAWC,EAAAA,OACTC,EAAU,QACR,sBACAhB,EAAMa,WACF,8EACA,kEAQhBd,EAAMmB,UAAY,CAChBd,MAAOe,EAAgBC,iBAAAC,QAEzBtB,EAAMuB,aAAe,CACnBlB,MAAO"}
|