@modul/mbui 0.0.16-beta-pv-53139-36dea103 → 0.0.16-beta-pv-53139-6c26fe1d

package/dist/Badge/Badge.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: {
     variant?: "default";
-    size?: "default";
+    size?: "default" | "dot";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
+declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
 export { Badge, badgeVariants };

package/dist/Badge/Badge.js

@@ -8,15 +8,13 @@ const utils_1 = require("../@/lib/utils");
 const badgeClasses = {
     variant: {
         base: `
-			inline-flex
-			items-center
+			inline-block
 			focus:ring-2
 			focus:ring-ring
 			focus:ring-offset-2
 			focus:outline-none
 			transition-colors
 			rounded-full
-			truncate
 			`,
         default: `
 			bg-critical
@@ -24,8 +22,8 @@ const badgeClasses = {
 		`,
     },
     size: {
-        default: 'size-[16px] text-[10px] place-content-center text-center leadimg-[1.4] items-start truncate',
-        dot: '',
+        default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
+        dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
         sm: '',
         md: '',
         lg: '',
@@ -35,12 +33,10 @@ const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.b
     variants: {
         variant: {
             default: badgeClasses.variant.default,
-            // secondary: '',
-            // destructive:'',
-            // outline: '',
         },
         size: {
             default: badgeClasses.size.default,
+            dot: badgeClasses.size.dot
         },
     },
     defaultVariants: {
@@ -49,8 +45,8 @@ const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.b
     },
 });
 exports.badgeVariants = badgeVariants;
-function Badge({ className, variant, ...props }) {
-    return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant }), className), ...props }));
+function Badge({ className, variant, size, ...props }) {
+    return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant, size }), className), ...props }));
 }
 exports.Badge = Badge;
 //# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;;;IAUJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,6FAA6F;QACtG,GAAG,EAAE,EAAE;QACP,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;YACrC,iBAAiB;YACjB,kBAAkB;YAClB,eAAe;SACf;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;SAClC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAC1D,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;IAQJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,0DAA0D;QACnE,GAAG,EAAE,4DAA4D;QACjE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;SACrC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;YAClC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG;SAC1B;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.16-beta-pv-53139-36dea103",
+  "version": "0.0.16-beta-pv-53139-6c26fe1d",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,6 +24,7 @@
     "@hookform/resolvers": "3.9.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "1.1.1",
+    "@radix-ui/react-checkbox": "1.1.1",
     "@radix-ui/react-collapsible": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.1.1",
     "@radix-ui/react-label": "2.1.0",

package/src/Badge/Badge.tsx

@@ -6,15 +6,13 @@ import { cn } from '../@/lib/utils'
 const badgeClasses = {
 	variant: {
 		base: `
-			inline-flex
-			items-center
+			inline-block
 			focus:ring-2
 			focus:ring-ring
 			focus:ring-offset-2
 			focus:outline-none
 			transition-colors
 			rounded-full
-			truncate
 			`,
 		default: `
 			bg-critical
@@ -22,8 +20,8 @@ const badgeClasses = {
 		`,
 	},
 	size: {
-		default: 'size-[16px] text-[10px] place-content-center text-center leadimg-[1.4] items-start truncate',
-		dot: '',
+		default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
+		dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
 		sm: '',
 		md: '',
 		lg: '',
@@ -34,12 +32,10 @@ const badgeVariants = cva(badgeClasses.variant.base, {
 	variants: {
 		variant: {
 			default: badgeClasses.variant.default,
-			// secondary: '',
-			// destructive:'',
-			// outline: '',
 		},
 		size: {
 			default: badgeClasses.size.default,
+			dot: badgeClasses.size.dot
 		},
 	},
 	defaultVariants: {
@@ -50,10 +46,10 @@ const badgeVariants = cva(badgeClasses.variant.base, {
 
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
 
-function Badge({ className, variant, ...props }: BadgeProps) {
+function Badge({ className, variant, size, ...props }: BadgeProps) {
 	return (
 		<div
-			className={cn(badgeVariants({ variant }), className)}
+			className={cn(badgeVariants({ variant, size }), className)}
 			{...props}
 		/>
 	)

package/src/Checkbox/Checkbox.tsx

@@ -0,0 +1,44 @@
+import * as React from 'react'
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
+import { CheckSmall } from '../Icon/icons'
+
+const checkboxClasses = {
+	root: `
+		peer
+		size-[18px]
+		shrink-0
+		rounded-sm
+		border-2
+		border-input
+		focus-visible:outline-none
+		focus-visible:ring-1 focus-visible:ring-ring
+		disabled:cursor-not-allowed disabled:opacity-50
+		data-[state=checked]:bg-primary
+		data-[state=checked]:border-primary
+		data-[state=checked]:text-white
+		`,
+	indicator: `
+		flex
+		justify-center
+		items-center
+		text-current
+	`
+}
+
+const Checkbox = React.forwardRef<
+	React.ElementRef<typeof CheckboxPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+	<CheckboxPrimitive.Root
+		ref={ref}
+		className={checkboxClasses.root}
+		{...props}
+	>
+		<CheckboxPrimitive.Indicator className={checkboxClasses.indicator}>
+			<CheckSmall className="size-[14px]" />
+		</CheckboxPrimitive.Indicator>
+	</CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }

package/src/Checkbox/index.ts

@@ -0,0 +1 @@
+export { Checkbox } from './Checkbox'

package/src/assets/css/global.css

@@ -104,7 +104,7 @@
         --bg-light: var(--cl-graphite-7);
         --warning: var(--cl-yellow-2);
         --warning-light: var(--cl-yellow-7);
-        --critical: var(--cl-red-4);
+        --critical: var(--cl-red-2);
         --critical-light: var(--cl-red-7);
         /* --text-quaternary:; */