@bikdotai/bik-component-library 0.0.7-beta.1 → 0.0.7

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.
Files changed (9) hide show
  1. package/dist/cjs/components/TypographyStyle.js +16 -16
  2. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  3. package/dist/cjs/index.d.ts +0 -2
  4. package/dist/cjs/index.js +1 -1
  5. package/dist/esm/components/TypographyStyle.js +16 -16
  6. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  7. package/dist/esm/index.d.ts +0 -2
  8. package/dist/esm/index.js +1 -1
  9. package/package.json +1 -1
package/dist/cjs/components/TypographyStyle.js CHANGED
@@ -1,88 +1,88 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px",r=o.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px";o.default.div`
2
2
  font-family: Inter;
3
3
  color: ${t=>t.color||e.COLORS.text.primary};
4
4
  font-weight: ${t=>e.FONTS.titleLarge.fontWeight};
5
5
  font-size: ${t=>n(e.FONTS.titleLarge.fontSize)};
6
6
  line-height: ${t=>n(e.FONTS.titleLarge.lineHeight)};
7
- `,l=o.default.div`
7
+ `,o.default.div`
8
8
  font-family: Inter;
9
9
  color: ${t=>t.color||e.COLORS.text.primary};
10
10
  font-weight: ${t=>e.FONTS.titleMedium.fontWeight};
11
11
  font-size: ${t=>n(e.FONTS.titleMedium.fontSize)};
12
12
  line-height: ${t=>n(e.FONTS.titleMedium.lineHeight)};
13
- `,a=o.default.div`
13
+ `,o.default.div`
14
14
  font-family: Inter;
15
15
  color: ${t=>t.color||e.COLORS.text.primary};
16
16
  font-weight: ${t=>e.FONTS.titleRegular.fontWeight};
17
17
  font-size: ${t=>n(e.FONTS.titleRegular.fontSize)};
18
18
  line-height: ${t=>n(e.FONTS.titleRegular.lineHeight)};
19
- `,f=o.default.div`
19
+ `;const r=o.default.div`
20
20
  font-family: Inter;
21
21
  color: ${t=>t.color||e.COLORS.text.primary};
22
22
  font-weight: ${t=>e.FONTS.titleSmall.fontWeight};
23
23
  font-size: ${t=>n(e.FONTS.titleSmall.fontSize)};
24
24
  line-height: ${t=>n(e.FONTS.titleSmall.lineHeight)};
25
- `,S=o.default.div`
25
+ `;o.default.div`
26
26
  font-family: Inter;
27
27
  color: ${t=>t.color||e.COLORS.text.primary};
28
28
  font-weight: ${t=>e.FONTS.display.fontWeight};
29
29
  font-size: ${t=>n(e.FONTS.display.fontSize)};
30
30
  line-height: ${t=>n(e.FONTS.display.lineHeight)};
31
- `,d=o.default.div`
31
+ `,o.default.div`
32
32
  font-family: Inter;
33
33
  color: ${t=>t.color||e.COLORS.text.primary};
34
34
  font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
35
35
  font-size: ${t=>n(e.FONTS.bodyLarge.fontSize)};
36
36
  line-height: ${t=>n(e.FONTS.bodyLarge.lineHeight)};
37
- `,g=o.default.div`
37
+ `;const l=o.default.div`
38
38
  font-family: Inter;
39
39
  color: ${t=>t.color||e.COLORS.text.primary};
40
40
  font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
41
41
  font-size: ${t=>n(e.FONTS.bodyPrimary.fontSize)};
42
42
  line-height: ${t=>n(e.FONTS.bodyPrimary.lineHeight)};
43
- `,O=o.default.div`
43
+ `,f=o.default.div`
44
44
  font-family: Inter;
45
45
  color: ${t=>e.COLORS.content.primary};
46
46
  font-weight: ${t=>e.FONTS.bodySecondary.fontWeight};
47
47
  font-size: ${t=>n(e.FONTS.bodySecondary.fontSize)};
48
48
  line-height: ${t=>n(e.FONTS.bodySecondary.lineHeight)};
49
- `,h=o.default(g)`
49
+ `;o.default(l)`
50
50
  text-decoration: underline;
51
51
  color: ${t=>e.COLORS.content.brand};
52
52
  text-decoration-color: ${t=>e.COLORS.content.brand};
53
53
  cursor: pointer;
54
- `,y=o.default(O)`
54
+ `,o.default(f)`
55
55
  text-decoration: underline;
56
56
  color: ${t=>e.COLORS.content.brand};
57
57
  text-decoration-color: ${t=>e.COLORS.content.brand};
58
58
  cursor: pointer;
59
- `,$=o.default.div`
59
+ `;const a=o.default.div`
60
60
  font-family: Inter;
61
61
  color: ${t=>t.color||e.COLORS.text.primary};
62
62
  font-weight: ${t=>e.FONTS.caption.fontWeight};
63
63
  font-size: ${t=>n(e.FONTS.caption.fontSize)};
64
64
  line-height: ${t=>n(e.FONTS.caption.lineHeight)};
65
- `,c=o.default.div`
65
+ `;o.default.div`
66
66
  color: ${t=>t.color||e.COLORS.text.primary};
67
67
  font-weight: ${t=>e.FONTS.tiny.fontWeight};
68
68
  font-size: ${t=>n(e.FONTS.tiny.fontSize)};
69
69
  line-height: ${t=>n(e.FONTS.tiny.lineHeight)};
70
- `,u=o.default.div`
70
+ `;const S=o.default.div`
71
71
  font-family: Inter;
72
72
  color: ${t=>t.color||e.COLORS.text.primary};
73
73
  font-weight: ${t=>e.FONTS.buttonLarge.fontWeight};
74
74
  font-size: ${t=>n(e.FONTS.buttonLarge.fontSize)};
75
75
  line-height: ${t=>n(e.FONTS.buttonLarge.lineHeight)};
76
- `,s=o.default.div`
76
+ `,O=o.default.div`
77
77
  font-family: Inter;
78
78
  color: ${t=>t.color||e.COLORS.text.primary};
79
79
  font-weight: ${t=>e.FONTS.buttonRegular.fontWeight};
80
80
  font-size: ${t=>n(e.FONTS.buttonRegular.fontSize)};
81
81
  line-height: ${t=>n(e.FONTS.buttonRegular.lineHeight)};
82
- `,T=o.default.div`
82
+ `;o.default.div`
83
83
  font-family: Inter;
84
84
  color: ${t=>t.color||e.COLORS.text.primary};
85
85
  font-weight: ${t=>e.FONTS.subHeading.fontWeight};
86
86
  font-size: ${t=>n(e.FONTS.subHeading.fontSize)};
87
87
  line-height: ${t=>n(e.FONTS.subHeading.lineHeight)};
88
- `;exports.BodyCaption=$,exports.BodyLarge=d,exports.BodyPrimary=g,exports.BodyPrimaryLink=h,exports.BodySecondary=O,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=s,exports.Display=S,exports.SubHeading=T,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;
88
+ `,exports.BodyCaption=a,exports.BodyPrimary=l,exports.BodySecondary=f,exports.ButtonLarge=S,exports.ButtonRegular=O,exports.TitleSmall=r;
package/dist/cjs/components/checkBox/CheckBox.js CHANGED
@@ -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("../../constants/Theme.js");const l=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?t.COLORS.content.inactive:t.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:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[r,a]=i.useState(t.isChecked||!1),[c,o]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{a(t.isChecked)}),[t.isChecked]);return e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!r;a(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:r,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:r&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!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("../../constants/Theme.js");const l=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?t.COLORS.content.inactive:t.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:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[r,a]=i.useState(t.isChecked||!1),[o,c]=i.useState(!1),[d,h]=i.useState(!1);return e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!r;a(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:r,hovered:o,clicked:d,isDisabled:t.isDisabled||!1},{children:r&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!1})}))}))};
package/dist/cjs/index.d.ts CHANGED
@@ -11,5 +11,3 @@ export * from './components/tag';
11
11
  export * from './components/pagination';
12
12
  export * from './components/icon-button';
13
13
  export * from './components/image-compress';
14
- export * from './components/TypographyStyle';
15
- export * from './components/button';
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),n=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),p=require("./components/spinner/Spinner.js"),a=require("./components/stepper/Stepper.js"),u=require("./components/tag/Tag.js"),x=require("./components/icon-button/IconButton.js"),B=require("./components/image-compress/ImageCompress.js"),c=require("./components/TypographyStyle.js"),m=require("./components/button/Button.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=n.Toaster,exports.Tooltip=i.Tooltip,exports.Spinner=p.Spinner,exports.Stepper=a.Stepper,exports.Tag=u.Tag,exports.IconButton=x.IconButton,exports.ImageService=B.ImageService,exports.BodyCaption=c.BodyCaption,exports.BodyLarge=c.BodyLarge,exports.BodyPrimary=c.BodyPrimary,exports.BodyPrimaryLink=c.BodyPrimaryLink,exports.BodySecondary=c.BodySecondary,exports.BodySecondaryLink=c.BodySecondaryLink,exports.BodyTiny=c.BodyTiny,exports.ButtonLarge=c.ButtonLarge,exports.ButtonRegular=c.ButtonRegular,exports.Display=c.Display,exports.SubHeading=c.SubHeading,exports.TitleLarge=c.TitleLarge,exports.TitleMedium=c.TitleMedium,exports.TitleRegular=c.TitleRegular,exports.TitleSmall=c.TitleSmall,exports.Button=m.Button;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),n=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),i=require("./components/spinner/Spinner.js"),a=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),u=require("./components/icon-button/IconButton.js"),m=require("./components/image-compress/ImageCompress.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=n.Toaster,exports.Tooltip=p.Tooltip,exports.Spinner=i.Spinner,exports.Stepper=a.Stepper,exports.Tag=c.Tag,exports.IconButton=u.IconButton,exports.ImageService=m.ImageService;
package/dist/esm/components/TypographyStyle.js CHANGED
@@ -1,88 +1,88 @@
1
- import t from"styled-components";import{COLORS as e,FONTS as i}from"../constants/Theme.js";const o=t=>t+"px",n=t.div`
1
+ import t from"styled-components";import{COLORS as e,FONTS as i}from"../constants/Theme.js";const o=t=>t+"px";t.div`
2
2
  font-family: Inter;
3
3
  color: ${t=>t.color||e.text.primary};
4
4
  font-weight: ${t=>i.titleLarge.fontWeight};
5
5
  font-size: ${t=>o(i.titleLarge.fontSize)};
6
6
  line-height: ${t=>o(i.titleLarge.lineHeight)};
7
- `,r=t.div`
7
+ `,t.div`
8
8
  font-family: Inter;
9
9
  color: ${t=>t.color||e.text.primary};
10
10
  font-weight: ${t=>i.titleMedium.fontWeight};
11
11
  font-size: ${t=>o(i.titleMedium.fontSize)};
12
12
  line-height: ${t=>o(i.titleMedium.lineHeight)};
13
- `,l=t.div`
13
+ `,t.div`
14
14
  font-family: Inter;
15
15
  color: ${t=>t.color||e.text.primary};
16
16
  font-weight: ${t=>i.titleRegular.fontWeight};
17
17
  font-size: ${t=>o(i.titleRegular.fontSize)};
18
18
  line-height: ${t=>o(i.titleRegular.lineHeight)};
19
- `,f=t.div`
19
+ `;const n=t.div`
20
20
  font-family: Inter;
21
21
  color: ${t=>t.color||e.text.primary};
22
22
  font-weight: ${t=>i.titleSmall.fontWeight};
23
23
  font-size: ${t=>o(i.titleSmall.fontSize)};
24
24
  line-height: ${t=>o(i.titleSmall.lineHeight)};
25
- `,g=t.div`
25
+ `;t.div`
26
26
  font-family: Inter;
27
27
  color: ${t=>t.color||e.text.primary};
28
28
  font-weight: ${t=>i.display.fontWeight};
29
29
  font-size: ${t=>o(i.display.fontSize)};
30
30
  line-height: ${t=>o(i.display.lineHeight)};
31
- `,a=t.div`
31
+ `,t.div`
32
32
  font-family: Inter;
33
33
  color: ${t=>t.color||e.text.primary};
34
34
  font-weight: ${t=>i.bodyPrimary.fontWeight};
35
35
  font-size: ${t=>o(i.bodyLarge.fontSize)};
36
36
  line-height: ${t=>o(i.bodyLarge.lineHeight)};
37
- `,h=t.div`
37
+ `;const r=t.div`
38
38
  font-family: Inter;
39
39
  color: ${t=>t.color||e.text.primary};
40
40
  font-weight: ${t=>i.bodyPrimary.fontWeight};
41
41
  font-size: ${t=>o(i.bodyPrimary.fontSize)};
42
42
  line-height: ${t=>o(i.bodyPrimary.lineHeight)};
43
- `,$=t.div`
43
+ `,l=t.div`
44
44
  font-family: Inter;
45
45
  color: ${t=>e.content.primary};
46
46
  font-weight: ${t=>i.bodySecondary.fontWeight};
47
47
  font-size: ${t=>o(i.bodySecondary.fontSize)};
48
48
  line-height: ${t=>o(i.bodySecondary.lineHeight)};
49
- `,c=t(h)`
49
+ `;t(r)`
50
50
  text-decoration: underline;
51
51
  color: ${t=>e.content.brand};
52
52
  text-decoration-color: ${t=>e.content.brand};
53
53
  cursor: pointer;
54
- `,y=t($)`
54
+ `,t(l)`
55
55
  text-decoration: underline;
56
56
  color: ${t=>e.content.brand};
57
57
  text-decoration-color: ${t=>e.content.brand};
58
58
  cursor: pointer;
59
- `,d=t.div`
59
+ `;const f=t.div`
60
60
  font-family: Inter;
61
61
  color: ${t=>t.color||e.text.primary};
62
62
  font-weight: ${t=>i.caption.fontWeight};
63
63
  font-size: ${t=>o(i.caption.fontSize)};
64
64
  line-height: ${t=>o(i.caption.lineHeight)};
65
- `,m=t.div`
65
+ `;t.div`
66
66
  color: ${t=>t.color||e.text.primary};
67
67
  font-weight: ${t=>i.tiny.fontWeight};
68
68
  font-size: ${t=>o(i.tiny.fontSize)};
69
69
  line-height: ${t=>o(i.tiny.lineHeight)};
70
- `,s=t.div`
70
+ `;const g=t.div`
71
71
  font-family: Inter;
72
72
  color: ${t=>t.color||e.text.primary};
73
73
  font-weight: ${t=>i.buttonLarge.fontWeight};
74
74
  font-size: ${t=>o(i.buttonLarge.fontSize)};
75
75
  line-height: ${t=>o(i.buttonLarge.lineHeight)};
76
- `,p=t.div`
76
+ `,a=t.div`
77
77
  font-family: Inter;
78
78
  color: ${t=>t.color||e.text.primary};
79
79
  font-weight: ${t=>i.buttonRegular.fontWeight};
80
80
  font-size: ${t=>o(i.buttonRegular.fontSize)};
81
81
  line-height: ${t=>o(i.buttonRegular.lineHeight)};
82
- `,z=t.div`
82
+ `;t.div`
83
83
  font-family: Inter;
84
84
  color: ${t=>t.color||e.text.primary};
85
85
  font-weight: ${t=>i.subHeading.fontWeight};
86
86
  font-size: ${t=>o(i.subHeading.fontSize)};
87
87
  line-height: ${t=>o(i.subHeading.lineHeight)};
88
- `;export{d as BodyCaption,a as BodyLarge,h as BodyPrimary,c as BodyPrimaryLink,$ as BodySecondary,y as BodySecondaryLink,m as BodyTiny,s as ButtonLarge,p as ButtonRegular,g as Display,z as SubHeading,n as TitleLarge,r as TitleMedium,l as TitleRegular,f as TitleSmall};
88
+ `;export{f as BodyCaption,r as BodyPrimary,l as BodySecondary,g as ButtonLarge,a as ButtonRegular,n as TitleSmall};
package/dist/esm/components/checkBox/CheckBox.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s,useEffect as t}from"react";import{CheckboxContainer as l,CheckboxIcon as n}from"./CheckBox.styled.js";import{COLORS as o}from"../../constants/Theme.js";const r=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?o.content.inactive:o.background.positive.vibrant}),!s.isPartial&&e("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("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&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:o.surface.standard})]})),a=i=>{var o;const[a,c]=s(i.isChecked||!1),[d,h]=s(!1),[v,g]=s(!1);t((()=>{c(i.isChecked)}),[i.isChecked]);return e(l,Object.assign({onClick:()=>{var e;if(!i.isDisabled){const s=!a;c(s),null===(e=i.onValueChange)||void 0===e||e.call(i,s,i.value)}},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>g(!0),onMouseUp:()=>g(!1)},{children:e(n,Object.assign({checked:a,hovered:d,clicked:v,isDisabled:i.isDisabled||!1},{children:a&&e(r,{isPartial:null!==(o=i.isPartiallyChecked)&&void 0!==o&&o,isDisabled:i.isDisabled||!1})}))}))};export{a as CheckBox};
1
+ import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{CheckboxContainer as t,CheckboxIcon as l}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const o=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("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("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&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),r=i=>{var n;const[r,a]=s(i.isChecked||!1),[c,d]=s(!1),[h,v]=s(!1);return e(t,Object.assign({onClick:()=>{var e;if(!i.isDisabled){const s=!r;a(s),null===(e=i.onValueChange)||void 0===e||e.call(i,s,i.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(l,Object.assign({checked:r,hovered:c,clicked:h,isDisabled:i.isDisabled||!1},{children:r&&e(o,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled||!1})}))}))};export{r as CheckBox};
package/dist/esm/index.d.ts CHANGED
@@ -11,5 +11,3 @@ export * from './components/tag';
11
11
  export * from './components/pagination';
12
12
  export * from './components/icon-button';
13
13
  export * from './components/image-compress';
14
- export * from './components/TypographyStyle';
15
- export * from './components/button';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";
1
+ export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{ImageService}from"./components/image-compress/ImageCompress.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.7-beta.1",
3
+ "version": "0.0.7",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",