@snapcall/design-system 1.25.1 → 1.26.1

package/dist/components/Calendar/index.js

@@ -184,7 +184,7 @@ var SpinnerIcon = (0, import_react3.forwardRef)(
 // src/components/Button/Button.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva.cva)({
-  base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -214,7 +214,7 @@ var buttonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva.cva)({
@@ -227,7 +227,7 @@ var iconButtonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {

package/dist/components/Calendar/index.mjs

@@ -7,7 +7,7 @@ import {
 import {
   buttonVariants,
   iconButtonSizes
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,

package/dist/components/Carousel/index.js

@@ -253,7 +253,7 @@ var SpinnerIcon = (0, import_react5.forwardRef)(
 // src/components/Button/Button.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva.cva)({
-  base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -283,7 +283,7 @@ var buttonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva.cva)({
@@ -296,7 +296,7 @@ var iconButtonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {

package/dist/components/Carousel/index.mjs

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,

package/dist/components/Command/index.js

@@ -201,7 +201,7 @@ var import_react_slot = require("@radix-ui/react-slot");
 var import_cva = require("cva");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva.cva)({
-  base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -231,7 +231,7 @@ var buttonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva.cva)({
@@ -244,7 +244,7 @@ var iconButtonSizes = (0, import_cva.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {
@@ -368,7 +368,7 @@ var Command = React3.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-white",
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-white",
         className
       )
     }, props)
@@ -395,7 +395,7 @@ var CommandInput = React3.forwardRef((_a, ref) => {
             ref,
             value: val,
             className: cn(
-              "flex w-full py-2 rounded-md bg-transparent text-sm font-normal text-black outline-hidden placeholder:text-gray-900 disabled:cursor-not-allowed disabled:opacity-50",
+              "flex w-full py-2 rounded-lg bg-transparent text-sm font-normal text-black outline-hidden placeholder:text-gray-900 disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
             onValueChange: (val2) => {
@@ -490,7 +490,7 @@ var CommandItem = React3.forwardRef(
       __spreadProps(__spreadValues({
         ref,
         className: cn(
-          "px-2 py-1.5 text-sm flex flex-col gap-1 text-black rounded-md cursor-pointer focus-within:bg-gray-100 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 hover:bg-gray-50 active:bg-gray-100 data-[state=checked]:bg-gray-50 data-[selected=true]:bg-gray-50",
+          "px-2 py-1.5 text-sm flex flex-col gap-1 text-black rounded-lg cursor-pointer focus-within:bg-gray-100 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 hover:bg-gray-50 active:bg-gray-100 data-[state=checked]:bg-gray-50 data-[selected=true]:bg-gray-50",
           className
         )
       }, props), {

package/dist/components/Command/index.mjs

@@ -7,11 +7,11 @@ import {
   CommandList,
   CommandLoading,
   CommandSeparator
-} from "../../chunk-SSZ45TLL.mjs";
+} from "../../chunk-DNGG2G6R.mjs";
 import "../../chunk-FMJFBQTF.mjs";
 import "../../chunk-TU6HU32A.mjs";
 import "../../chunk-AFJWE6PJ.mjs";
-import "../../chunk-R6W6SKNR.mjs";
+import "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import "../../chunk-BOWIL6WZ.mjs";
 export {

package/dist/components/CreatableSelect/index.js

@@ -138,33 +138,33 @@ var randomPickFromArray = ({
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var colors = {
   gray: "text-gray-900",
-  green: "text-green-700",
-  red: "text-red-700",
-  yellow: "text-amber-700",
-  blue: "text-blue-700",
-  crimson: "text-crimson-700",
-  violet: "text-violet-700",
-  cyan: "text-cyan-700",
-  teal: "text-teal-700",
-  brown: "text-brown-700",
-  orange: "text-orange-700"
+  green: "text-green-900",
+  red: "text-red-900",
+  amber: "text-amber-900",
+  blue: "text-blue-900",
+  crimson: "text-crimson-900",
+  violet: "text-violet-900",
+  cyan: "text-cyan-900",
+  teal: "text-teal-900",
+  brown: "text-brown-900",
+  orange: "text-orange-900"
 };
 var colorsArray = Object.keys(colors);
 var badgeVariants = (0, import_cva.cva)({
-  base: "inline-flex items-center justify-center gap-1 rounded-md px-2 py-0.5 text-xs font-semibold transition-colors",
+  base: "inline-flex items-center justify-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold transition-colors",
   variants: {
     variant: {
       default: "",
-      outline: "ring-1",
+      outline: "border border-solid bg-transparent",
       fill: ""
     },
     color: colors
   },
   compoundVariants: [
-    { variant: "default", color: "gray", className: "bg-gray-50" },
+    { variant: "default", color: "gray", className: "bg-gray-100" },
     { variant: "default", color: "green", className: "bg-green-100" },
     { variant: "default", color: "red", className: "bg-red-100" },
-    { variant: "default", color: "yellow", className: "bg-amber-100" },
+    { variant: "default", color: "amber", className: "bg-amber-100" },
     { variant: "default", color: "blue", className: "bg-blue-100" },
     { variant: "default", color: "crimson", className: "bg-crimson-100" },
     { variant: "default", color: "violet", className: "bg-violet-100" },
@@ -175,88 +175,108 @@ var badgeVariants = (0, import_cva.cva)({
     {
       variant: "outline",
       color: "gray",
-      className: "bg-transparent ring-gray-200"
+      className: "border-gray-200 text-black dark:bg-gray-25"
     },
     {
       variant: "outline",
       color: "green",
-      className: "bg-transparent ring-green-300"
+      className: "border-green-700 text-green-700 dark:bg-green-25"
     },
     {
       variant: "outline",
       color: "red",
-      className: "bg-transparent ring-red-300"
+      className: "border-red-700 text-red-700 dark:bg-red-25"
     },
     {
       variant: "outline",
-      color: "yellow",
-      className: "bg-transparent ring-amber-300"
+      color: "amber",
+      className: "border-amber-700 text-amber-700 dark:bg-amber-25"
     },
     {
       variant: "outline",
       color: "blue",
-      className: "bg-transparent ring-blue-300"
+      className: "border-blue-700 text-blue-700 dark:bg-blue-25"
     },
     {
       variant: "outline",
       color: "crimson",
-      className: "bg-transparent ring-crimson-300"
+      className: "border-crimson-700 text-crimson-700 dark:bg-crimson-25"
     },
     {
       variant: "outline",
       color: "violet",
-      className: "bg-transparent ring-violet-300"
+      className: "border-violet-700 text-violet-700 dark:bg-violet-25"
     },
     {
       variant: "outline",
       color: "cyan",
-      className: "bg-transparent ring-cyan-300"
+      className: "border-cyan-700 text-cyan-700 dark:bg-cyan-25"
     },
     {
       variant: "outline",
       color: "teal",
-      className: "bg-transparent ring-teal-300"
+      className: "border-teal-700 text-teal-700 dark:bg-teal-25"
     },
     {
       variant: "outline",
       color: "brown",
-      className: "bg-transparent ring-brown-300"
+      className: "border-brown-700 text-brown-700 dark:bg-brown-25"
     },
     {
       variant: "outline",
       color: "orange",
-      className: "bg-transparent ring-orange-300"
+      className: "border-orange-700 text-orange-700 dark:bg-orange-25"
     },
-    { variant: "fill", color: "gray", className: "text-white bg-gray-900" },
-    { variant: "fill", color: "green", className: "text-white bg-green-700" },
-    { variant: "fill", color: "red", className: "text-white bg-red-700" },
+    { variant: "fill", color: "gray", className: "bg-black text-white" },
     {
       variant: "fill",
-      color: "yellow",
-      className: "text-white bg-amber-700"
+      color: "green",
+      className: "bg-green-700 text-white dark:text-black"
+    },
+    {
+      variant: "fill",
+      color: "red",
+      className: "bg-red-700 text-white dark:text-black"
+    },
+    {
+      variant: "fill",
+      color: "amber",
+      className: "bg-amber-700 text-white dark:text-black"
     },
     {
       variant: "fill",
       color: "blue",
-      className: "text-white dark:text-black bg-blue-700"
+      className: "bg-blue-700 text-white dark:text-black"
     },
     {
       variant: "fill",
       color: "crimson",
-      className: "text-white bg-crimson-700"
+      className: "bg-crimson-700 text-white dark:text-black"
     },
     {
       variant: "fill",
       color: "violet",
-      className: "text-white bg-violet-700"
+      className: "bg-violet-700 text-white dark:text-black"
+    },
+    {
+      variant: "fill",
+      color: "cyan",
+      className: "bg-cyan-700 text-white dark:text-black"
+    },
+    {
+      variant: "fill",
+      color: "teal",
+      className: "bg-teal-700 text-white dark:text-black"
+    },
+    {
+      variant: "fill",
+      color: "brown",
+      className: "bg-brown-700 text-white dark:text-black"
     },
-    { variant: "fill", color: "cyan", className: "text-white bg-cyan-700" },
-    { variant: "fill", color: "teal", className: "text-white bg-teal-700" },
-    { variant: "fill", color: "brown", className: "text-white bg-brown-700" },
     {
       variant: "fill",
       color: "orange",
-      className: "text-white bg-orange-700"
+      className: "bg-orange-700 text-white dark:text-black"
     }
   ],
   defaultVariants: {
@@ -372,7 +392,7 @@ var import_react_slot = require("@radix-ui/react-slot");
 var import_cva2 = require("cva");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva2.cva)({
-  base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
       primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
@@ -402,7 +422,7 @@ var buttonSizes = (0, import_cva2.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconButtonSizes = (0, import_cva2.cva)({
@@ -415,7 +435,7 @@ var iconButtonSizes = (0, import_cva2.cva)({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 var iconSizes = {
@@ -539,7 +559,7 @@ var Command = React4.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-white",
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-white",
         className
       )
     }, props)
@@ -566,7 +586,7 @@ var CommandInput = React4.forwardRef((_a, ref) => {
             ref,
             value: val,
             className: cn(
-              "flex w-full py-2 rounded-md bg-transparent text-sm font-normal text-black outline-hidden placeholder:text-gray-900 disabled:cursor-not-allowed disabled:opacity-50",
+              "flex w-full py-2 rounded-lg bg-transparent text-sm font-normal text-black outline-hidden placeholder:text-gray-900 disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
             onValueChange: (val2) => {
@@ -661,7 +681,7 @@ var CommandItem = React4.forwardRef(
       __spreadProps(__spreadValues({
         ref,
         className: cn(
-          "px-2 py-1.5 text-sm flex flex-col gap-1 text-black rounded-md cursor-pointer focus-within:bg-gray-100 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 hover:bg-gray-50 active:bg-gray-100 data-[state=checked]:bg-gray-50 data-[selected=true]:bg-gray-50",
+          "px-2 py-1.5 text-sm flex flex-col gap-1 text-black rounded-lg cursor-pointer focus-within:bg-gray-100 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 hover:bg-gray-50 active:bg-gray-100 data-[state=checked]:bg-gray-50 data-[selected=true]:bg-gray-50",
           className
         )
       }, props), {

package/dist/components/CreatableSelect/index.mjs

@@ -3,7 +3,7 @@ import {
   CommandItem,
   CommandList,
   CommandLoading
-} from "../../chunk-SSZ45TLL.mjs";
+} from "../../chunk-DNGG2G6R.mjs";
 import {
   XCloseIcon
 } from "../../chunk-FMJFBQTF.mjs";
@@ -11,8 +11,8 @@ import "../../chunk-TU6HU32A.mjs";
 import "../../chunk-AFJWE6PJ.mjs";
 import {
   Badge
-} from "../../chunk-YC4ZDBIC.mjs";
-import "../../chunk-R6W6SKNR.mjs";
+} from "../../chunk-VBMQG5SW.mjs";
+import "../../chunk-HVMCOLSX.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,