@stokelp/ui 1.40.1 → 1.41.0

package/dist/theme/recipes/checkbox-card.d.ts

@@ -0,0 +1,3 @@
+import { SlotRecipeConfig } from '@pandacss/dev';
+
+export declare const checkboxCardRecipe: SlotRecipeConfig;

package/dist/theme/recipes/common/group-card.d.ts

@@ -0,0 +1,76 @@
+export declare const groupCard: {
+    root: {
+        fontFamily: "satoshi";
+        WebkitTapHighlightColor: "transparent";
+        _disabled: {
+            '& [data-recipe-slot="title"],[data-recipe-slot="itemTitle"]': {
+                color: "grey.400";
+            };
+            '& [data-recipe-slot="description"],[data-recipe-slot="itemDescription"]': {
+                color: "grey.200";
+            };
+            '& [data-recipe-slot="image"],[data-recipe-slot="itemImage"]': {
+                filter: "grayscale(1)";
+            };
+            userSelect: "none";
+            pointerEvents: "none";
+        };
+        alignItems: "center";
+        cursor: "pointer";
+        display: "flex";
+        gap: "space-12";
+        borderRadius: "radius-8";
+        border: "1px solid";
+        transitionProperty: "border-color, box-shadow";
+        boxShadow: {
+            _hover: "0px 4px 8px 0px {colors.secondary.500/20}";
+        };
+        bg: {
+            base: "white";
+            _disabled: "grey.50";
+        };
+        transitionDuration: "normal";
+        borderColor: {
+            base: "primary.100";
+            _hover: "primary.500";
+            _checked: "primary.500";
+            _disabled: "grey.100";
+        };
+    };
+    content: {
+        flex: number;
+        display: "flex";
+        flexDirection: "column";
+    };
+    image: {
+        borderRadius: "radius-4";
+    };
+    title: {
+        color: "text.heading";
+        fontWeight: "bold";
+    };
+    description: {
+        color: "text";
+    };
+};
+export declare const groupCardVariants: {
+    size: {
+        md: {
+            root: {
+                px: "space-16";
+                py: "space-12";
+            };
+            title: {
+                textStyle: "body.md";
+            };
+            image: {
+                objectFit: "cover";
+                height: "size-32";
+                width: "size-32";
+            };
+            description: {
+                textStyle: "body.sm";
+            };
+        };
+    };
+};

package/dist/theme/recipes/index.d.ts

@@ -38,4 +38,7 @@ export declare const slotRecipes: {
     popover: SlotRecipeConfig;
     pagination: SlotRecipeConfig;
     productCardCatalog: SlotRecipeConfig;
+    switchCard: SlotRecipeConfig;
+    radioCardGroup: SlotRecipeConfig;
+    checkboxCard: SlotRecipeConfig;
 };

package/dist/theme/recipes/radio-card-group.d.ts

@@ -0,0 +1,2 @@
+import { SlotRecipeConfig } from '@pandacss/types';
+export declare const radioCardGroupRecipe: SlotRecipeConfig;

package/dist/theme/recipes/switch-card.d.ts

@@ -0,0 +1,3 @@
+import { SlotRecipeConfig } from '@pandacss/dev';
+
+export declare const switchCardRecipe: SlotRecipeConfig;