@release-test/ui 0.3.0-canary.16.0 → 0.3.0

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("clsx");
+const variantClassNames = {
+  primary: "bg-primary text-primary-foreground",
+  secondary: "bg-surface text-gray-900"
+};
+const Badge = ({ variant = "primary", children, className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "data-taco": "badge", className: cn(variantClassNames[variant], className), children });
+};
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.cjs.map

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

@@ -0,0 +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;;"}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "clsx";
+const variantClassNames = {
+  primary: "bg-primary text-primary-foreground",
+  secondary: "bg-surface text-gray-900"
+};
+const Badge = ({ variant = "primary", children, className, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { ...props, "data-taco": "badge", className: cn(variantClassNames[variant], className), children });
+};
+export {
+  Badge
+};
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +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;"}

package/dist/components/Button/Button.cjs

@@ -23,8 +23,7 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const variantClassNames = {
   primary: "bg-primary text-primary-foreground hover:bg-primary-hover",
   secondary: "border border-surface-border bg-surface text-gray-900 hover:bg-gray-50",
-  danger: "bg-danger text-danger-foreground hover:bg-danger-hover",
-  ghost: "bg-transparent text-gray-900 hover:bg-gray-100"
+  danger: "bg-danger text-danger-foreground hover:bg-danger-hover"
 };
 const Button = React__namespace.forwardRef(function Button2(props, ref) {
   const { variant = "secondary", type = "button", className, ...otherProps } = props;

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    /** Visual style of the button */\n    variant?: ButtonVariant;\n};\n\nconst variantClassNames: Record<ButtonVariant, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n    secondary: 'border border-surface-border bg-surface text-gray-900 hover:bg-gray-50',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger-hover',\n    ghost: 'bg-transparent text-gray-900 hover:bg-gray-100',\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { variant = 'secondary', type = 'button', className, ...otherProps } = props;\n\n    return (\n        <button\n            {...otherProps}\n            className={cn(\n                'inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50',\n                variantClassNames[variant],\n                className\n            )}\n            data-taco=\"button\"\n            data-variant={variant}\n            ref={ref}\n            type={type}\n        />\n    );\n});\n"],"names":["React","Button","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,oBAAmD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,SAASA,iBAAM,WAA2C,SAASC,QAAO,OAAO,KAAK;AAC/F,QAAM,EAAE,UAAU,aAAa,OAAO,UAAU,WAAW,GAAG,eAAe;AAE7E,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger';\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    /** Visual style of the button */\n    variant?: ButtonVariant;\n};\n\nconst variantClassNames: Record<ButtonVariant, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n    secondary: 'border border-surface-border bg-surface text-gray-900 hover:bg-gray-50',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger-hover',\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { variant = 'secondary', type = 'button', className, ...otherProps } = props;\n\n    return (\n        <button\n            {...otherProps}\n            className={cn(\n                'inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50',\n                variantClassNames[variant],\n                className\n            )}\n            data-taco=\"button\"\n            data-variant={variant}\n            ref={ref}\n            type={type}\n        />\n    );\n});\n"],"names":["React","Button","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,oBAAmD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACZ;AAEO,MAAM,SAASA,iBAAM,WAA2C,SAASC,QAAO,OAAO,KAAK;AAC/F,QAAM,EAAE,UAAU,aAAa,OAAO,UAAU,WAAW,GAAG,eAAe;AAE7E,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;;"}

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger';
 export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Visual style of the button */
     variant?: ButtonVariant;

package/dist/components/Button/Button.js

@@ -4,8 +4,7 @@ import * as React from "react";
 const variantClassNames = {
   primary: "bg-primary text-primary-foreground hover:bg-primary-hover",
   secondary: "border border-surface-border bg-surface text-gray-900 hover:bg-gray-50",
-  danger: "bg-danger text-danger-foreground hover:bg-danger-hover",
-  ghost: "bg-transparent text-gray-900 hover:bg-gray-100"
+  danger: "bg-danger text-danger-foreground hover:bg-danger-hover"
 };
 const Button = React.forwardRef(function Button2(props, ref) {
   const { variant = "secondary", type = "button", className, ...otherProps } = props;

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    /** Visual style of the button */\n    variant?: ButtonVariant;\n};\n\nconst variantClassNames: Record<ButtonVariant, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n    secondary: 'border border-surface-border bg-surface text-gray-900 hover:bg-gray-50',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger-hover',\n    ghost: 'bg-transparent text-gray-900 hover:bg-gray-100',\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { variant = 'secondary', type = 'button', className, ...otherProps } = props;\n\n    return (\n        <button\n            {...otherProps}\n            className={cn(\n                'inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50',\n                variantClassNames[variant],\n                className\n            )}\n            data-taco=\"button\"\n            data-variant={variant}\n            ref={ref}\n            type={type}\n        />\n    );\n});\n"],"names":["Button"],"mappings":";;;AAUA,MAAM,oBAAmD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,SAAS,MAAM,WAA2C,SAASA,QAAO,OAAO,KAAK;AAC/F,QAAM,EAAE,UAAU,aAAa,OAAO,UAAU,WAAW,GAAG,eAAe;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger';\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    /** Visual style of the button */\n    variant?: ButtonVariant;\n};\n\nconst variantClassNames: Record<ButtonVariant, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n    secondary: 'border border-surface-border bg-surface text-gray-900 hover:bg-gray-50',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger-hover',\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { variant = 'secondary', type = 'button', className, ...otherProps } = props;\n\n    return (\n        <button\n            {...otherProps}\n            className={cn(\n                'inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50',\n                variantClassNames[variant],\n                className\n            )}\n            data-taco=\"button\"\n            data-variant={variant}\n            ref={ref}\n            type={type}\n        />\n    );\n});\n"],"names":["Button"],"mappings":";;;AAUA,MAAM,oBAAmD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACZ;AAEO,MAAM,SAAS,MAAM,WAA2C,SAASA,QAAO,OAAO,KAAK;AAC/F,QAAM,EAAE,UAAU,aAAa,OAAO,UAAU,WAAW,GAAG,eAAe;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;"}

package/dist/index.cjs

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css            */
+const Badge = require("./components/Badge/Badge.cjs");
 const Button = require("./components/Button/Button.cjs");
 const Card = require("./components/Card/Card.cjs");
+exports.Badge = Badge.Badge;
 exports.Button = Button.Button;
 exports.Card = Card.Card;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
+export * from './components/Badge/Badge';
 export * from './components/Button/Button';
 export * from './components/Card/Card';

package/dist/index.js

@@ -1,7 +1,9 @@
 /* empty css          */
+import { Badge } from "./components/Badge/Badge.js";
 import { Button } from "./components/Button/Button.js";
 import { Card } from "./components/Card/Card.js";
 export {
+  Badge,
   Button,
   Card
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/ui.css

@@ -581,9 +581,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.bg-transparent {
-  background-color: transparent;
-}
 .p-4 {
   padding: 1rem;
 }
@@ -629,10 +626,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-gray-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
-}
 .hover\:bg-gray-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@release-test/ui",
-    "version": "0.3.0-canary.16.0",
+    "version": "0.3.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -27,7 +27,7 @@
         "typecheck": "tsc --noEmit"
     },
     "dependencies": {
-        "@release-test/tokens": "0.1.1-canary.16.0"
+        "@release-test/tokens": "^0.1.1"
     },
     "peerDependencies": {
         "clsx": "^2.1.1",
@@ -50,5 +50,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "53979705462bb9011290cb01dae578d737ff7133"
+    "gitHead": "8885e75c9239131db58d885a9cd5acc304b05f80"
 }