@mage-ui/preset 1.0.56 → 1.0.57
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.
- package/dist/recipes/overlays/toast/toast-body.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-body.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-close-button.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-close-button.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-description.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-description.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-icon.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-icon.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-loader.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-loader.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-notifications.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-notifications.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-root.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-root.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-title.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-title.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast.mjs +1 -1
- package/dist/recipes/overlays/toast/toast.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__body`,jsx:[`Toast`],base:{flex:`1`,overflow:`hidden`,marginInlineEnd:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__body`,jsx:[`Toast`],base:{flex:`1`,overflow:`hidden`,marginInlineEnd:`var(--toast-body-gap, {spacing.300})`},staticCss:[`*`]});export{t as toastBody};
|
|
2
2
|
//# sourceMappingURL=toast-body.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastBody = defineRecipe({\n className: 'toast__body',\n jsx: ['Toast'],\n base: {\n flex: '1',\n overflow: 'hidden',\n marginInlineEnd: '
|
|
1
|
+
{"version":3,"file":"toast-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastBody = defineRecipe({\n className: 'toast__body',\n jsx: ['Toast'],\n base: {\n flex: '1',\n overflow: 'hidden',\n marginInlineEnd: 'var(--toast-body-gap, {spacing.300})',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,KAAM,IACN,SAAU,SACV,gBAAiB,uCAClB,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__close-button`,jsx:[`Toast`],base:{width:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__close-button`,jsx:[`Toast`],base:{width:`var(--toast-close-button-size, {sizes.200})`,aspectRatio:`1 / 1`,borderRadius:`var(--toast-close-button-radius, {radii.100})`,padding:`0`,color:`var(--toast-close-button-foreground, {colors.neutral.foreground.3.enabled})`,backgroundColor:`var(--toast-close-button-background, transparent)`,border:`var(--toast-close-button-border, none)`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`var(--toast-close-button-transition, {animations.300})`,"&:hover":{backgroundColor:`var(--toast-close-button-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--toast-close-button-foreground-hovered, {colors.neutral.foreground.3.hovered})`},"& svg":{width:`{sizes.200}`,aspectRatio:`1 / 1`}},staticCss:[`*`]});export{t as toastCloseButton};
|
|
2
2
|
//# sourceMappingURL=toast-close-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-close-button.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-close-button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastCloseButton = defineRecipe({\n className: 'toast__close-button',\n jsx: ['Toast'],\n base: {\n // El close button en Mantine es un ActionIcon que ya tiene sus propios estilos\n // Solo necesitamos añadir algunos ajustes mínimos\n width: '
|
|
1
|
+
{"version":3,"file":"toast-close-button.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-close-button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastCloseButton = defineRecipe({\n className: 'toast__close-button',\n jsx: ['Toast'],\n base: {\n // El close button en Mantine es un ActionIcon que ya tiene sus propios estilos\n // Solo necesitamos añadir algunos ajustes mínimos\n width: 'var(--toast-close-button-size, {sizes.200})',\n aspectRatio: '1 / 1',\n borderRadius: 'var(--toast-close-button-radius, {radii.100})',\n padding: '0',\n color:\n 'var(--toast-close-button-foreground, {colors.neutral.foreground.3.enabled})',\n backgroundColor: 'var(--toast-close-button-background, transparent)',\n border: 'var(--toast-close-button-border, none)',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'var(--toast-close-button-transition, {animations.300})',\n\n '&:hover': {\n backgroundColor:\n 'var(--toast-close-button-background-hovered, {colors.neutral.background.1.hovered})',\n color:\n 'var(--toast-close-button-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n },\n\n // El SVG interno\n '& svg': {\n width: '{sizes.200}',\n aspectRatio: '1 / 1',\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAGJ,MAAO,8CACP,YAAa,QACb,aAAc,gDACd,QAAS,IACT,MACE,8EACF,gBAAiB,oDACjB,OAAQ,yCACR,OAAQ,UACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,yDAEZ,UAAW,CACT,gBACE,sFACF,MACE,sFACH,CAGD,QAAS,CACP,MAAO,cACP,YAAa,QACd,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__description`,jsx:[`Toast`],base:{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__description`,jsx:[`Toast`],base:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`var(--toast-description-font-size, {fontSizes.300})`,lineHeight:`var(--toast-description-line-height, 1.4)`,color:`var(--toast-description-color, {colors.neutral.foreground.1.enabled})`,"&[data-with-title]":{color:`var(--toast-description-color-with-title, {colors.neutral.foreground.3.enabled})`}},staticCss:[`*`]});export{t as toastDescription};
|
|
2
2
|
//# sourceMappingURL=toast-description.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-description.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastDescription = defineRecipe({\n className: 'toast__description',\n jsx: ['Toast'],\n base: {\n
|
|
1
|
+
{"version":3,"file":"toast-description.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastDescription = defineRecipe({\n className: 'toast__description',\n jsx: ['Toast'],\n base: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n fontSize: 'var(--toast-description-font-size, {fontSizes.300})',\n lineHeight: 'var(--toast-description-line-height, 1.4)',\n color:\n 'var(--toast-description-color, {colors.neutral.foreground.1.enabled})',\n '&[data-with-title]': {\n color:\n 'var(--toast-description-color-with-title, {colors.neutral.foreground.3.enabled})',\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,aAAc,WACd,WAAY,SACZ,SAAU,sDACV,WAAY,4CACZ,MACE,wEACF,qBAAsB,CACpB,MACE,mFACH,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__icon`,jsx:[`Toast`],base:{boxSizing:`border-box`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__icon`,jsx:[`Toast`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,boxSizing:`border-box`,aspectRatio:`1 / 1`,width:`var(--toast-icon-size, {sizes.300})`,marginInlineEnd:`var(--toast-icon-gap, {spacing.300})`,borderRadius:`var(--toast-icon-radius, {radii.900})`,backgroundColor:`var(--toast-icon-background, transparent)`,color:`var(--toast-icon-foreground, var(--toast-accent-color))`},staticCss:[`*`]});export{t as toastIcon};
|
|
2
2
|
//# sourceMappingURL=toast-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-icon.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastIcon = defineRecipe({\n className: 'toast__icon',\n jsx: ['Toast'],\n base: {\n
|
|
1
|
+
{"version":3,"file":"toast-icon.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastIcon = defineRecipe({\n className: 'toast__icon',\n jsx: ['Toast'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxSizing: 'border-box',\n aspectRatio: '1 / 1',\n width: 'var(--toast-icon-size, {sizes.300})',\n marginInlineEnd: 'var(--toast-icon-gap, {spacing.300})',\n borderRadius: 'var(--toast-icon-radius, {radii.900})',\n backgroundColor: 'var(--toast-icon-background, transparent)',\n color: 'var(--toast-icon-foreground, var(--toast-accent-color))',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,UAAW,aACX,YAAa,QACb,MAAO,sCACP,gBAAiB,uCACjB,aAAc,wCACd,gBAAiB,4CACjB,MAAO,0DACR,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__loader`,jsx:[`Toast`],base:{marginInlineEnd:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__loader`,jsx:[`Toast`],base:{marginInlineEnd:`var(--toast-loader-gap, {spacing.200})`},staticCss:[`*`]});export{t as toastLoader};
|
|
2
2
|
//# sourceMappingURL=toast-loader.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-loader.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-loader.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastLoader = defineRecipe({\n className: 'toast__loader',\n jsx: ['Toast'],\n base: {\n marginInlineEnd: '
|
|
1
|
+
{"version":3,"file":"toast-loader.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-loader.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastLoader = defineRecipe({\n className: 'toast__loader',\n jsx: ['Toast'],\n base: {\n marginInlineEnd: 'var(--toast-loader-gap, {spacing.200})',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,yCAClB,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__notifications`,jsx:[`Toast`],base:{position:`fixed`,zIndex:9999,maxWidth:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__notifications`,jsx:[`Toast`],base:{position:`fixed`,zIndex:9999,maxWidth:`var(--toast-notifications-max-width, 22.5rem)`,width:`calc(100% - 2rem)`,'&[data-position="top-center"]':{top:`var(--toast-notifications-position-top-center-top, {spacing.400})`,left:`50%`,transform:`translateX(-50%)`},'&[data-position="top-left"]':{top:`var(--toast-notifications-position-top-left-top, {spacing.400})`,left:`var(--toast-notifications-position-top-left-left, {spacing.400})`},'&[data-position="top-right"]':{top:`var(--toast-notifications-position-top-right-top, {spacing.400})`,right:`var(--toast-notifications-position-top-right-right, {spacing.400})`},'&[data-position="bottom-center"]':{bottom:`var(--toast-notifications-position-bottom-center-bottom, {spacing.400})`,left:`50%`,transform:`translateX(-50%)`},'&[data-position="bottom-left"]':{bottom:`var(--toast-notifications-position-bottom-left-bottom, {spacing.400})`,left:`var(--toast-notifications-position-bottom-left-left, {spacing.400})`},'&[data-position="bottom-right"]':{bottom:`var(--toast-notifications-position-bottom-right-bottom, {spacing.400})`,right:`var(--toast-notifications-position-bottom-right-right, {spacing.400})`}},staticCss:[`*`]});export{t as toastNotifications};
|
|
2
2
|
//# sourceMappingURL=toast-notifications.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-notifications.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-notifications.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\n// Este es el contenedor de TODAS las notificaciones (el portal que Mantine crea)\nexport const toastNotifications = defineRecipe({\n className: 'toast__notifications',\n jsx: ['Toast'],\n base: {\n // Posicionamiento fijo\n position: 'fixed',\n zIndex: 9999,\n maxWidth: '
|
|
1
|
+
{"version":3,"file":"toast-notifications.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-notifications.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\n// Este es el contenedor de TODAS las notificaciones (el portal que Mantine crea)\nexport const toastNotifications = defineRecipe({\n className: 'toast__notifications',\n jsx: ['Toast'],\n base: {\n // Posicionamiento fijo\n position: 'fixed',\n zIndex: 9999,\n maxWidth: 'var(--toast-notifications-max-width, 22.5rem)',\n width: 'calc(100% - 2rem)',\n\n // Posicionamiento basado en data-position\n '&[data-position=\"top-center\"]': {\n top: 'var(--toast-notifications-position-top-center-top, {spacing.400})',\n left: '50%',\n transform: 'translateX(-50%)',\n },\n '&[data-position=\"top-left\"]': {\n top: 'var(--toast-notifications-position-top-left-top, {spacing.400})',\n left: 'var(--toast-notifications-position-top-left-left, {spacing.400})',\n },\n '&[data-position=\"top-right\"]': {\n top: 'var(--toast-notifications-position-top-right-top, {spacing.400})',\n right:\n 'var(--toast-notifications-position-top-right-right, {spacing.400})',\n },\n '&[data-position=\"bottom-center\"]': {\n bottom:\n 'var(--toast-notifications-position-bottom-center-bottom, {spacing.400})',\n left: '50%',\n transform: 'translateX(-50%)',\n },\n '&[data-position=\"bottom-left\"]': {\n bottom:\n 'var(--toast-notifications-position-bottom-left-bottom, {spacing.400})',\n left: 'var(--toast-notifications-position-bottom-left-left, {spacing.400})',\n },\n '&[data-position=\"bottom-right\"]': {\n bottom:\n 'var(--toast-notifications-position-bottom-right-bottom, {spacing.400})',\n right:\n 'var(--toast-notifications-position-bottom-right-right, {spacing.400})',\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAOA,MAAa,EAAqB,EAAa,CAC7C,UAAW,uBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,SAAU,QACV,OAAQ,KACR,SAAU,gDACV,MAAO,oBAGP,gCAAiC,CAC/B,IAAK,oEACL,KAAM,MACN,UAAW,mBACZ,CACD,8BAA+B,CAC7B,IAAK,kEACL,KAAM,mEACP,CACD,+BAAgC,CAC9B,IAAK,mEACL,MACE,qEACH,CACD,mCAAoC,CAClC,OACE,0EACF,KAAM,MACN,UAAW,mBACZ,CACD,iCAAkC,CAChC,OACE,wEACF,KAAM,sEACP,CACD,kCAAmC,CACjC,OACE,yEACF,MACE,wEACH,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__root`,jsx:[`Toast`],
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__root`,jsx:[`Toast`],base:{overflow:`hidden`,boxSizing:`border-box`,position:`relative`,display:`flex`,alignItems:`center`,paddingInlineStart:`var(--toast-root-padding-inline-start, {spacing.400})`,paddingInlineEnd:`var(--toast-root-padding-inline-end, {spacing.200})`,paddingTop:`var(--toast-root-padding-bottom, {spacing.200})`,paddingBottom:`var(--toast-root-padding-bottom, {spacing.200})`,borderRadius:`var(--toast-root-radius, {radii.100})`,boxShadow:`var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))`,backgroundColor:`var(--toast-root-background, {colors.neutral.background.1.enabled})`,color:`var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})`,"&[data-with-border]":{borderWidth:`var(--toast-root-border-width, {borders.100})`,borderStyle:`var(--toast-root-border-style, solid)`,borderColor:`var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})`},"&::before":{content:`""`,display:`block`,position:`absolute`,width:`var(--toast-root-bar-width, {sizes.50})`,top:`var(--toast-root-bar-top, {spacing.100})`,bottom:`var(--toast-root-bar-bottom, {spacing.100})`,insetInlineStart:`var(--toast-root-bar-inset-start, {spacing.100})`,borderRadius:`var(--toast-root-bar-radius, {radii.100})`,backgroundColor:`var(--toast-accent-color, {colors.primary.foreground.2.enabled})`},"&[data-with-icon]::before":{display:`none`},"& + &":{marginTop:`var(--toast-root-gap, {spacing.200})`},fontFamily:`var(--toast-root-font-family, {fonts.base})`,fontSize:`var(--toast-root-font-size, {fontSizes.300})`,fontWeight:`var(--toast-root-font-weight, {fontWeights.regular})`,lineHeight:`var(--toast-root-line-height, 1.4)`,width:`var(--toast-root-width, 22.5rem)`,maxWidth:`100%`},variants:{color:{green:{"--toast-accent-color":`var(--toast-accent-green-color, {colors.success.foreground.1.enabled})`},red:{"--toast-accent-color":`var(--toast-accent-red-color, {colors.danger.foreground.1.enabled})`},yellow:{"--toast-accent-color":`var(--toast-accent-yellow-color, {colors.warning.foreground.1.enabled})`},blue:{"--toast-accent-color":`var(--toast-accent-blue-color, {colors.primary.foreground.1.enabled})`},gray:{"--toast-accent-color":`var(--toast-accent-gray-color, {colors.neutral.foreground.1.enabled})`}}},defaultVariants:{color:`blue`},staticCss:[`*`]});export{t as toastRoot};
|
|
2
2
|
//# sourceMappingURL=toast-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastRoot = defineRecipe({\n className: 'toast__root',\n jsx: ['Toast'],\n
|
|
1
|
+
{"version":3,"file":"toast-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastRoot = defineRecipe({\n className: 'toast__root',\n jsx: ['Toast'],\n base: {\n // Estructura base de Mantine\n overflow: 'hidden',\n boxSizing: 'border-box',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n paddingInlineStart: 'var(--toast-root-padding-inline-start, {spacing.400})',\n paddingInlineEnd: 'var(--toast-root-padding-inline-end, {spacing.200})',\n paddingTop: 'var(--toast-root-padding-bottom, {spacing.200})',\n paddingBottom: 'var(--toast-root-padding-bottom, {spacing.200})',\n borderRadius: 'var(--toast-root-radius, {radii.100})',\n boxShadow:\n 'var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))',\n\n // Colores base\n backgroundColor:\n 'var(--toast-root-background, {colors.neutral.background.1.enabled})',\n color:\n 'var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})',\n\n // Borde opcional (usando el selector [data-with-border] de Mantine)\n '&[data-with-border]': {\n borderWidth: 'var(--toast-root-border-width, {borders.100})',\n borderStyle: 'var(--toast-root-border-style, solid)',\n borderColor:\n 'var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})',\n },\n\n // Barra lateral de color (equivalente al ::before de Mantine)\n '&::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: 'var(--toast-root-bar-width, {sizes.50})',\n top: 'var(--toast-root-bar-top, {spacing.100})',\n bottom: 'var(--toast-root-bar-bottom, {spacing.100})',\n insetInlineStart: 'var(--toast-root-bar-inset-start, {spacing.100})',\n borderRadius: 'var(--toast-root-bar-radius, {radii.100})',\n backgroundColor:\n 'var(--toast-accent-color, {colors.primary.foreground.2.enabled})',\n },\n\n // Ocultar barra lateral cuando hay icono\n '&[data-with-icon]::before': {\n display: 'none',\n },\n\n // Separación entre notificaciones consecutivas\n '& + &': {\n marginTop: 'var(--toast-root-gap, {spacing.200})',\n },\n\n // Tipografía\n fontFamily: 'var(--toast-root-font-family, {fonts.base})',\n fontSize: 'var(--toast-root-font-size, {fontSizes.300})',\n fontWeight: 'var(--toast-root-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--toast-root-line-height, 1.4)',\n\n // Dimensiones (sin minHeight para permitir que Mantine colapse max-height en exit)\n width: 'var(--toast-root-width, 22.5rem)',\n maxWidth: '100%',\n },\n variants: {\n color: {\n green: {\n '--toast-accent-color':\n 'var(--toast-accent-green-color, {colors.success.foreground.1.enabled})',\n },\n red: {\n '--toast-accent-color':\n 'var(--toast-accent-red-color, {colors.danger.foreground.1.enabled})',\n },\n yellow: {\n '--toast-accent-color':\n 'var(--toast-accent-yellow-color, {colors.warning.foreground.1.enabled})',\n },\n blue: {\n '--toast-accent-color':\n 'var(--toast-accent-blue-color, {colors.primary.foreground.1.enabled})',\n },\n gray: {\n '--toast-accent-color':\n 'var(--toast-accent-gray-color, {colors.neutral.foreground.1.enabled})',\n },\n },\n },\n defaultVariants: {\n color: 'blue',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,SAAU,SACV,UAAW,aACX,SAAU,WACV,QAAS,OACT,WAAY,SACZ,mBAAoB,wDACpB,iBAAkB,sDAClB,WAAY,kDACZ,cAAe,kDACf,aAAc,wCACd,UACE,oGAGF,gBACE,sEACF,MACE,sEAGF,sBAAuB,CACrB,YAAa,gDACb,YAAa,wCACb,YACE,oEACH,CAGD,YAAa,CACX,QAAS,KACT,QAAS,QACT,SAAU,WACV,MAAO,0CACP,IAAK,2CACL,OAAQ,8CACR,iBAAkB,mDAClB,aAAc,4CACd,gBACE,mEACH,CAGD,4BAA6B,CAC3B,QAAS,OACV,CAGD,QAAS,CACP,UAAW,uCACZ,CAGD,WAAY,8CACZ,SAAU,+CACV,WAAY,uDACZ,WAAY,qCAGZ,MAAO,mCACP,SAAU,OACX,CACD,SAAU,CACR,MAAO,CACL,MAAO,CACL,uBACE,yEACH,CACD,IAAK,CACH,uBACE,sEACH,CACD,OAAQ,CACN,uBACE,0EACH,CACD,KAAM,CACJ,uBACE,wEACH,CACD,KAAM,CACJ,uBACE,wEACH,CACF,CACF,CACD,gBAAiB,CACf,MAAO,OACR,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__title`,jsx:[`Toast`],base:{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__title`,jsx:[`Toast`],base:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,marginBottom:`var(--toast-title-gap, {spacing.50})`,fontSize:`var(--toast-title-font-size, {fontSizes.300})`,lineHeight:`var(--toast-title-line-height, 1.2)`,fontWeight:`var(--toast-title-font-weight, {fontWeights.semiBold})`,color:`var(--toast-title-color, {colors.neutral.foreground.1.enabled})`},staticCss:[`*`]});export{t as toastTitle};
|
|
2
2
|
//# sourceMappingURL=toast-title.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastTitle = defineRecipe({\n className: 'toast__title',\n jsx: ['Toast'],\n base: {\n
|
|
1
|
+
{"version":3,"file":"toast-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastTitle = defineRecipe({\n className: 'toast__title',\n jsx: ['Toast'],\n base: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n marginBottom: 'var(--toast-title-gap, {spacing.50})',\n fontSize: 'var(--toast-title-font-size, {fontSizes.300})',\n lineHeight: 'var(--toast-title-line-height, 1.2)',\n fontWeight: 'var(--toast-title-font-weight, {fontWeights.semiBold})',\n color: 'var(--toast-title-color, {colors.neutral.foreground.1.enabled})',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,aAAc,WACd,WAAY,SACZ,aAAc,uCACd,SAAU,gDACV,WAAY,sCACZ,WAAY,yDACZ,MAAO,kEACR,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast`,jsx:[`Toast`],base:{"--toast-
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast`,jsx:[`Toast`],base:{"--toast-accent-color":`{colors.primary.foreground.2.enabled}`,"--toast-accent-green-color":`{colors.success.foreground.1.enabled}`,"--toast-accent-red-color":`{colors.danger.foreground.1.enabled}`,"--toast-accent-yellow-color":`{colors.warning.foreground.1.enabled}`,"--toast-accent-blue-color":`{colors.primary.foreground.1.enabled}`,"--toast-accent-gray-color":`{colors.neutral.foreground.1.enabled}`,"--toast-root-background":`{colors.neutral.background.1.enabled}`,"--toast-root-foreground":`{colors.neutral.foreground.1.enabled}`,"--toast-root-width":`22.5rem`,"--toast-root-font-family":`{fonts.base}`,"--toast-root-font-size":`{fontSizes.300}`,"--toast-root-font-weight":`{fontWeights.regular}`,"--toast-root-line-height":`1.4`,"--toast-root-padding-inline-start":`{spacing.400}`,"--toast-root-padding-inline-end":`{spacing.200}`,"--toast-root-padding-bottom":`{spacing.200}`,"--toast-root-radius":`{radii.100}`,"--toast-root-border-width":`{borders.100}`,"--toast-root-border-style":`solid`,"--toast-root-border-color":`{colors.neutral.stroke.1.enabled}`,"--toast-root-shadow":`0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)`,"--toast-root-bar-width":`{sizes.50}`,"--toast-root-bar-top":`{spacing.100}`,"--toast-root-bar-bottom":`{spacing.100}`,"--toast-root-bar-inset-start":`{spacing.100}`,"--toast-root-bar-radius":`{radii.100}`,"--toast-root-gap":`{spacing.200}`,"--toast-body-gap":`{spacing.300}`,"--toast-icon-size":`{sizes.300}`,"--toast-icon-gap":`{spacing.300}`,"--toast-icon-radius":`{radii.900}`,"--toast-icon-background":`transparent`,"--toast-icon-foreground":`var(--toast-accent-color)`,"--toast-loader-gap":`{spacing.200}`,"--toast-title-gap":`{spacing.50}`,"--toast-title-font-size":`{fontSizes.300}`,"--toast-title-line-height":`1.2`,"--toast-title-font-weight":`{fontWeights.semiBold}`,"--toast-title-color":`{colors.neutral.foreground.1.enabled}`,"--toast-description-font-size":`{fontSizes.300}`,"--toast-description-line-height":`1.4`,"--toast-description-color":`{colors.neutral.foreground.1.enabled}`,"--toast-description-color-with-title":`{colors.neutral.foreground.3.enabled}`,"--toast-close-button-size":`{sizes.200}`,"--toast-close-button-radius":`{radii.100}`,"--toast-close-button-foreground":`{colors.neutral.foreground.3.enabled}`,"--toast-close-button-background":`transparent`,"--toast-close-button-border":`none`,"--toast-close-button-transition":`{animations.300}`,"--toast-close-button-background-hovered":`{colors.neutral.background.1.hovered}`,"--toast-close-button-foreground-hovered":`{colors.neutral.foreground.3.hovered}`,"--toast-notifications-max-width":`22.5rem`,"--toast-notifications-position-top-center-top":`{spacing.400}`,"--toast-notifications-position-top-left-top":`{spacing.400}`,"--toast-notifications-position-top-left-left":`{spacing.400}`,"--toast-notifications-position-top-right-top":`{spacing.400}`,"--toast-notifications-position-top-right-right":`{spacing.400}`,"--toast-notifications-position-bottom-center-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-left":`{spacing.400}`,"--toast-notifications-position-bottom-right-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-right-right":`{spacing.400}`},staticCss:[`*`]});export{t as toast};
|
|
2
2
|
//# sourceMappingURL=toast.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toast = defineRecipe({\n className: 'toast',\n jsx: ['Toast'],\n base: {\n '--toast-
|
|
1
|
+
{"version":3,"file":"toast.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toast = defineRecipe({\n className: 'toast',\n jsx: ['Toast'],\n base: {\n // color variants\n '--toast-accent-color': '{colors.primary.foreground.2.enabled}',\n '--toast-accent-green-color': '{colors.success.foreground.1.enabled}',\n '--toast-accent-red-color': '{colors.danger.foreground.1.enabled}',\n '--toast-accent-yellow-color': '{colors.warning.foreground.1.enabled}',\n '--toast-accent-blue-color': '{colors.primary.foreground.1.enabled}',\n '--toast-accent-gray-color': '{colors.neutral.foreground.1.enabled}',\n\n // root variables\n '--toast-root-background': '{colors.neutral.background.1.enabled}',\n '--toast-root-foreground': '{colors.neutral.foreground.1.enabled}',\n '--toast-root-width': '22.5rem',\n '--toast-root-font-family': '{fonts.base}',\n '--toast-root-font-size': '{fontSizes.300}',\n '--toast-root-font-weight': '{fontWeights.regular}',\n '--toast-root-line-height': '1.4',\n\n // root padding\n '--toast-root-padding-inline-start': '{spacing.400}',\n '--toast-root-padding-inline-end': '{spacing.200}',\n '--toast-root-padding-bottom': '{spacing.200}',\n\n // root border\n '--toast-root-radius': '{radii.100}',\n '--toast-root-border-width': '{borders.100}',\n '--toast-root-border-style': 'solid',\n '--toast-root-border-color': '{colors.neutral.stroke.1.enabled}',\n\n // root shadow\n '--toast-root-shadow':\n '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n\n // root bar\n '--toast-root-bar-width': '{sizes.50}',\n '--toast-root-bar-top': '{spacing.100}',\n '--toast-root-bar-bottom': '{spacing.100}',\n '--toast-root-bar-inset-start': '{spacing.100}',\n '--toast-root-bar-radius': '{radii.100}',\n\n // root gap\n '--toast-root-gap': '{spacing.200}',\n\n // body\n '--toast-body-gap': '{spacing.300}',\n\n // icon\n '--toast-icon-size': '{sizes.300}',\n '--toast-icon-gap': '{spacing.300}',\n '--toast-icon-radius': '{radii.900}',\n '--toast-icon-background': 'transparent',\n '--toast-icon-foreground': 'var(--toast-accent-color)',\n\n // loader\n '--toast-loader-gap': '{spacing.200}',\n\n // title\n '--toast-title-gap': '{spacing.50}',\n '--toast-title-font-size': '{fontSizes.300}',\n '--toast-title-line-height': '1.2',\n '--toast-title-font-weight': '{fontWeights.semiBold}',\n '--toast-title-color': '{colors.neutral.foreground.1.enabled}',\n\n // description\n '--toast-description-font-size': '{fontSizes.300}',\n '--toast-description-line-height': '1.4',\n '--toast-description-color': '{colors.neutral.foreground.1.enabled}',\n '--toast-description-color-with-title':\n '{colors.neutral.foreground.3.enabled}',\n\n // close button\n '--toast-close-button-size': '{sizes.200}',\n '--toast-close-button-radius': '{radii.100}',\n '--toast-close-button-foreground': '{colors.neutral.foreground.3.enabled}',\n '--toast-close-button-background': 'transparent',\n '--toast-close-button-border': 'none',\n '--toast-close-button-transition': '{animations.300}',\n '--toast-close-button-background-hovered':\n '{colors.neutral.background.1.hovered}',\n '--toast-close-button-foreground-hovered':\n '{colors.neutral.foreground.3.hovered}',\n\n // notifications container\n '--toast-notifications-max-width': '22.5rem',\n\n // notifications positions\n '--toast-notifications-position-top-center-top': '{spacing.400}',\n '--toast-notifications-position-top-left-top': '{spacing.400}',\n '--toast-notifications-position-top-left-left': '{spacing.400}',\n '--toast-notifications-position-top-right-top': '{spacing.400}',\n '--toast-notifications-position-top-right-right': '{spacing.400}',\n '--toast-notifications-position-bottom-center-bottom': '{spacing.400}',\n '--toast-notifications-position-bottom-left-bottom': '{spacing.400}',\n '--toast-notifications-position-bottom-left-left': '{spacing.400}',\n '--toast-notifications-position-bottom-right-bottom': '{spacing.400}',\n '--toast-notifications-position-bottom-right-right': '{spacing.400}',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,uBAAwB,wCACxB,6BAA8B,wCAC9B,2BAA4B,uCAC5B,8BAA+B,wCAC/B,4BAA6B,wCAC7B,4BAA6B,wCAG7B,0BAA2B,wCAC3B,0BAA2B,wCAC3B,qBAAsB,UACtB,2BAA4B,eAC5B,yBAA0B,kBAC1B,2BAA4B,wBAC5B,2BAA4B,MAG5B,oCAAqC,gBACrC,kCAAmC,gBACnC,8BAA+B,gBAG/B,sBAAuB,cACvB,4BAA6B,gBAC7B,4BAA6B,QAC7B,4BAA6B,oCAG7B,sBACE,0EAGF,yBAA0B,aAC1B,uBAAwB,gBACxB,0BAA2B,gBAC3B,+BAAgC,gBAChC,0BAA2B,cAG3B,mBAAoB,gBAGpB,mBAAoB,gBAGpB,oBAAqB,cACrB,mBAAoB,gBACpB,sBAAuB,cACvB,0BAA2B,cAC3B,0BAA2B,4BAG3B,qBAAsB,gBAGtB,oBAAqB,eACrB,0BAA2B,kBAC3B,4BAA6B,MAC7B,4BAA6B,yBAC7B,sBAAuB,wCAGvB,gCAAiC,kBACjC,kCAAmC,MACnC,4BAA6B,wCAC7B,uCACE,wCAGF,4BAA6B,cAC7B,8BAA+B,cAC/B,kCAAmC,wCACnC,kCAAmC,cACnC,8BAA+B,OAC/B,kCAAmC,mBACnC,0CACE,wCACF,0CACE,wCAGF,kCAAmC,UAGnC,gDAAiD,gBACjD,8CAA+C,gBAC/C,+CAAgD,gBAChD,+CAAgD,gBAChD,iDAAkD,gBAClD,sDAAuD,gBACvD,oDAAqD,gBACrD,kDAAmD,gBACnD,qDAAsD,gBACtD,oDAAqD,gBACtD,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|