@release-test/ui 1.0.0 → 1.1.0-alpha-feat-badge-improvements.26.0

package/dist/components/Badge/Badge.cjs

@@ -4,10 +4,19 @@ const jsxRuntime = require("react/jsx-runtime");
 const cn = require("clsx");
 const variantClassNames = {
   primary: "bg-primary text-primary-foreground",
-  secondary: "bg-surface text-gray-900"
+  secondary: "bg-surface text-gray-900 border border-surface-border"
 };
 const Badge = ({ variant = "primary", children, className, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "data-taco": "badge", className: cn(variantClassNames[variant], className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...props,
+      "data-taco": "badge",
+      "data-variant": variant,
+      className: cn(variantClassNames[variant], "rounded-full px-2 py-1 text-xs", className),
+      children
+    }
+  );
 };
 exports.Badge = Badge;
 //# sourceMappingURL=Badge.cjs.map

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\n\nexport type BadgeVariant = 'primary' | 'secondary';\n\nexport type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Visual style of the badge\n     * @default 'primary'\n     */\n    variant?: BadgeVariant;\n};\n\nconst variantClassNames: Record<BadgeVariant, string> = {\n    primary: 'bg-primary text-primary-foreground',\n    secondary: 'bg-surface text-gray-900',\n};\n\n/**\n * A component that displays a small badge, often used to indicate status or counts.\n */\nexport const Badge = ({ variant = 'primary', children, className, ...props }: BadgeProps) => {\n    return (\n        <span {...props} data-taco=\"badge\" className={cn(variantClassNames[variant], className)}>\n            {children}\n        </span>\n    );\n};\n"],"names":["jsx"],"mappings":";;;;AAYA,MAAM,oBAAkD;AAAA,EACpD,SAAS;AAAA,EACT,WAAW;AACf;AAKO,MAAM,QAAQ,CAAC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,YAAwB;AACzF,SACIA,2BAAAA,IAAC,QAAA,EAAM,GAAG,OAAO,aAAU,SAAQ,WAAW,GAAG,kBAAkB,OAAO,GAAG,SAAS,GACjF,SAAA,CACL;AAER;;"}
+{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type BadgeVariant = 'primary' | 'secondary';\n\nexport type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Visual style of the badge\n     * @default 'primary'\n     */\n    variant?: BadgeVariant;\n};\n\nconst variantClassNames: Record<BadgeVariant, string> = {\n    primary: 'bg-primary text-primary-foreground',\n    secondary: 'bg-surface text-gray-900 border border-surface-border',\n};\n\n/**\n * A component that displays a small badge, often used to indicate status or counts.\n */\nexport const Badge = ({ variant = 'primary', children, className, ...props }: BadgeProps) => {\n    return (\n        <span\n            {...props}\n            data-taco=\"badge\"\n            data-variant={variant}\n            className={cn(variantClassNames[variant], 'rounded-full px-2 py-1 text-xs', className)}>\n            {children}\n        </span>\n    );\n};\n"],"names":["jsx"],"mappings":";;;;AAaA,MAAM,oBAAkD;AAAA,EACpD,SAAS;AAAA,EACT,WAAW;AACf;AAKO,MAAM,QAAQ,CAAC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,YAAwB;AACzF,SACIA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,kBAAkB,OAAO,GAAG,kCAAkC,SAAS;AAAA,MACpF;AAAA,IAAA;AAAA,EAAA;AAGb;;"}

package/dist/components/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export type BadgeVariant = 'primary' | 'secondary';
 export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
     /**
@@ -9,4 +10,4 @@ export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
 /**
  * A component that displays a small badge, often used to indicate status or counts.
  */
-export declare const Badge: ({ variant, children, className, ...props }: BadgeProps) => import('react').JSX.Element;
+export declare const Badge: ({ variant, children, className, ...props }: BadgeProps) => React.JSX.Element;

package/dist/components/Badge/Badge.js

@@ -2,10 +2,19 @@ import { jsx } from "react/jsx-runtime";
 import cn from "clsx";
 const variantClassNames = {
   primary: "bg-primary text-primary-foreground",
-  secondary: "bg-surface text-gray-900"
+  secondary: "bg-surface text-gray-900 border border-surface-border"
 };
 const Badge = ({ variant = "primary", children, className, ...props }) => {
-  return /* @__PURE__ */ jsx("span", { ...props, "data-taco": "badge", className: cn(variantClassNames[variant], className), children });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      "data-taco": "badge",
+      "data-variant": variant,
+      className: cn(variantClassNames[variant], "rounded-full px-2 py-1 text-xs", className),
+      children
+    }
+  );
 };
 export {
   Badge

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\n\nexport type BadgeVariant = 'primary' | 'secondary';\n\nexport type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Visual style of the badge\n     * @default 'primary'\n     */\n    variant?: BadgeVariant;\n};\n\nconst variantClassNames: Record<BadgeVariant, string> = {\n    primary: 'bg-primary text-primary-foreground',\n    secondary: 'bg-surface text-gray-900',\n};\n\n/**\n * A component that displays a small badge, often used to indicate status or counts.\n */\nexport const Badge = ({ variant = 'primary', children, className, ...props }: BadgeProps) => {\n    return (\n        <span {...props} data-taco=\"badge\" className={cn(variantClassNames[variant], className)}>\n            {children}\n        </span>\n    );\n};\n"],"names":[],"mappings":";;AAYA,MAAM,oBAAkD;AAAA,EACpD,SAAS;AAAA,EACT,WAAW;AACf;AAKO,MAAM,QAAQ,CAAC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,YAAwB;AACzF,SACI,oBAAC,QAAA,EAAM,GAAG,OAAO,aAAU,SAAQ,WAAW,GAAG,kBAAkB,OAAO,GAAG,SAAS,GACjF,SAAA,CACL;AAER;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type BadgeVariant = 'primary' | 'secondary';\n\nexport type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Visual style of the badge\n     * @default 'primary'\n     */\n    variant?: BadgeVariant;\n};\n\nconst variantClassNames: Record<BadgeVariant, string> = {\n    primary: 'bg-primary text-primary-foreground',\n    secondary: 'bg-surface text-gray-900 border border-surface-border',\n};\n\n/**\n * A component that displays a small badge, often used to indicate status or counts.\n */\nexport const Badge = ({ variant = 'primary', children, className, ...props }: BadgeProps) => {\n    return (\n        <span\n            {...props}\n            data-taco=\"badge\"\n            data-variant={variant}\n            className={cn(variantClassNames[variant], 'rounded-full px-2 py-1 text-xs', className)}>\n            {children}\n        </span>\n    );\n};\n"],"names":[],"mappings":";;AAaA,MAAM,oBAAkD;AAAA,EACpD,SAAS;AAAA,EACT,WAAW;AACf;AAKO,MAAM,QAAQ,CAAC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,YAAwB;AACzF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,kBAAkB,OAAO,GAAG,kCAAkC,SAAS;AAAA,MACpF;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/ui.css

@@ -556,6 +556,9 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-full {
+  border-radius: 9999px;
+}
 .rounded-lg {
   border-radius: 0.5rem;
 }
@@ -584,6 +587,10 @@ video {
 .p-4 {
   padding: 1rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -592,6 +599,10 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -604,6 +615,10 @@ video {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
 .font-medium {
   font-weight: 500;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@release-test/ui",
-    "version": "1.0.0",
+    "version": "1.1.0-alpha-feat-badge-improvements.26.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -50,5 +50,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "880824f3a1037a11826a4d4487b19fefd5a3a46e"
+    "gitHead": "f48255d9bec4bf5fdd8b4601121853e95307c87f"
 }