@pequity/squirrel 7.0.0 → 7.0.1

package/dist/es/chunks/p-btn.js

@@ -9,7 +9,7 @@ const _hoisted_1 = ["href", "disabled", "aria-disabled"];
 const _hoisted_2 = { class: "slot-wrapper empty:hidden" };
 const btnClasses = {
   slots: {
-    button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
+    button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
     content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0",
     loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium",
     icon: "shrink-0"

package/dist/squirrel/components/p-btn/p-btn.vue.d.ts

@@ -65,11 +65,11 @@ declare const btn: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
-    readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
+    readonly button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
     readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
     readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
     readonly icon: "shrink-0";
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, {
     readonly type: {
         readonly primary: {
             readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
@@ -130,127 +130,7 @@ declare const btn: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}>, {
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}, {
-    readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
+    readonly button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
     readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
     readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
     readonly icon: "shrink-0";
@@ -315,131 +195,11 @@ declare const btn: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
-    readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
+    readonly button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
     readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
     readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
     readonly icon: "shrink-0";
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}, {
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 declare const BUTTON_NATIVE_TYPES: readonly ["button", "submit", "reset"];
 type ButtonNativeType = (typeof BUTTON_NATIVE_TYPES)[number];
 type ButtonType = NonNullable<VariantProps<typeof btn>['type']>;