@cnc-ti/layout-basic 8.3.7 → 8.3.9

package/dist/index.mjs

@@ -2650,14 +2650,14 @@ function cn(...inputs) {
 // src/components/Button/index.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var buttonVariants = cva(
-  "cnc-inline-flex cnc-items-center cnc-justify-center cnc-border cnc-whitespace-nowrap cnc-rounded-md cnc-text-sm cnc-font-medium cnc-ring-offset-background cnc-transition-colors focus-visible:cnc-outline-none focus-visible:cnc-ring-2 focus-visible:cnc-ring-ring focus-visible:cnc-ring-offset-2 disabled:cnc-pointer-events-none disabled:cnc-opacity-50",
+  "cnc-inline-flex cnc-items-center cnc-justify-center cnc-border cnc-text-white cnc-whitespace-nowrap cnc-rounded-md cnc-text-sm cnc-font-medium cnc-ring-offset-background cnc-transition-colors focus-visible:cnc-outline-none focus-visible:cnc-ring-2 focus-visible:cnc-ring-ring focus-visible:cnc-ring-offset-2 disabled:cnc-pointer-events-none disabled:cnc-opacity-50",
   {
     variants: {
       variant: {
-        confirm: "cnc-text-white cnc-bg-brand-blue-400 cnc-border-brand-blue-500 hover:cnc-bg-brand-blue-400/90",
-        create: "cnc-text-white cnc-bg-brand-green-100 cnc-border-brand-green-200 hover:cnc-bg-brand-green-100/80",
-        secondary: "cnc-text-white cnc-bg-brand-gray-20 cnc-text-secondary-foreground hover:cnc-brightness-95",
-        danger: "cnc-text-white cnc-bg-brand-red-500 cnc-border-brand-red-600 hover:cnc-bg-brand-red-500/80",
+        confirm: "cnc-bg-brand-blue-400 cnc-border-brand-blue-500 hover:cnc-bg-brand-blue-400/90",
+        create: "cnc-bg-brand-green-100 cnc-border-brand-green-200 hover:cnc-bg-brand-green-100/80",
+        secondary: "cnc-bg-brand-gray-20 cnc-text-secondary-foreground hover:cnc-brightness-95",
+        danger: "cnc-bg-brand-red-500 cnc-border-brand-red-600 hover:cnc-bg-brand-red-500/80",
         outline: "cnc-border cnc-border-input cnc-text-brand-gray-200 cnc-bg-background cnc-shadow-sm hover:cnc-bg-brand-blue-50 hover:cnc-text-accent-foreground",
         default: "cnc-bg-primary cnc-text-primary-foreground hover:cnc-bg-primary/90"
       },
@@ -12843,14 +12843,13 @@ function Combobox({
   const [open, setOpen] = React79.useState(false);
   return /* @__PURE__ */ jsxs14(Popover3, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx45(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs14(
-      Button,
+      "button",
       {
-        variant: "outline",
         role: "combobox",
         "aria-expanded": open,
-        className: "cnc-w-full cnc-justify-between",
+        className: "cnc-h-10 cnc-px-4 cnc-py-2 cnc-inline-flex cnc-items-center cnc-justify-between cnc-border cnc-border-input cnc-text-brand-gray-200 cnc-bg-background cnc-shadow-sm hover:cnc-bg-brand-blue-50 hover:cnc-text-accent-foreground cnc-rounded-md cnc-text-sm cnc-font-medium cnc-ring-offset-background cnc-transition-colors focus-visible:cnc-outline-none focus-visible:cnc-ring-2 focus-visible:cnc-ring-ring focus-visible:cnc-ring-offset-2 disabled:cnc-pointer-events-none disabled:cnc-opacity-50 cnc-w-full",
         children: [
-          value ? options?.find((framework) => framework.value === value)?.label : placeholder,
+          /* @__PURE__ */ jsx45("span", { className: "cnc-truncate cnc-flex-1 cnc-text-left", children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
           /* @__PURE__ */ jsx45(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
         ]
       }