npm - @bikdotai/bik-component-library - Versions diffs - 0.0.18 → 0.0.20-beta.0 - Mend

@bikdotai/bik-component-library 0.0.18 → 0.0.20-beta.0

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 (159) hide show

package/dist/cjs/assets/icons/RedirectToNew.svg.js ADDED Viewed

@@ -0,0 +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 a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t||(t=n.createElement("path",{fill:"currentColor",d:"M3.333 5.333a2 2 0 0 1 2-2h1.334a.667.667 0 1 0 0-1.333H5.333A3.333 3.333 0 0 0 2 5.333v5.334A3.333 3.333 0 0 0 5.333 14h5.334A3.333 3.333 0 0 0 14 10.667V9.333a.667.667 0 0 0-1.333 0v1.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V5.333Z"})),r||(r=n.createElement("path",{fill:"currentColor",d:"M10 2a.667.667 0 0 0 0 1.333h1.724L7.529 7.53a.667.667 0 1 0 .942.942l4.196-4.195V6A.667.667 0 1 0 14 6V2.667A.667.667 0 0 0 13.333 2H10Z"})));exports.default=l;

package/dist/cjs/assets/icons/arrow_left.svg.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/cjs/assets/icons/errorInfo.svg.js CHANGED Viewed

	@@ -1 +1 @@
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,l=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var c=e=>l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t\|\|(t=l.createElement("path",{fill:"~~#B92321~~",d:"M8 7.333c.368 0 .667.299.667.667v2.667a.667.667 0 1 1-1.334 0V8c0-.368.299-.667.667-.~~667Z"})),r\|\|(r=l.createElement("path",{fill:"currentColor",d:"M8~~ 6a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 6Z"})),n\|\|(n=l.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",clipRule:"evenodd"})));exports.default=c;
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 l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}var a=e=>n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t\|\|(t=n.createElement("path",{fill:"currentColor",d:"M8 7.333c.368 0 .667.299.667.667v2.667a.667.667 0 1 1-1.334 0V8c0-.368.299-.667.667-.667ZM8 6a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 6Z"})),r\|\|(r=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",clipRule:"evenodd"})));exports.default=a;

package/dist/cjs/assets/icons/filePdf.svg.js ADDED Viewed

@@ -0,0 +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 c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,c,a=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 c in r)Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c])}return e},n.apply(this,arguments)}var l=e=>a.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 30 38"},e),t||(t=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.632 28.834c0 .092.075.166.167.166h1.204a.167.167 0 0 0 .167-.166v-2.025c0-.092.075-.167.167-.167h1.126c1.672 0 2.645-.997 2.645-2.45 0-1.445-.955-2.464-2.606-2.464H5.799a.167.167 0 0 0-.167.166v6.94Zm1.705-3.424a.167.167 0 0 1-.167-.167v-2.092c0-.092.075-.166.167-.166h.87c.888 0 1.317.483 1.317 1.207 0 .72-.43 1.218-1.31 1.218h-.877ZM14.685 29c2.216 0 3.558-1.37 3.558-3.643 0-2.266-1.342-3.63-3.537-3.63h-2.432a.167.167 0 0 0-.167.167v6.94c0 .092.075.166.167.166h2.411Zm-.874-1.317a.167.167 0 0 1-.166-.167v-4.304c0-.092.074-.167.166-.167h.814c1.363 0 2.084.696 2.084 2.312 0 1.623-.72 2.326-2.088 2.326h-.81Z",clipRule:"evenodd"})),r||(r=a.createElement("path",{fill:"currentColor",d:"M19.549 29a.167.167 0 0 1-.167-.166v-6.94c0-.092.075-.166.167-.166h4.482c.092 0 .167.074.167.166v.935a.167.167 0 0 1-.167.166h-2.944a.167.167 0 0 0-.167.167v1.4c0 .092.075.166.167.166h2.624c.092 0 .167.075.167.167v.934a.167.167 0 0 1-.167.167h-2.624a.167.167 0 0 0-.167.167v2.67a.167.167 0 0 1-.167.167H19.55Z"})),c||(c=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M5 .667a5 5 0 0 0-5 5v26.667a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V13.31L17.357.667H5Zm-1.667 5C3.333 4.747 4.08 4 5 4h10v6.667a5 5 0 0 0 5 5h6.667v16.667c0 .92-.747 1.666-1.667 1.666H5c-.92 0-1.667-.746-1.667-1.666V5.667Zm20.977 6.667-5.977-5.977v4.31c0 .92.747 1.667 1.667 1.667h4.31Z",clipRule:"evenodd"})));exports.default=l;

package/dist/cjs/assets/icons/halfRectangle.svg.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/cjs/assets/icons/image.svg.js ADDED Viewed

@@ -0,0 +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 l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}var c=e=>n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 32"},e),t||(t=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M11.333 8a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667Zm-.666 3.333a.667.667 0 1 1 1.333 0 .667.667 0 0 1-1.333 0Z",clipRule:"evenodd"})),r||(r=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M29.333 25.333a4 4 0 0 1-4 4H6.665a4 4 0 0 1-3.998-4V6.667a4 4 0 0 1 4-4h18.666a4 4 0 0 1 4 4v18.666Zm-22.666-20c-.737 0-1.334.597-1.334 1.334v18.666c0 .572.36 1.06.866 1.25L20.39 12.39c.521-.521 1.365-.521 1.886 0l4.39 4.39V6.667c0-.737-.596-1.334-1.333-1.334H6.667Zm20 20v-4.78l-5.334-5.334L9.886 26.667h15.447c.737 0 1.334-.597 1.334-1.334Z",clipRule:"evenodd"})));exports.default=c;

package/dist/cjs/assets/icons/more_vertical.svg.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/cjs/assets/icons/phone.svg.js ADDED Viewed

@@ -0,0 +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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{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 a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var n=e=>r.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t||(t=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M2.743.667h1.994a2 2 0 0 1 1.997 1.72v.006c.078.59.222 1.169.43 1.727a2 2 0 0 1-.45 2.109l-.002.002-.479.478a10 10 0 0 0 3.058 3.058l.478-.478.002-.003a2 2 0 0 1 2.11-.45 7.892 7.892 0 0 0 1.726.43h.006a2 2 0 0 1 1.72 2.021v1.99a2 2 0 0 1-2.192 2 13.861 13.861 0 0 1-6.041-2.15 13.667 13.667 0 0 1-4.201-4.2 13.86 13.86 0 0 1-2.15-6.098A2 2 0 0 1 2.742.667ZM4.747 2a.667.667 0 0 1 .666.57c.091.69.26 1.366.503 2.016v.002a.667.667 0 0 1-.149.702l-.845.845a.667.667 0 0 0-.108.801 11.334 11.334 0 0 0 4.25 4.25c.26.149.589.104.8-.108l.846-.845a.665.665 0 0 1 .702-.149h.002a9.23 9.23 0 0 0 2.015.503.666.666 0 0 1 .571.677v2.029a.666.666 0 0 1-.722.657 12.525 12.525 0 0 1-5.455-1.943l-.005-.003a12.334 12.334 0 0 1-3.795-3.795l-.003-.005a12.527 12.527 0 0 1-1.942-5.477A.667.667 0 0 1 2.739 2h2.008Z",clipRule:"evenodd"})));exports.default=n;

package/dist/cjs/assets/icons/union.svg.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/cjs/assets/icons/user_icon.svg.js ADDED Viewed

@@ -0,0 +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)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var c=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 15"},e),t||(t=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7 7.697a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 7 .697a3.499 3.499 0 0 0-3.5 3.5c0 1.934 1.566 3.5 3.5 3.5Zm0 1.75c-2.336 0-7 1.173-7 3.5v.875c0 .481.394.875.875.875h12.25a.878.878 0 0 0 .875-.875v-.875c0-2.327-4.664-3.5-7-3.5Z",clipRule:"evenodd"})));exports.default=c;

package/dist/cjs/assets/icons/vertical_dots.svg.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/cjs/assets/icons/videoRecorder.svg.js ADDED Viewed

@@ -0,0 +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)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var l=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 28"},e),t||(t=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M28.333 10.761V5.667a5 5 0 0 0-5-5H5a5 5 0 0 0-5 5v16.666a5 5 0 0 0 5 5h18.333a5 5 0 0 0 5-5v-5.095l9.032 6.451A1.667 1.667 0 0 0 40 22.333V5.667a1.667 1.667 0 0 0-2.635-1.357l-9.032 6.451Zm-25-5.094C3.333 4.745 4.08 4 5 4h18.333C24.253 4 25 4.746 25 5.667v16.666c0 .92-.746 1.667-1.667 1.667H5c-.92 0-1.667-.746-1.667-1.667V5.667Zm33.334 13.428L29.534 14l7.133-5.095v10.19Z",clipRule:"evenodd"})));exports.default=l;

package/dist/cjs/components/TypographyStyle.d.ts CHANGED Viewed

@@ -13,3 +13,5 @@ export declare const BodyTiny: import("styled-components").StyledComponent<"div"
 export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Caption: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/TypographyStyle.js CHANGED Viewed

@@ -1,88 +1,100 @@
 "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`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleLarge.fontWeight};
-	font-size: ${t=>n(e.FONTS.titleLarge.fontSize)};
-	line-height: ${t=>n(e.FONTS.titleLarge.lineHeight)};
+	font-weight: ${e.FONTS.titleLarge.fontWeight};
+	font-size: ${n(e.FONTS.titleLarge.fontSize)};
+	line-height: ${n(e.FONTS.titleLarge.lineHeight)};
 `,l=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleMedium.fontWeight};
-	font-size: ${t=>n(e.FONTS.titleMedium.fontSize)};
-	line-height: ${t=>n(e.FONTS.titleMedium.lineHeight)};
+	font-weight: ${e.FONTS.titleMedium.fontWeight};
+	font-size: ${n(e.FONTS.titleMedium.fontSize)};
+	line-height: ${n(e.FONTS.titleMedium.lineHeight)};
 `,a=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleRegular.fontWeight};
-	font-size: ${t=>n(e.FONTS.titleRegular.fontSize)};
-	line-height: ${t=>n(e.FONTS.titleRegular.lineHeight)};
+	font-weight: ${e.FONTS.titleRegular.fontWeight};
+	font-size: ${n(e.FONTS.titleRegular.fontSize)};
+	line-height: ${n(e.FONTS.titleRegular.lineHeight)};
 `,f=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleSmall.fontWeight};
-	font-size: ${t=>n(e.FONTS.titleSmall.fontSize)};
-	line-height: ${t=>n(e.FONTS.titleSmall.lineHeight)};
+	font-weight: ${e.FONTS.titleSmall.fontWeight};
+	font-size: ${n(e.FONTS.titleSmall.fontSize)};
+	line-height: ${n(e.FONTS.titleSmall.lineHeight)};
 `,S=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.display.fontWeight};
-	font-size: ${t=>n(e.FONTS.display.fontSize)};
-	line-height: ${t=>n(e.FONTS.display.lineHeight)};
-`,d=o.default.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
-	font-size: ${t=>n(e.FONTS.bodyLarge.fontSize)};
-	line-height: ${t=>n(e.FONTS.bodyLarge.lineHeight)};
+	font-weight: ${e.FONTS.display.fontWeight};
+	font-size: ${n(e.FONTS.display.fontSize)};
+	line-height: ${n(e.FONTS.display.lineHeight)};
 `,g=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
-	font-size: ${t=>n(e.FONTS.bodyPrimary.fontSize)};
-	line-height: ${t=>n(e.FONTS.bodyPrimary.lineHeight)};
+	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${n(e.FONTS.bodyLarge.fontSize)};
+	line-height: ${n(e.FONTS.bodyLarge.lineHeight)};
 `,O=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.content.primary};
-	font-weight: ${t=>e.FONTS.bodySecondary.fontWeight};
-	font-size: ${t=>n(e.FONTS.bodySecondary.fontSize)};
-	line-height: ${t=>n(e.FONTS.bodySecondary.lineHeight)};
-`,h=o.default(g)`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${n(e.FONTS.bodyPrimary.fontSize)};
+	line-height: ${n(e.FONTS.bodyPrimary.lineHeight)};
+`,d=o.default.div`
+	font-family: Inter;
+	color: ${e.COLORS.content.primary};
+	font-weight: ${e.FONTS.bodySecondary.fontWeight};
+	font-size: ${n(e.FONTS.bodySecondary.fontSize)};
+	line-height: ${n(e.FONTS.bodySecondary.lineHeight)};
+`,h=o.default(O)`
 	text-decoration: underline;
-	color: ${t=>e.COLORS.content.brand};
-	text-decoration-color: ${t=>e.COLORS.content.brand};
+	color: ${e.COLORS.content.brand};
+	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
-`,y=o.default(O)`
+`,y=o.default(d)`
 	text-decoration: underline;
-	color: ${t=>e.COLORS.content.brand};
-	text-decoration-color: ${t=>e.COLORS.content.brand};
+	color: ${e.COLORS.content.brand};
+	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
 `,$=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.caption.fontWeight};
-	font-size: ${t=>n(e.FONTS.caption.fontSize)};
-	line-height: ${t=>n(e.FONTS.caption.lineHeight)};
+	font-weight: ${e.FONTS.caption.fontWeight};
+	font-size: ${n(e.FONTS.caption.fontSize)};
+	line-height: ${n(e.FONTS.caption.lineHeight)};
 `,c=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.tiny.fontWeight};
-	font-size: ${t=>n(e.FONTS.tiny.fontSize)};
-	line-height: ${t=>n(e.FONTS.tiny.lineHeight)};
+	font-weight: ${e.FONTS.tiny.fontWeight};
+	font-size: ${n(e.FONTS.tiny.fontSize)};
+	line-height: ${n(e.FONTS.tiny.lineHeight)};
 `,u=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.buttonLarge.fontWeight};
-	font-size: ${t=>n(e.FONTS.buttonLarge.fontSize)};
-	line-height: ${t=>n(e.FONTS.buttonLarge.lineHeight)};
+	font-weight: ${e.FONTS.buttonLarge.fontWeight};
+	font-size: ${n(e.FONTS.buttonLarge.fontSize)};
+	line-height: ${n(e.FONTS.buttonLarge.lineHeight)};
+`,p=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.buttonRegular.fontWeight};
+	font-size: ${n(e.FONTS.buttonRegular.fontSize)};
+	line-height: ${n(e.FONTS.buttonRegular.lineHeight)};
 `,s=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.buttonRegular.fontWeight};
-	font-size: ${t=>n(e.FONTS.buttonRegular.fontSize)};
-	line-height: ${t=>n(e.FONTS.buttonRegular.lineHeight)};
+	font-weight: ${e.FONTS.subHeading.fontWeight};
+	font-size: ${n(e.FONTS.subHeading.fontSize)};
+	line-height: ${n(e.FONTS.subHeading.lineHeight)};
 `,T=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.subHeading.fontWeight};
-	font-size: ${t=>n(e.FONTS.subHeading.fontSize)};
-	line-height: ${t=>n(e.FONTS.subHeading.lineHeight)};
-`;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;
+	font-weight: ${e.FONTS.bodyRegular.fontWeight};
+	font-size: ${n(e.FONTS.bodyRegular.fontSize)};
+	line-height: ${n(e.FONTS.bodyRegular.lineHeight)};
+`,m=o.default.div`
+	font-family: Inter;
+	color: ${e.COLORS.text.primary};
+	font-weight: ${e.FONTS.caption.fontWeight};
+	font-size: ${n(e.FONTS.caption.fontSize)};
+	line-height: ${n(e.FONTS.caption.lineHeight)};
+`;exports.BodyCaption=$,exports.BodyLarge=g,exports.BodyPrimary=O,exports.BodyPrimaryLink=h,exports.BodyRegular=T,exports.BodySecondary=d,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=p,exports.Caption=m,exports.Display=S,exports.SubHeading=s,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;

package/dist/cjs/components/dropdown/Common.styled.js ADDED Viewed

@@ -0,0 +1,12 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("styled-components"));const o=t.default.div`
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	cursor: pointer;
+`,r=t.default.div`
+	margin-top: 8px;
+	margin-bottom: 8px;
+`;exports.OpenDropdownContainer=r,exports.OverLapAbs=o;

package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("react-popper"),o=require("../Common.styled.js"),s=require("../opennedDropdown/components/OpennedDropdown.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(r).default.forwardRef(((l,i)=>{var{children:p}=l,u=e.__rest(l,["children"]);const a=i,[d,c]=r.useState(!1),[j,v]=r.useState(null),[f,b]=r.useState(null),{styles:O,attributes:w}=t.usePopper(j,f,{});return r.useImperativeHandle(a,(()=>({openDropdown:d})),[]),r.useEffect((()=>{(null==a?void 0:a.current)&&(a.current.openDropdown=d)}),[d]),n.jsxs(n.Fragment,{children:[n.jsxs("div",Object.assign({style:{position:"relative"},ref:v},{children:[n.jsx(o.OverLapAbs,{onClick:e=>{d?e.preventDefault():c(!0)}}),p]})),d&&n.jsx(o.OpenDropdownContainer,Object.assign({ref:b,style:Object.assign(Object.assign({},O.popper),{zIndex:3})},w.popper,{children:n.jsx(s.OpennedDropdown,Object.assign({},u,{onSelect:e=>{var n;null===(n=u.onSelect)||void 0===n||n.call(u,e),c(!1)},onClose:function(){var e;c(!1),null===(e=null==u?void 0:u.onClose)||void 0===e||e.call(u)}}))}))]})}));i.displayName="UnChildDropdown",exports.UnChildDropdown=i;

package/dist/cjs/components/input/Input.d.ts CHANGED Viewed

@@ -34,5 +34,7 @@ export interface InputProps {
     suffixText?: string;
     prefixText?: string;
     value?: string;
+    onBlur?: () => void;
+    onFocus?: () => void;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

package/dist/cjs/components/input/Input.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),i=require("../TypographyStyle.js"),r=require("../../assets/icons/errorInfo.svg.js"),l=require("./context/InputStyleProvider.js"),s=require("./Input.styled.js");const a=e=>e&&"function"==typeof e,o=t.forwardRef(((o,u)=>{var c,d,x;const{placeholder:h,leftIcon:v,rightIcon:j,labelText:p,maxCharLimit:f,isRequired:g,hintText:y,type:I,state:b,validate:C,variant:S,button:m,suffixText:O,prefixText:w,onChangeText:q,value:T}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),k=null==v?void 0:v.icon,E=null==j?void 0:j.icon,[H,B]=t.useState(""),[F,L]=t.useState(!1),[M,R]=t.useState(!1),[D,P]=t.useState(),z="small"===S?"18px":"22px",A=t.useContext(l.InputStyleContext);t.useEffect((()=>{P(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{L(!1),("invalid"===o.state\|\|D)&&L(!0)}),[o.state,D]),t.useEffect((()=>{L(!!D)}),[D]),t.useEffect((()=>{if(q(H),!C\|\|!a(C))return;const[e,t]=C(H);L(!e),P(t)}),[H]);const K=function(e){if(a(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},W=e=>{![8].includes(e.which)&&f>0&&e.target.value.length===f&&e.preventDefault()},_=e=>{B(e.target.value)},N=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==I&&e.jsx("input",{style:null!==(t=null==A?void 0:A.input)&&void 0!==t?t:{},ref:u,type:I,value:T,onFocus:()=>R(!0),onBlur:()=>R(!1),placeholder:h\|\|"Enter here",onChange:_,onKeyDown:e=>W(e)}),"multiline"===I&&e.jsx("textarea",{value:T,ref:u,onFocus:()=>R(!0),onBlur:()=>R(!1),placeholder:h\|\|"Enter here",onChange:_,onKeyDown:e=>W(e)})]})};return e.jsxs(s.RootContainer,Object.assign({width:o.width,height:o.height,state:b,type:I,style:null!==(c=null==A?void 0:A.RootContainer)&&void 0!==c?c:{}},{children:[(!!y\|\|!!D)&&e.jsxs(s.InputFooter,Object.assign({invalid:!!D},{children:[!!D&&e.jsx(r.default,{}),D\|\|y]})),e.jsxs(s.InputWrapper,Object.assign({variant:S,state:b,width:o.width,isActive:"active"===b\|\|M,isInvalid:F,style:null!==(d=null==A?void 0:A.InputWrapper)&&void 0!==d?d:{}},{children:[!!k&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==v?void 0:v.callback),isLeft:!0,style:null!==(x=null==A?void 0:A.IconHolder)&&void 0!==x?x:{}},{children:e.jsx(k,{})})),!!w&&e.jsx(s.PrefixHolder,Object.assign({variant:S},{children:w})),"default"===S&&e.jsx(s.InputContainer,{children:N()}),"small"===S&&e.jsx(s.InputContainerSmall,{children:N()}),!!E&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==v?void 0:v.callback),isLeft:!1},{children:e.jsx(E,{})})),!!O&&e.jsx(s.SuffixHolder,Object.assign({variant:S},{children:O})),m&&m.text&&e.jsx(n.Button,{buttonText:m.text,onClick:()=>K(null==m?void 0:m.onClick)})]})),(!!p\|\|!!f)&&"default"===S&&e.jsxs(s.InputHeader,Object.assign({invalid:F},{children:[e.jsxs(i.BodySecondary,{children:[p,g?e.jsx("span",{children:"*"}):""]}),f>0&&e.jsxs(s.MaxCharStyle,{children:[H.length,"/",f]})]}))]}))}));o.displayName="Input",exports.Input=o;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),i=require("../TypographyStyle.js"),r=require("../../assets/icons/errorInfo.svg.js"),l=require("./context/InputStyleProvider.js"),s=require("./Input.styled.js");const a=e=>e&&"function"==typeof e,o=t.forwardRef(((o,u)=>{var c,d,x;const{placeholder:v,leftIcon:h,rightIcon:j,labelText:p,maxCharLimit:f,isRequired:g,hintText:y,type:I,state:b,validate:C,variant:S,button:m,suffixText:O,prefixText:w,onChangeText:q,value:T}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),k=null==h?void 0:h.icon,B=null==j?void 0:j.icon,[E,H]=t.useState(""),[F,L]=t.useState(!1),[M,R]=t.useState(!1),[D,P]=t.useState(),z="small"===S?"18px":"22px",A=t.useContext(l.InputStyleContext);t.useEffect((()=>{P(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{L(!1),("invalid"===o.state\|\|D)&&L(!0)}),[o.state,D]),t.useEffect((()=>{L(!!D)}),[D]),t.useEffect((()=>{if(q(E),!C\|\|!a(C))return;const[e,t]=C(E);L(!e),P(t)}),[E]);const K=function(e){if(a(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},W=e=>{![8].includes(e.which)&&f>0&&e.target.value.length===f&&e.preventDefault()},_=e=>{H(e.target.value)},N=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==I&&e.jsx("input",{style:null!==(t=null==A?void 0:A.input)&&void 0!==t?t:{},ref:u,type:I,value:T,onFocus:()=>(R(!0),void K(o.onFocus)),onBlur:()=>(R(!1),void K(o.onBlur)),placeholder:v\|\|"Enter here",onChange:_,onKeyDown:e=>W(e)}),"multiline"===I&&e.jsx("textarea",{value:T,ref:u,onFocus:()=>R(!0),onBlur:()=>R(!1),placeholder:v\|\|"Enter here",onChange:_,onKeyDown:e=>W(e)})]})};return e.jsxs(s.RootContainer,Object.assign({width:o.width,height:o.height,state:b,type:I,style:null!==(c=null==A?void 0:A.RootContainer)&&void 0!==c?c:{}},{children:[(!!y\|\|!!D)&&e.jsxs(s.InputFooter,Object.assign({invalid:!!D},{children:[!!D&&e.jsx(r.default,{}),D\|\|y]})),e.jsxs(s.InputWrapper,Object.assign({variant:S,state:b,width:o.width,isActive:"active"===b\|\|M,isInvalid:F,style:null!==(d=null==A?void 0:A.InputWrapper)&&void 0!==d?d:{}},{children:[!!k&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==h?void 0:h.callback),isLeft:!0,style:null!==(x=null==A?void 0:A.IconHolder)&&void 0!==x?x:{}},{children:e.jsx(k,{})})),!!w&&e.jsx(s.PrefixHolder,Object.assign({variant:S},{children:w})),"default"===S&&e.jsx(s.InputContainer,{children:N()}),"small"===S&&e.jsx(s.InputContainerSmall,{children:N()}),!!B&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==h?void 0:h.callback),isLeft:!1},{children:e.jsx(B,{})})),!!O&&e.jsx(s.SuffixHolder,Object.assign({variant:S},{children:O})),m&&m.text&&e.jsx(n.Button,{buttonText:m.text,onClick:()=>K(null==m?void 0:m.onClick)})]})),(!!p\|\|!!f)&&"default"===S&&e.jsxs(s.InputHeader,Object.assign({invalid:F},{children:[e.jsxs(i.BodySecondary,{children:[p,g?e.jsx("span",{children:"*"}):""]}),f>0&&e.jsxs(s.MaxCharStyle,{children:[E.length,"/",f]})]}))]}))}));o.displayName="Input",exports.Input=o;