@bikdotai/bik-component-library 0.0.196-beta-2 → 0.0.196

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.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const r=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:l.COLORS.surface.standard})]}));exports.CheckBox=a=>{var o;const[n,c]=i.useState(a.isChecked||!1),[d,h]=i.useState(a.isDisabled||!1),[u,x]=i.useState(!1),[C,v]=i.useState(!1);i.useEffect((()=>{a.controlFromOutside&&c(a.isChecked)}),[a.isChecked,a.controlFromOutside]);return i.useEffect((()=>{c(a.isChecked)}),[a.isChecked]),i.useEffect((()=>{h(a.isDisabled||!1)}),[a.isDisabled]),e.jsxs(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!a.isDisabled){if(a.controlFromOutside)return void(null===(e=a.onValueChange)||void 0===e||e.call(a,!a.isChecked,a.value));const s=!n;c(s),null===(i=a.onValueChange)||void 0===i||i.call(a,s,a.value)}},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:[e.jsx(s.CheckboxIcon,Object.assign({checked:n,hovered:u,clicked:C,isDisabled:d},{children:n&&e.jsx(r,{isPartial:null!==(o=a.isPartiallyChecked)&&void 0!==o&&o,isDisabled:d})})),a.label&&e.jsx(t.BodyPrimary,Object.assign({color:a.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary},{children:a.label}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const r=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:l.COLORS.surface.standard})]}));exports.CheckBox=l=>{var o;const[n,a]=i.useState(l.isChecked||!1),[c,d]=i.useState(!1),[h,u]=i.useState(!1);i.useEffect((()=>{l.controlFromOutside&&a(l.isChecked)}),[l.isChecked,l.controlFromOutside]);return i.useEffect((()=>{a(l.isChecked)}),[l.isChecked]),e.jsxs(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!l.isDisabled){if(l.controlFromOutside)return void(null===(e=l.onValueChange)||void 0===e||e.call(l,!l.isChecked,l.value));const s=!n;a(s),null===(i=l.onValueChange)||void 0===i||i.call(l,s,l.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:[e.jsx(s.CheckboxIcon,Object.assign({checked:n,hovered:c,clicked:h,isDisabled:l.isDisabled||!1},{children:n&&e.jsx(r,{isPartial:null!==(o=l.isPartiallyChecked)&&void 0!==o&&o,isDisabled:l.isDisabled||!1})})),l.label&&e.jsx(t.BodyPrimary,{children:l.label})]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=n=>{const[l,a]=s.useState(n.listItems);s.useEffect((()=>{const e=l.filter((e=>e.isChecked));n.onChange(e)}),[l]);const o=(e,s)=>{const t=[...l],i=l.find((e=>e.value===s));i&&(i.isChecked=e),a(t)};return e.jsxs(i.CheckListStyled,{children:[(n.title||n.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[n.title&&e.jsx(r.TitleRegular,{children:n.title}),n.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:n.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:l.map((s=>e.jsx(t.CheckBox,Object.assign({},s,{onValueChange:o}),s.value)))}))]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=n=>{const[l,a]=s.useState(n.listItems);s.useEffect((()=>{const e=l.filter((e=>e.isChecked));n.onChange(e)}),[l]);const o=(e,s)=>{const t=[...l],i=l.find((e=>e.value===s));i&&(i.isChecked=e),a(t)};return e.jsxs(i.CheckListStyled,{children:[(n.title||n.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[n.title&&e.jsx(r.TitleRegular,{children:n.title}),n.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:n.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:l.map((s=>e.jsx(t.CheckBox,Object.assign({controlFromOutside:!0},s,{onValueChange:o}),s.value)))}))]})};
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.CheckListStyled=t;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hlY2tMaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.CheckListStyled=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");const r=i=>{const s=i.isDisabled?n.COLORS.content.inactive:i.isActive?n.COLORS.background.positive.vibrant:n.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?n.COLORS.content.inactive:n.COLORS.background.positive.vibrant})]}))};exports.RadioButton=o=>{const[c,a]=i.useState(o.isActive||!1),[l,d]=i.useState(!1),[u,v]=i.useState(!1);return i.useEffect((()=>{a(o.isActive)}),[o.isActive]),e.jsxs(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!o.isDisabled){const i=!c;a(i),null===(e=o.onValueChange)||void 0===e||e.call(o,i,o.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:[e.jsx(s.RadioButtonIcon,Object.assign({checked:c,hovered:l,clicked:u,isDisabled:o.isDisabled||!1},{children:e.jsx(r,{isActive:c,isDisabled:o.isDisabled||!1})})),o.label&&e.jsx(t.BodyPrimary,Object.assign({color:o.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary},{children:o.label}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");const r=i=>{const s=i.isDisabled?n.COLORS.content.inactive:i.isActive?n.COLORS.background.positive.vibrant:n.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?n.COLORS.content.inactive:n.COLORS.background.positive.vibrant})]}))};exports.RadioButton=n=>{const[o,c]=i.useState(n.isActive||!1),[a,l]=i.useState(!1),[u,d]=i.useState(!1);return i.useEffect((()=>{c(n.isActive)}),[n.isActive]),e.jsxs(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!n.isDisabled){const i=!o;c(i),null===(e=n.onValueChange)||void 0===e||e.call(n,i,n.value)}},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onMouseDown:()=>d(!0),onMouseUp:()=>d(!1)},{children:[e.jsx(s.RadioButtonIcon,Object.assign({checked:o,hovered:a,clicked:u,isDisabled:n.isDisabled||!1},{children:e.jsx(r,{isActive:o,isDisabled:n.isDisabled||!1})})),n.label&&e.jsx(t.BodyPrimary,{children:n.label})]}))};
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.RadioListStyled=t;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UmFkaW9MaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.RadioListStyled=t;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useEffect as l}from"react";import{CheckboxContainer as t,CheckboxIcon as o}from"./CheckBox.styled.js";import{BodyPrimary as r}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";const a=s=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=d=>{var c;const[h,u]=s(d.isChecked||!1),[v,g]=s(d.isDisabled||!1),[b,m]=s(!1),[w,C]=s(!1);l((()=>{d.controlFromOutside&&u(d.isChecked)}),[d.isChecked,d.controlFromOutside]);return l((()=>{u(d.isChecked)}),[d.isChecked]),l((()=>{g(d.isDisabled||!1)}),[d.isDisabled]),e(t,Object.assign({onClick:()=>{var e,i;if(!d.isDisabled){if(d.controlFromOutside)return void(null===(e=d.onValueChange)||void 0===e||e.call(d,!d.isChecked,d.value));const s=!h;u(s),null===(i=d.onValueChange)||void 0===i||i.call(d,s,d.value)}},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onMouseDown:()=>C(!0),onMouseUp:()=>C(!1)},{children:[i(o,Object.assign({checked:h,hovered:b,clicked:w,isDisabled:v},{children:h&&i(a,{isPartial:null!==(c=d.isPartiallyChecked)&&void 0!==c&&c,isDisabled:v})})),d.label&&i(r,Object.assign({color:d.isDisabled?n.text.disabled:n.text.primary},{children:d.label}))]}))};export{d as CheckBox};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as l,useEffect as s}from"react";import{CheckboxContainer as t,CheckboxIcon as o}from"./CheckBox.styled.js";import{BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const a=l=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:l.isDisabled?r.content.inactive:r.background.positive.vibrant}),!l.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),l.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:r.surface.standard})]})),d=r=>{var d;const[c,h]=l(r.isChecked||!1),[u,v]=l(!1),[g,m]=l(!1);s((()=>{r.controlFromOutside&&h(r.isChecked)}),[r.isChecked,r.controlFromOutside]);return s((()=>{h(r.isChecked)}),[r.isChecked]),e(t,Object.assign({onClick:()=>{var e,i;if(!r.isDisabled){if(r.controlFromOutside)return void(null===(e=r.onValueChange)||void 0===e||e.call(r,!r.isChecked,r.value));const l=!c;h(l),null===(i=r.onValueChange)||void 0===i||i.call(r,l,r.value)}},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onMouseDown:()=>m(!0),onMouseUp:()=>m(!1)},{children:[i(o,Object.assign({checked:c,hovered:u,clicked:g,isDisabled:r.isDisabled||!1},{children:c&&i(a,{isPartial:null!==(d=r.isPartiallyChecked)&&void 0!==d&&d,isDisabled:r.isDisabled||!1})})),r.label&&i(n,{children:r.label})]}))};export{d as CheckBox};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{CheckBox as c}from"../checkBox/CheckBox.js";import{CheckListStyled as o}from"./CheckList.styled.js";import{TitleRegular as r,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const a=a=>{const[m,h]=s(a.listItems);i((()=>{const e=m.filter((e=>e.isChecked));a.onChange(e)}),[m]);const d=(e,t)=>{const s=[...m],i=m.find((e=>e.value===t));i&&(i.isChecked=e),h(s)};return e(o,{children:[(a.title||a.subTitle)&&e("div",Object.assign({className:"title__container"},{children:[a.title&&t(r,{children:a.title}),a.subTitle&&t(n,Object.assign({color:l.text.secondary},{children:a.subTitle}))]})),t("div",Object.assign({className:"list__container"},{children:m.map((e=>t(c,Object.assign({},e,{onValueChange:d}),e.value)))}))]})};export{a as CheckList};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as c,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const a=a=>{const[m,h]=s(a.listItems);i((()=>{const e=m.filter((e=>e.isChecked));a.onChange(e)}),[m]);const d=(e,t)=>{const s=[...m],i=m.find((e=>e.value===t));i&&(i.isChecked=e),h(s)};return e(r,{children:[(a.title||a.subTitle)&&e("div",Object.assign({className:"title__container"},{children:[a.title&&t(c,{children:a.title}),a.subTitle&&t(n,Object.assign({color:l.text.secondary},{children:a.subTitle}))]})),t("div",Object.assign({className:"list__container"},{children:m.map((e=>t(o,Object.assign({controlFromOutside:!0},e,{onValueChange:d}),e.value)))}))]})};export{a as CheckList};
@@ -1 +1 @@
1
- import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as CheckListStyled};
1
+ import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hlY2tMaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as CheckListStyled};
@@ -1 +1 @@
1
- import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{RadioButtonContainer as o,RadioButtonIcon as c}from"./RadioButton.styled.js";import{BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const l=t=>{const s=t.isDisabled?r.content.inactive:t.isActive?r.background.positive.vibrant:r.content.primary;return i("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),t.isActive&&e("circle",{cx:"10",cy:"10",r:"5",fill:t.isDisabled?r.content.inactive:r.background.positive.vibrant})]}))},a=a=>{const[d,v]=t(a.isActive||!1),[b,m]=t(!1),[h,p]=t(!1);return s((()=>{v(a.isActive)}),[a.isActive]),i(o,Object.assign({onClick:()=>{var i;if(!a.isDisabled){const e=!d;v(e),null===(i=a.onValueChange)||void 0===i||i.call(a,e,a.value)}},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onMouseDown:()=>p(!0),onMouseUp:()=>p(!1)},{children:[e(c,Object.assign({checked:d,hovered:b,clicked:h,isDisabled:a.isDisabled||!1},{children:e(l,{isActive:d,isDisabled:a.isDisabled||!1})})),a.label&&e(n,Object.assign({color:a.isDisabled?r.text.disabled:r.text.primary},{children:a.label}))]}))};export{a as RadioButton};
1
+ import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{RadioButtonContainer as o,RadioButtonIcon as n}from"./RadioButton.styled.js";import{BodyPrimary as c}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const l=t=>{const s=t.isDisabled?r.content.inactive:t.isActive?r.background.positive.vibrant:r.content.primary;return i("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),t.isActive&&e("circle",{cx:"10",cy:"10",r:"5",fill:t.isDisabled?r.content.inactive:r.background.positive.vibrant})]}))},a=r=>{const[a,d]=t(r.isActive||!1),[v,b]=t(!1),[h,m]=t(!1);return s((()=>{d(r.isActive)}),[r.isActive]),i(o,Object.assign({onClick:()=>{var i;if(!r.isDisabled){const e=!a;d(e),null===(i=r.onValueChange)||void 0===i||i.call(r,e,r.value)}},onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),onMouseDown:()=>m(!0),onMouseUp:()=>m(!1)},{children:[e(n,Object.assign({checked:a,hovered:v,clicked:h,isDisabled:r.isDisabled||!1},{children:e(l,{isActive:a,isDisabled:r.isDisabled||!1})})),r.label&&e(c,{children:r.label})]}))};export{a as RadioButton};
@@ -1 +1 @@
1
- import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as RadioListStyled};
1
+ import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UmFkaW9MaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as RadioListStyled};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.196-beta-2",
3
+ "version": "0.0.196",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",