@modul/mbui 0.0.26-beta-pv-53443-28b1559d → 0.0.26-beta-pv-53476-a49bfcc5

package/dist/Input/Input.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const utils_1 = require("../@/lib/utils");
 const InputLabel = React.forwardRef(({ className, children, ...props }) => {
-    return (React.createElement("label", { className: (0, utils_1.cn)('mb-[4px] font-medium text-[12px] text-light leading-[1.33] focus:text-primary focus-visible:text-primary', className), ...props }, children));
+    return (React.createElement("label", { className: (0, utils_1.cn)('mb-[4px] text-[12px] text-light leading-[1.16] focus:text-primary focus-visible:text-primary', className), ...props }, children));
 });
 exports.InputLabel = InputLabel;
 InputLabel.displayName = 'InputLabel';

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,2VAA2V,EAC3V,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,8FAA8F,EAAE,SAAS,CAAC,KACpH,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,2VAA2V,EAC3V,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/Input-OTP/Input.js

@@ -14,12 +14,12 @@ InputOTPGroup.displayName = 'InputOTPGroup';
 const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
     const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
     const { char } = inputOTPContext.slots[index];
-    return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', char ? 'border-b-[--cl-blue-2]' : 'border-b-[--cl-blue-5]', className), ...props }, char && React.createElement("span", { className: 'bg-primary rounded-full size-[12px]' })));
+    return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', char ? 'border-b-[--cl-blue-2]' : 'border-b-[--cl-blue-5]', className), ...props }, char && React.createElement("span", { className: 'bg-primary rounded-full animate-pin-typing size-[12px]' })));
 });
 exports.InputOTPSlot = InputOTPSlot;
 InputOTPSlot.displayName = 'InputOTPSlot';
 const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => (React.createElement("div", { ref: ref, role: "separator", ...props },
-    React.createElement("span", { className: 'bg-primary rounded-full animation-caret-blink size-[12px]' }))));
+    React.createElement("span", { className: 'bg-primary rounded-full size-[12px]' }))));
 exports.InputOTPSeparator = InputOTPSeparator;
 InputOTPSeparator.displayName = 'InputOTPSeparator';
 //# sourceMappingURL=Input.js.map

package/dist/Input-OTP/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACA,CAAA;AAkDQ,4BAAQ;AAjDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AAuCkB,sCAAa;AAtChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE7C,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,IAAI,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wBAAwB,EAC1D,SAAS,CACT,KACG,KAAK,IAER,IAAI,IAAI,8BAAM,SAAS,EAAC,qCAAqC,GAAG,CAC5D,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK;IAET,8BAAM,SAAS,EAAC,2DAA2D,GAAG,CACzE,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACA,CAAA;AAkDQ,4BAAQ;AAjDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AAuCkB,sCAAa;AAtChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE7C,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,IAAI,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wBAAwB,EAC1D,SAAS,CACT,KACG,KAAK,IAER,IAAI,IAAI,8BAAM,SAAS,EAAC,wDAAwD,GAAG,CAC/E,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK;IAET,8BAAM,SAAS,EAAC,qCAAqC,GAAG,CACnD,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.26-beta-pv-53443-28b1559d",
+  "version": "0.0.26-beta-pv-53476-a49bfcc5",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -58,15 +58,15 @@
     "@babel/preset-env": "^7.9.5",
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.21.5",
-    "@chromatic-com/storybook": "^1",
-    "@storybook/addon-essentials": "^8.2.8",
-    "@storybook/addon-interactions": "^8.2.8",
-    "@storybook/addon-links": "^8.2.8",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-essentials": "^8.4.1",
+    "@storybook/addon-interactions": "^8.4.1",
+    "@storybook/addon-links": "^8.4.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.2.8",
-    "@storybook/react": "^8.2.8",
-    "@storybook/react-webpack5": "^8.2.8",
-    "@storybook/test": "^8.2.8",
+    "@storybook/blocks": "^8.4.1",
+    "@storybook/react": "^8.4.1",
+    "@storybook/react-webpack5": "^8.4.1",
+    "@storybook/test": "^8.4.1",
     "@svgr/cli": "8.1.0",
     "@tailwindcss/forms": "^0.5.7",
     "@types/node": "18.11.9",
@@ -93,7 +93,7 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.31.10",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.10.2",
     "glob": "^10.2.4",
     "html-webpack-plugin": "5.5.1",
     "image-minimizer-webpack-plugin": "^4.0.2",
@@ -109,7 +109,7 @@
     "prettier": "2.7.1",
     "react": "18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^8.2.8",
+    "storybook": "^8.4.1",
     "style-loader": "^3.3.3",
     "terser-webpack-plugin": "^5.3.10",
     "ts-loader": "^9.4.2",

package/src/@/config/index.ts

@@ -83,7 +83,7 @@ export default {
 			},
 			'pin-typing': {
 				'0%': {transform: 'scale(1)'},
-				'50%':{transform: 'scale(2)'},
+				'50%':{transform: 'scale(1.2)'},
 				'100%': {transform: 'scale(1)'},
 			},
 		},
@@ -91,7 +91,7 @@ export default {
 			'accordion-down': 'accordion-down 0.2s ease-out',
 			'accordion-up': 'accordion-up 0.2s ease-out',
 			'caret-blink': 'caret-blink 1.25s ease-out infinite',
-			'pin-typing': 'pin-typing 1s ease-in-out'
+			'pin-typing': 'pin-typing .25s ease-in-out'
 		},
 	},
 }

package/src/Input/Input.tsx

@@ -5,7 +5,7 @@ const InputLabel = React.forwardRef<HTMLLabelElement, React.LabelHTMLAttributes<
 	({ className, children, ...props }) => {
 		return (
 			<label
-				className={cn('mb-[4px] font-medium text-[12px] text-light leading-[1.33] focus:text-primary focus-visible:text-primary', className)}
+				className={cn('mb-[4px] text-[12px] text-light leading-[1.16] focus:text-primary focus-visible:text-primary', className)}
 				{...props}
 			>
 				{children}

package/src/Input-OTP/Input.tsx

@@ -42,7 +42,7 @@ const InputOTPSlot = React.forwardRef<
 			)}
 			{...props}
 		>
-			{char && <span className='bg-primary rounded-full size-[12px]' />}
+			{char && <span className='bg-primary rounded-full animate-pin-typing size-[12px]' />}
 		</div>
 	)
 })
@@ -55,7 +55,7 @@ const InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.Compon
 			role="separator"
 			{...props}
 		>
-			<span className='bg-primary rounded-full animation-caret-blink size-[12px]' />
+			<span className='bg-primary rounded-full size-[12px]' />
 		</div>
 	)
 )