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

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 (7) hide show
  1. package/dist/cjs/components/TypographyStyle.js +16 -16
  2. package/dist/cjs/index.d.ts +2 -0
  3. package/dist/cjs/index.js +1 -1
  4. package/dist/esm/components/TypographyStyle.js +16 -16
  5. package/dist/esm/index.d.ts +2 -0
  6. package/dist/esm/index.js +1 -1
  7. 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";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",r=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
- `,o.default.div`
7
+ `,l=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
- `,o.default.div`
13
+ `,a=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
- `;const r=o.default.div`
19
+ `,f=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
- `;o.default.div`
25
+ `,S=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
- `,o.default.div`
31
+ `,d=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
- `;const l=o.default.div`
37
+ `,g=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
- `,f=o.default.div`
43
+ `,O=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
- `;o.default(l)`
49
+ `,h=o.default(g)`
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
- `,o.default(f)`
54
+ `,y=o.default(O)`
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
- `;const a=o.default.div`
59
+ `,$=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
- `;o.default.div`
65
+ `,c=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
- `;const S=o.default.div`
70
+ `,u=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
- `,O=o.default.div`
76
+ `,s=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
- `;o.default.div`
82
+ `,T=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=a,exports.BodyPrimary=l,exports.BodySecondary=f,exports.ButtonLarge=S,exports.ButtonRegular=O,exports.TitleSmall=r;
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;
package/dist/cjs/index.d.ts CHANGED
@@ -11,3 +11,5 @@ 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"),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;
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;
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";t.div`
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`
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
- `,t.div`
7
+ `,r=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
- `,t.div`
13
+ `,l=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
- `;const n=t.div`
19
+ `,f=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
- `;t.div`
25
+ `,g=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
- `,t.div`
31
+ `,a=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
- `;const r=t.div`
37
+ `,h=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
- `,l=t.div`
43
+ `,$=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
- `;t(r)`
49
+ `,c=t(h)`
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
- `,t(l)`
54
+ `,y=t($)`
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
- `;const f=t.div`
59
+ `,d=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
- `;t.div`
65
+ `,m=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
- `;const g=t.div`
70
+ `,s=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
- `,a=t.div`
76
+ `,p=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
- `;t.div`
82
+ `,z=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{f as BodyCaption,r as BodyPrimary,l as BodySecondary,g as ButtonLarge,a as ButtonRegular,n as TitleSmall};
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};
package/dist/esm/index.d.ts CHANGED
@@ -11,3 +11,5 @@ 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";
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.7-beta.0",
3
+ "version": "0.0.7-beta.1",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",