npm - @mekari/pixel3-theme - Versions diffs - 0.7.2-dev.1 → 1.0.0-next.0 - Mend

@mekari/pixel3-theme 0.7.2-dev.1 → 1.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (109) hide show

package/dist/global-css.d.mts +2 -2
package/dist/global-css.d.ts +2 -2
package/dist/index.js +78 -24
package/dist/index.mjs +68 -24
package/dist/keyframes.d.mts +2 -2
package/dist/keyframes.d.ts +2 -2
package/dist/recipes/accordion.d.mts +33 -2
package/dist/recipes/accordion.d.ts +33 -2
package/dist/recipes/airene-button.d.mts +2 -2
package/dist/recipes/airene-button.d.ts +2 -2
package/dist/recipes/airene-chat-bubble.d.mts +2 -2
package/dist/recipes/airene-chat-bubble.d.ts +2 -2
package/dist/recipes/airene-chat-input.d.mts +2 -2
package/dist/recipes/airene-chat-input.d.ts +2 -2
package/dist/recipes/autocomplete.d.mts +2 -2
package/dist/recipes/autocomplete.d.ts +2 -2
package/dist/recipes/avatar.d.mts +275 -3
package/dist/recipes/avatar.d.ts +275 -3
package/dist/recipes/badge.d.mts +3 -2
package/dist/recipes/badge.d.ts +3 -2
package/dist/recipes/banner.d.mts +42 -7
package/dist/recipes/banner.d.ts +42 -7
package/dist/recipes/broadcast.d.mts +109 -2
package/dist/recipes/broadcast.d.ts +109 -2
package/dist/recipes/button.d.mts +335 -3
package/dist/recipes/button.d.ts +335 -3
package/dist/recipes/carousel.d.mts +2 -2
package/dist/recipes/carousel.d.ts +2 -2
package/dist/recipes/chart.d.mts +2 -2
package/dist/recipes/chart.d.ts +2 -2
package/dist/recipes/checkbox.d.mts +2 -2
package/dist/recipes/checkbox.d.ts +2 -2
package/dist/recipes/color-picker.d.mts +2 -2
package/dist/recipes/color-picker.d.ts +2 -2
package/dist/recipes/date-picker.d.mts +281 -13
package/dist/recipes/date-picker.d.ts +281 -13
package/dist/recipes/divider.d.mts +2 -2
package/dist/recipes/divider.d.ts +2 -2
package/dist/recipes/dropzone.d.mts +2 -2
package/dist/recipes/dropzone.d.ts +2 -2
package/dist/recipes/form-control.d.mts +2 -2
package/dist/recipes/form-control.d.ts +2 -2
package/dist/recipes/icon.d.mts +13 -2
package/dist/recipes/icon.d.ts +13 -2
package/dist/recipes/index.d.mts +1595 -66
package/dist/recipes/index.d.ts +1595 -66
package/dist/recipes/input-tag.d.mts +2 -2
package/dist/recipes/input-tag.d.ts +2 -2
package/dist/recipes/input.d.mts +162 -4
package/dist/recipes/input.d.ts +162 -4
package/dist/recipes/modal.d.mts +29 -2
package/dist/recipes/modal.d.ts +29 -2
package/dist/recipes/popover.d.mts +30 -4
package/dist/recipes/popover.d.ts +30 -4
package/dist/recipes/progress.d.mts +31 -2
package/dist/recipes/progress.d.ts +31 -2
package/dist/recipes/radio.d.mts +2 -2
package/dist/recipes/radio.d.ts +2 -2
package/dist/recipes/rating.d.mts +2 -2
package/dist/recipes/rating.d.ts +2 -2
package/dist/recipes/rich-text-editor.d.mts +3 -3
package/dist/recipes/rich-text-editor.d.ts +3 -3
package/dist/recipes/scrollbar.d.mts +2 -2
package/dist/recipes/scrollbar.d.ts +2 -2
package/dist/recipes/segmented-control.d.mts +2 -2
package/dist/recipes/segmented-control.d.ts +2 -2
package/dist/recipes/select.d.mts +21 -2
package/dist/recipes/select.d.ts +21 -2
package/dist/recipes/shared.d.mts +2 -2
package/dist/recipes/shared.d.ts +2 -2
package/dist/recipes/skeleton.d.mts +20 -2
package/dist/recipes/skeleton.d.ts +20 -2
package/dist/recipes/slider.d.mts +2 -2
package/dist/recipes/slider.d.ts +2 -2
package/dist/recipes/spinner.d.mts +13 -2
package/dist/recipes/spinner.d.ts +13 -2
package/dist/recipes/table.d.mts +3 -3
package/dist/recipes/table.d.ts +3 -3
package/dist/recipes/tabs.d.mts +35 -4
package/dist/recipes/tabs.d.ts +35 -4
package/dist/recipes/tag.d.mts +45 -2
package/dist/recipes/tag.d.ts +45 -2
package/dist/recipes/text.d.mts +37 -2
package/dist/recipes/text.d.ts +37 -2
package/dist/recipes/textarea.d.mts +2 -2
package/dist/recipes/textarea.d.ts +2 -2
package/dist/recipes/textlink.d.mts +59 -2
package/dist/recipes/textlink.d.ts +59 -2
package/dist/recipes/timeline.d.mts +19 -6
package/dist/recipes/timeline.d.ts +19 -6
package/dist/recipes/toast.d.mts +8 -2
package/dist/recipes/toast.d.ts +8 -2
package/dist/recipes/toggle.d.mts +2 -2
package/dist/recipes/toggle.d.ts +2 -2
package/dist/recipes/tooltip.d.mts +2 -2
package/dist/recipes/tooltip.d.ts +2 -2
package/dist/recipes/tour.d.mts +2 -2
package/dist/recipes/tour.d.ts +2 -2
package/dist/recipes/upload.d.mts +3 -3
package/dist/recipes/upload.d.ts +3 -3
package/dist/text-styles.d.mts +2 -2
package/dist/text-styles.d.ts +2 -2
package/package.json +4 -3
package/src/index.ts +45 -1
package/src/recipes/airene-button.ts +2 -3
package/src/recipes/badge.ts +1 -1
package/src/recipes/select.ts +2 -4
package/src/recipes/tag.ts +17 -14
package/src/recipes/timeline.ts +2 -2

package/dist/recipes/avatar.d.mts CHANGED Viewed

@@ -1,6 +1,278 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
-declare const avatarSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const avatarGroupSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const avatarSlotRecipe: _pandacss_types.SlotRecipeConfig<"icon" | "root" | "fallback" | "image", {
+    variant: {
+        square: {
+            root: {
+                borderRadius: "md";
+            };
+            image: {
+                borderRadius: "md";
+            };
+        };
+        circle: {
+            root: {
+                borderRadius: "full";
+            };
+            image: {
+                borderRadius: "full";
+            };
+        };
+    };
+    'variant-color': {
+        gray: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        sky: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        teal: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        violet: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        amber: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        rose: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        stone: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        lime: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        pink: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+    variantColor: {
+        gray: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        sky: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        teal: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        violet: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        amber: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        rose: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        stone: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        lime: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        pink: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+    size: {
+        sm: {
+            root: {
+                width: "5";
+                height: "5";
+                fontSize: "sm";
+            };
+            icon: {
+                width: "3!";
+                height: "3!";
+            };
+        };
+        md: {
+            root: {
+                width: "6";
+                height: "6";
+                fontSize: "md";
+            };
+            icon: {
+                width: "4!";
+                height: "4!";
+            };
+        };
+        lg: {
+            root: {
+                width: "9";
+                height: "9";
+                fontSize: "sm";
+            };
+            icon: {
+                width: "5!";
+                height: "5!";
+            };
+        };
+        xl: {
+            root: {
+                width: "20";
+                height: "20";
+                fontSize: "32px";
+            };
+            icon: {
+                width: "12!";
+                height: "12!";
+            };
+        };
+    };
+}>;
+declare const avatarGroupSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "excess", {
+    size: {
+        sm: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "6.5";
+                    height: "6.5";
+                    fontSize: "sm";
+                };
+            };
+            excess: {
+                width: "5";
+                height: "5";
+                fontSize: "sm";
+            };
+        };
+        md: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "7";
+                    height: "7";
+                    fontSize: "md";
+                };
+            };
+            excess: {
+                width: "6";
+                height: "6";
+                fontSize: "md";
+            };
+        };
+        lg: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "9.5";
+                    height: "9.5";
+                    fontSize: "sm";
+                };
+            };
+            excess: {
+                width: "9";
+                height: "9";
+                fontSize: "sm";
+            };
+        };
+        xl: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "82px";
+                    height: "82px";
+                    fontSize: "32px";
+                };
+            };
+            excess: {
+                width: "20";
+                height: "20";
+                fontSize: "32px";
+            };
+        };
+    };
+}>;
 export { avatarGroupSlotRecipe, avatarSlotRecipe };

package/dist/recipes/avatar.d.ts CHANGED Viewed

@@ -1,6 +1,278 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
-declare const avatarSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const avatarGroupSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const avatarSlotRecipe: _pandacss_types.SlotRecipeConfig<"icon" | "root" | "fallback" | "image", {
+    variant: {
+        square: {
+            root: {
+                borderRadius: "md";
+            };
+            image: {
+                borderRadius: "md";
+            };
+        };
+        circle: {
+            root: {
+                borderRadius: "full";
+            };
+            image: {
+                borderRadius: "full";
+            };
+        };
+    };
+    'variant-color': {
+        gray: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        sky: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        teal: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        violet: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        amber: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        rose: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        stone: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        lime: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        pink: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+    variantColor: {
+        gray: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        sky: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        teal: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        violet: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        amber: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        rose: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        stone: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        lime: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        pink: {
+            root: {
+                backgroundColor: string;
+                _nextTheme: {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+    size: {
+        sm: {
+            root: {
+                width: "5";
+                height: "5";
+                fontSize: "sm";
+            };
+            icon: {
+                width: "3!";
+                height: "3!";
+            };
+        };
+        md: {
+            root: {
+                width: "6";
+                height: "6";
+                fontSize: "md";
+            };
+            icon: {
+                width: "4!";
+                height: "4!";
+            };
+        };
+        lg: {
+            root: {
+                width: "9";
+                height: "9";
+                fontSize: "sm";
+            };
+            icon: {
+                width: "5!";
+                height: "5!";
+            };
+        };
+        xl: {
+            root: {
+                width: "20";
+                height: "20";
+                fontSize: "32px";
+            };
+            icon: {
+                width: "12!";
+                height: "12!";
+            };
+        };
+    };
+}>;
+declare const avatarGroupSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "excess", {
+    size: {
+        sm: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "6.5";
+                    height: "6.5";
+                    fontSize: "sm";
+                };
+            };
+            excess: {
+                width: "5";
+                height: "5";
+                fontSize: "sm";
+            };
+        };
+        md: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "7";
+                    height: "7";
+                    fontSize: "md";
+                };
+            };
+            excess: {
+                width: "6";
+                height: "6";
+                fontSize: "md";
+            };
+        };
+        lg: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "9.5";
+                    height: "9.5";
+                    fontSize: "sm";
+                };
+            };
+            excess: {
+                width: "9";
+                height: "9";
+                fontSize: "sm";
+            };
+        };
+        xl: {
+            root: {
+                '& > [data-pixel-component=MpAvatar]': {
+                    width: "82px";
+                    height: "82px";
+                    fontSize: "32px";
+                };
+            };
+            excess: {
+                width: "20";
+                height: "20";
+                fontSize: "32px";
+            };
+        };
+    };
+}>;
 export { avatarGroupSlotRecipe, avatarSlotRecipe };

package/dist/recipes/badge.d.mts CHANGED Viewed

@@ -1,5 +1,6 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
+import { RecipeVariantRecord } from '@pandacss/types';
-declare const badgeRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const badgeRecipe: _pandacss_types.RecipeConfig<RecipeVariantRecord>;
 export { badgeRecipe };

package/dist/recipes/badge.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
+import { RecipeVariantRecord } from '@pandacss/types';
-declare const badgeRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const badgeRecipe: _pandacss_types.RecipeConfig<RecipeVariantRecord>;
 export { badgeRecipe };

package/dist/recipes/banner.d.mts CHANGED Viewed

@@ -1,10 +1,45 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
-declare const bannerSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const bannerTitleRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const bannerDescriptionRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const bannerIconSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const bannerLinkRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const bannerCloseButtonRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const bannerSlotRecipe: _pandacss_types.SlotRecipeConfig<"body" | "root", {
+    variant: {
+        info: {
+            root: {
+                backgroundColor: "blue.50";
+                _nextTheme: {
+                    backgroundColor: "background.information";
+                };
+            };
+        };
+        success: {
+            root: {
+                backgroundColor: "green.50";
+                _nextTheme: {
+                    backgroundColor: "background.success";
+                };
+            };
+        };
+        danger: {
+            root: {
+                backgroundColor: "red.50";
+                _nextTheme: {
+                    backgroundColor: "background.danger";
+                };
+            };
+        };
+        warning: {
+            root: {
+                backgroundColor: "orange.50";
+                _nextTheme: {
+                    backgroundColor: "background.warning";
+                };
+            };
+        };
+    };
+}>;
+declare const bannerTitleRecipe: _pandacss_types.RecipeConfig<{}>;
+declare const bannerDescriptionRecipe: _pandacss_types.RecipeConfig<{}>;
+declare const bannerIconSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "custom", {}>;
+declare const bannerLinkRecipe: _pandacss_types.RecipeConfig<{}>;
+declare const bannerCloseButtonRecipe: _pandacss_types.RecipeConfig<{}>;
 export { bannerCloseButtonRecipe, bannerDescriptionRecipe, bannerIconSlotRecipe, bannerLinkRecipe, bannerSlotRecipe, bannerTitleRecipe };

package/dist/recipes/banner.d.ts CHANGED Viewed

@@ -1,10 +1,45 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
-declare const bannerSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const bannerTitleRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const bannerDescriptionRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const bannerIconSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const bannerLinkRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const bannerCloseButtonRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const bannerSlotRecipe: _pandacss_types.SlotRecipeConfig<"body" | "root", {
+    variant: {
+        info: {
+            root: {
+                backgroundColor: "blue.50";
+                _nextTheme: {
+                    backgroundColor: "background.information";
+                };
+            };
+        };
+        success: {
+            root: {
+                backgroundColor: "green.50";
+                _nextTheme: {
+                    backgroundColor: "background.success";
+                };
+            };
+        };
+        danger: {
+            root: {
+                backgroundColor: "red.50";
+                _nextTheme: {
+                    backgroundColor: "background.danger";
+                };
+            };
+        };
+        warning: {
+            root: {
+                backgroundColor: "orange.50";
+                _nextTheme: {
+                    backgroundColor: "background.warning";
+                };
+            };
+        };
+    };
+}>;
+declare const bannerTitleRecipe: _pandacss_types.RecipeConfig<{}>;
+declare const bannerDescriptionRecipe: _pandacss_types.RecipeConfig<{}>;
+declare const bannerIconSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "custom", {}>;
+declare const bannerLinkRecipe: _pandacss_types.RecipeConfig<{}>;
+declare const bannerCloseButtonRecipe: _pandacss_types.RecipeConfig<{}>;
 export { bannerCloseButtonRecipe, bannerDescriptionRecipe, bannerIconSlotRecipe, bannerLinkRecipe, bannerSlotRecipe, bannerTitleRecipe };