uangcermat-web-toolkit-v2 0.2.14 → 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.
- package/build/src/assets/icons/checkbox-fill.svg.js +1 -1
- package/build/src/assets/icons/checkbox-indeterminate-fill.svg.js +1 -1
- package/build/src/assets/icons/expense.svg.js +1 -1
- package/build/src/assets/icons/radioButton.svg.js +1 -1
- package/build/src/components/Checkbox/Checkbox.js +7 -7
- package/build/src/components/Checkbox/Checkbox.js.map +1 -1
- package/build/src/components/RadioButton/RadioButton.js +9 -11
- package/build/src/components/RadioButton/RadioButton.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(null,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(null,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("path",{clipRule:"evenodd",d:"M1.333 0h9.334C11.4 0 12 .6 12 1.333v9.334C12 11.4 11.4 12 10.667 12H1.333C.6 12 0 11.4 0 10.667V1.333C0 .6.6 0 1.333 0zm8.459 3.943L5.079 8.657 2.25 5.828l.943-.943 1.886 1.886L8.849 3l.943.943z"})))};
|
|
2
2
|
//# sourceMappingURL=checkbox-fill.svg.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(null,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(null,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("path",{clipRule:"evenodd",d:"M1.333 0h9.334C11.4 0 12 .6 12 1.333v9.334C12 11.4 11.4 12 10.667 12H1.333C.6 12 0 11.4 0 10.667V1.333C0 .6.6 0 1.333 0zm8 5.333H2.667v1.334h6.666V5.333z"})))};
|
|
2
2
|
//# sourceMappingURL=checkbox-indeterminate-fill.svg.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,a,c,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)({}).hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},n.apply(null,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:12,height:14,viewBox:"0 0 12 14",fill:"red",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("path",{d:"M1.44 12.477V1.523h7.8V5.9c.42.093.809.27 1.147.513V.835a.459.459 0 00-.459-.459H.753a.459.459 0 00-.46.46v12.329c0 .253.206.459.46.459h9.175a.459.459 0 00.46-.46v-1.62c-.34.243-.728.42-1.148.513v.42h-7.8z",fill:"#fff"})),a||(a=r.createElement("path",{d:"M5.487 9.724c.108.446.31.855.586 1.204h-3.6V9.724h3.014zM5.406 8.75c.031-.432.149-.84.336-1.205H2.473v1.204h2.933zM8.15 5.85a3.14 3.14 0 00-1.635.72H2.473V5.366h5.678v.484zM8.15 3.186H4.424v1.205h3.728V3.186zM7.601 7.897c-.01 0-.014.005-.014.015v.504a.011.011 0 00.008.007l.006.001h.382a.274.274 0 00.198-.072.246.246 0 00.079-.19.246.246 0 00-.079-.189.268.268 0 00-.198-.076h-.382zM9.66 9.542a.567.567 0 00.072-.308.59.59 0 00-.061-.292.227.227 0 00-.216-.125.216.216 0 00-.2.125.587.587 0 00-.062.295c0 .13.021.23.064.302.045.078.111.117.198.117a.23.23 0 00.204-.114z",fill:"#fff"})),c||(c=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.075 8.979a2.523 2.523 0 11-5.046 0 2.523 2.523 0 015.046 0zm-2.78.605a.041.041 0 01-.041-.027l-.364-.806c-.004-.008-.01-.012-.018-.012h-.27a.016.016 0 00-.011.003c-.003.002-.004.006-.004.012v.795c0 .01-.004.018-.012.026a.032.032 0 01-.023.009H7.21a.043.043 0 01-.027-.01.043.043 0 01-.008-.025v-1.97c0-.009.003-.017.008-.023a.036.036 0 01.027-.011h.833c.124 0 .233.025.327.076a.52.52 0 01.218.215.648.648 0 01.079.323.583.583 0 01-.1.341.53.53 0 01-.276.198c-.005.002-.008.005-.01.008-.001.003 0 .008.001.013l.396.824a.045.045 0 01.006.017c0 .016-.01.024-.032.024h-.358zm1.81-.694c.035.099.053.215.053.35 0 .133-.019.255-.056.364a.631.631 0 01-.212.297.573.573 0 01-.356.107.395.395 0 01-.326-.145c-.004-.006-.008-.008-.012-.006s-.006.006-.006.012v.623c0 .01-.004.017-.011.023a.028.028 0 01-.024.012h-.34a.036.036 0 01-.034-.024.039.039 0 01-.002-.011v-1.97c0-.009.003-.017.009-.022a.036.036 0 01.026-.012h.341c.01 0 .018.004.024.012a.028.028 0 01.01.019l.001.004v.101l.001.002.002.003.003.002c.004 0 .008-.002.012-.006a.402.402 0 01.338-.16c.134 0 .25.038.347.113.099.074.17.178.212.312z",fill:"#fff"})))};
|
|
2
2
|
//# sourceMappingURL=expense.svg.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(null,arguments)}exports.ReactComponent=function(e){return n.createElement("svg",c({width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=n.createElement("path",{d:"M6.005 3.004c-1.68 0-3.001 1.32-3.001 3s1.32 3.001 3 3.001c1.681 0 3.001-1.32 3.001-3 0-1.681-1.32-3.001-3-3.001z"})),r||(r=n.createElement("path",{clipRule:"evenodd",d:"M12 6A6 6 0 110 6a6 6 0 0112 0zm-.9 0A5.1 5.1 0 11.9 6a5.1 5.1 0 0110.2 0z"})))};
|
|
2
2
|
//# sourceMappingURL=radioButton.svg.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";var e=require("react/jsx-runtime"),i=require("../../../node_modules/classnames/index.js"),t=require("../../../node_modules/prop-types/index.js"),a=require("react"),r=require("styled-components"),s=require("../../../node_modules/tailwind-merge/dist/lib/tw-join.mjs.js"),d=require("../../styles/BorderRadius.js"),l=require("../Icon/Icon.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r);const c=n.default.input.attrs({type:"checkbox"})`
|
|
2
2
|
position: absolute;
|
|
3
|
-
width:
|
|
4
|
-
height:
|
|
3
|
+
width: 16px;
|
|
4
|
+
height: 16px;
|
|
5
5
|
cursor: pointer;
|
|
6
6
|
opacity: 0;
|
|
7
7
|
`,b=n.default.input.attrs({type:"checkbox"})`
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
`,u=n.default.div`
|
|
14
14
|
align-items: center;
|
|
15
15
|
display: flex;
|
|
16
|
-
height: ${({variant:e})=>"small"===e?"12px":"
|
|
16
|
+
height: ${({variant:e})=>"small"===e?"12px":"16px"};
|
|
17
17
|
justify-content: center;
|
|
18
18
|
position: relative;
|
|
19
|
-
width: ${({variant:e})=>"small"===e?"12px":"
|
|
19
|
+
width: ${({variant:e})=>"small"===e?"12px":"16px"};
|
|
20
20
|
`,p=n.default.div`
|
|
21
21
|
border-radius: ${d.BorderRadiusType.small};
|
|
22
|
-
height: ${e=>"small"===e.variant?"
|
|
23
|
-
width: ${e=>"small"===e.variant?"
|
|
24
|
-
`,h=a.forwardRef(((t,a)=>e.jsxs(u,Object.assign({"data-test-id":t.dataTestId,variant:t.variant},{children:["small"===t.variant?e.jsx(b,Object.assign({},t,{ref:a,disabled:t.isDisabled})):e.jsx(c,Object.assign({},t,{ref:a,disabled:t.isDisabled})),t.checked?e.jsx(l,{name:t.indeterminate?"checkboxIndeterminateFill":"checkboxFill",className:s.twJoin(i.default("small"===t.variant?"w-3 h-3":"w-
|
|
22
|
+
height: ${e=>"small"===e.variant?"12px":"16px"};
|
|
23
|
+
width: ${e=>"small"===e.variant?"12px":"16px"};
|
|
24
|
+
`,h=a.forwardRef(((t,a)=>e.jsxs(u,Object.assign({"data-test-id":t.dataTestId,variant:t.variant},{children:["small"===t.variant?e.jsx(b,Object.assign({},t,{ref:a,disabled:t.isDisabled})):e.jsx(c,Object.assign({},t,{ref:a,disabled:t.isDisabled})),t.checked?e.jsx(l,{name:t.indeterminate?"checkboxIndeterminateFill":"checkboxFill",className:s.twJoin(i.default("small"===t.variant?"w-3 h-3":"w-4 h-4",s.twJoin("fill-blue-buttonBlue","fill-checkbox-background-active"),t.isDisabled&&s.twJoin("fill-dark-silver","fill-checkbox-background-disable-checked")))}):e.jsx(p,{variant:t.variant,className:s.twJoin(i.default("border border-solid",t.isDisabled?"border-dark-silver bg-light-whiteSmoke":"border-dark-gumbo bg-light-whiteSolid"),i.default(t.isDisabled?"border-checkbox-border-disable-unchecked bg-checkbox-background-disable-unchecked":"border-checkbox-border-default bg-checkbox-background-default"))})]}))));h.displayName="Checkbox",h.prototype={indeterminate:t.propTypesExports.bool},h.defaultProps={indeterminate:!1},module.exports=h;
|
|
25
25
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as PropTypes from 'prop-types';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { twJoin } from 'tailwind-merge';\n\nimport { BorderRadiusType } from '../../styles/BorderRadius';\nimport { Icon } from '../Icon';\nimport { CheckboxInterface } from './Checkbox.type';\n\nconst HiddenCheckbox = styled.input.attrs({ type: 'checkbox' })`\n position: absolute;\n width:
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as PropTypes from 'prop-types';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { twJoin } from 'tailwind-merge';\n\nimport { BorderRadiusType } from '../../styles/BorderRadius';\nimport { Icon } from '../Icon';\nimport { CheckboxInterface } from './Checkbox.type';\n\nconst HiddenCheckbox = styled.input.attrs({ type: 'checkbox' })`\n position: absolute;\n width: 16px;\n height: 16px;\n cursor: pointer;\n opacity: 0;\n`;\n\nconst SmallHiddenCheckbox = styled.input.attrs({ type: 'checkbox' })`\n position: absolute;\n width: 12px;\n height: 12px;\n cursor: pointer;\n opacity: 0;\n`;\n\nconst CheckboxContainer = styled.div<{ variant: string }>`\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`;\nconst CheckboxOff = styled.div<{ variant?: string }>`\n border-radius: ${BorderRadiusType['small']};\n height: ${(props) => (props.variant === 'small' ? '12px' : '16px')};\n width: ${(props) => (props.variant === 'small' ? '12px' : '16px')};\n`;\n\nconst Checkbox = forwardRef((props: CheckboxInterface, ref: React.Ref<HTMLInputElement>) => {\n return (\n <CheckboxContainer data-test-id={props.dataTestId} variant={props.variant}>\n {props.variant === 'small' ? (\n <SmallHiddenCheckbox {...props} ref={ref} disabled={props.isDisabled} />\n ) : (\n <HiddenCheckbox {...props} ref={ref} disabled={props.isDisabled} />\n )}\n {props.checked ? (\n <Icon\n name={props.indeterminate ? 'checkboxIndeterminateFill' : 'checkboxFill'}\n className={twJoin(\n classNames(\n props.variant === 'small' ? 'w-3 h-3' : 'w-4 h-4',\n twJoin('fill-blue-buttonBlue', 'fill-checkbox-background-active'),\n props.isDisabled &&\n twJoin('fill-dark-silver', 'fill-checkbox-background-disable-checked')\n )\n )}\n />\n ) : (\n <CheckboxOff\n variant={props.variant}\n className={twJoin(\n classNames(\n 'border border-solid',\n props.isDisabled\n ? 'border-dark-silver bg-light-whiteSmoke'\n : 'border-dark-gumbo bg-light-whiteSolid'\n ),\n classNames(\n props.isDisabled\n ? 'border-checkbox-border-disable-unchecked bg-checkbox-background-disable-unchecked'\n : 'border-checkbox-border-default bg-checkbox-background-default'\n )\n )}\n />\n )}\n </CheckboxContainer>\n );\n});\nCheckbox.displayName = 'Checkbox';\nCheckbox.prototype = {\n indeterminate: PropTypes.bool\n};\nCheckbox.defaultProps = {\n indeterminate: false\n};\nexport default Checkbox;\n"],"names":["HiddenCheckbox","styled","input","attrs","type","SmallHiddenCheckbox","CheckboxContainer","div","variant","CheckboxOff","BorderRadiusType","props","Checkbox","forwardRef","ref","_jsxs","Object","assign","dataTestId","children","_jsx","jsx","disabled","isDisabled","checked","Icon","name","indeterminate","className","twJoin","classNames","displayName","prototype","PropTypes.bool","propTypesExports","bool","defaultProps"],"mappings":"obAUA,MAAMA,EAAiBC,EAAM,QAACC,MAAMC,MAAM,CAAEC,KAAM,YAAa;;;;;;EAQzDC,EAAsBJ,EAAM,QAACC,MAAMC,MAAM,CAAEC,KAAM,YAAa;;;;;;EAQ9DE,EAAoBL,EAAAA,QAAOM,GAAwB;;;YAG7C,EAAGC,aAA2B,UAAZA,EAAsB,OAAS;;;WAGlD,EAAGA,aAA2B,UAAZA,EAAsB,OAAS;EAEtDC,EAAcR,EAAAA,QAAOM,GAAyB;mBACjCG,EAAAA,iBAAwB;YAC9BC,GAA6B,UAAlBA,EAAMH,QAAsB,OAAS;WACjDG,GAA6B,UAAlBA,EAAMH,QAAsB,OAAS;EAGtDI,EAAWC,EAAUA,YAAC,CAACF,EAA0BG,IAEnDC,EAAAA,KAACT,EAAgCU,OAAAC,OAAA,CAAA,eAAAN,EAAMO,WAAYV,QAASG,EAAMH,SAC/D,CAAAW,SAAA,CAAkB,UAAlBR,EAAMH,QACLY,EAACC,IAAAhB,EAAwBW,OAAAC,OAAA,CAAA,EAAAN,GAAOG,IAAKA,EAAKQ,SAAUX,EAAMY,cAE1DH,EAAAA,IAACpB,EAAcgB,OAAAC,OAAA,CAAA,EAAKN,EAAK,CAAEG,IAAKA,EAAKQ,SAAUX,EAAMY,cAEtDZ,EAAMa,QACLJ,EAAAA,IAACK,EAAI,CACHC,KAAMf,EAAMgB,cAAgB,4BAA8B,eAC1DC,UAAWC,EAAAA,OACTC,EAAAA,QACoB,UAAlBnB,EAAMH,QAAsB,UAAY,UACxCqB,EAAMA,OAAC,uBAAwB,mCAC/BlB,EAAMY,YACJM,EAAMA,OAAC,mBAAoB,gDAKnCT,MAACX,EAAW,CACVD,QAASG,EAAMH,QACfoB,UAAWC,EAAAA,OACTC,EAAAA,QACE,sBACAnB,EAAMY,WACF,yCACA,yCAENO,UACEnB,EAAMY,WACF,oFACA,0EAQlBX,EAASmB,YAAc,WACvBnB,EAASoB,UAAY,CACnBL,cAAeM,EAAcC,iBAAAC,MAE/BvB,EAASwB,aAAe,CACtBT,eAAe"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("../../../node_modules/classnames/index.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("../../../node_modules/classnames/index.js"),a=require("../../../node_modules/prop-types/index.js"),s=require("styled-components"),r=require("../../../node_modules/tailwind-merge/dist/lib/tw-join.mjs.js"),d=require("../../styles/BorderRadius.js"),t=require("../Icon/Icon.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(s);const n=o.default.div`
|
|
2
2
|
align-items: center;
|
|
3
3
|
display: flex;
|
|
4
|
-
height:
|
|
4
|
+
height: ${({variant:e})=>"small"===e?"12px":"16px"};
|
|
5
5
|
justify-content: center;
|
|
6
6
|
position: relative;
|
|
7
|
-
width:
|
|
8
|
-
`,
|
|
7
|
+
width: ${({variant:e})=>"small"===e?"12px":"16px"};
|
|
8
|
+
`,u=o.default.input.attrs((()=>({type:"radio"})))`
|
|
9
9
|
position: absolute;
|
|
10
|
-
height: ${e=>`${e.size}px`};
|
|
11
|
-
width: ${e=>`${e.size}px`};
|
|
12
10
|
cursor: pointer;
|
|
13
11
|
opacity: 0;
|
|
14
|
-
`,
|
|
15
|
-
border-radius: ${
|
|
16
|
-
height: ${
|
|
17
|
-
width: ${
|
|
18
|
-
`,
|
|
12
|
+
`,c=o.default.div`
|
|
13
|
+
border-radius: ${d.BorderRadiusType.round};
|
|
14
|
+
height: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
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 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;
|
|
19
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
|
|
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"}
|