@mage-ui/preset 1.0.96 → 1.0.97
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/modal/modal-body.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-body.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-close.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-close.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-content.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-content.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-footer.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-footer.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-inner.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-inner.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-overlay.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-overlay.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-title.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-title.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal.mjs +1 -1
- package/dist/recipes/overlays/modal/modal.mjs.map +1 -1
- package/dist/recipes/overlays/modal-alert/modal-alert.mjs +1 -1
- package/dist/recipes/overlays/modal-alert/modal-alert.mjs.map +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm.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:`modal__body`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-body-gap, {spacing.600})`,paddingInlineStart:`var(--modal-body-padding-inline-start, {spacing.0})`,paddingInlineEnd:`var(--modal-body-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-body-padding-block-start, {spacing.500})`,paddingBlockEnd:`var(--modal-body-padding-block-end, {spacing.500})`}});export{t as modalBody};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__body`,jsx:[`Modal`],base:{fontFamily:`var(--modal-body-font-family, {fonts.base})`,fontSize:`var(--modal-body-font-size, {fontSizes.300})`,fontWeight:`var(--modal-body-font-weight, {fontWeights.regular})`,color:`var(--modal-body-foreground, {colors.neutral.foreground.1.enabled})`,display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-body-gap, {spacing.600})`,paddingInlineStart:`var(--modal-body-padding-inline-start, {spacing.0})`,paddingInlineEnd:`var(--modal-body-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-body-padding-block-start, {spacing.500})`,paddingBlockEnd:`var(--modal-body-padding-block-end, {spacing.500})`}});export{t as modalBody};
|
|
2
2
|
//# sourceMappingURL=modal-body.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalBody = defineRecipe({\n className: 'modal__body',\n jsx: ['Modal'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--modal-body-gap, {spacing.600})',\n paddingInlineStart: 'var(--modal-body-padding-inline-start, {spacing.0})',\n paddingInlineEnd: 'var(--modal-body-padding-inline-end, {spacing.500})',\n paddingBlockStart: 'var(--modal-body-padding-block-start, {spacing.500})',\n paddingBlockEnd: 'var(--modal-body-padding-block-end, {spacing.500})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,uCACL,mBAAoB,sDACpB,iBAAkB,sDAClB,kBAAmB,uDACnB,gBAAiB,qDAClB,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalBody = defineRecipe({\n className: 'modal__body',\n jsx: ['Modal'],\n base: {\n fontFamily: 'var(--modal-body-font-family, {fonts.base})',\n fontSize: 'var(--modal-body-font-size, {fontSizes.300})',\n fontWeight: 'var(--modal-body-font-weight, {fontWeights.regular})',\n color:\n 'var(--modal-body-foreground, {colors.neutral.foreground.1.enabled})',\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--modal-body-gap, {spacing.600})',\n paddingInlineStart: 'var(--modal-body-padding-inline-start, {spacing.0})',\n paddingInlineEnd: 'var(--modal-body-padding-inline-end, {spacing.500})',\n paddingBlockStart: 'var(--modal-body-padding-block-start, {spacing.500})',\n paddingBlockEnd: 'var(--modal-body-padding-block-end, {spacing.500})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,8CACZ,SAAU,+CACV,WAAY,uDACZ,MACE,sEACF,QAAS,OACT,oBAAqB,iBACrB,IAAK,uCACL,mBAAoB,sDACpB,iBAAkB,sDAClB,kBAAmB,uDACnB,gBAAiB,qDAClB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__close`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-close-background, transparent)`,color:`var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--modal-close-font-size, {fontSizes.300})`,alignSelf:`flex-start`,display:`flex`,justifyContent:`center`,alignItems:`center`,position:`relative`,width:`var(--modal-close-size, {sizes.500})`,height:`var(--modal-close-size, {sizes.500})`,minWidth:`var(--modal-close-size, {sizes.500})`,minHeight:`var(--modal-close-size, {sizes.500})`,borderWidth:`var(--modal-close-border-width, {borders.0})`,borderStyle:`var(--modal-close-border-style, solid)`,borderColor:`var(--modal-close-border-color, transparent)`,padding:`var(--modal-close-padding)`,borderRadius:`var(--modal-close-radii, {radii.100})`,cursor:`pointer`,userSelect:`none`,appearance:`none`,touchAction:`manipulation`,_hover:{backgroundColor:`var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`}}});export{t as modalClose};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__close`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-close-background, transparent)`,color:`var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--modal-close-font-size, {fontSizes.300})`,alignSelf:`flex-start`,display:`flex`,justifyContent:`center`,alignItems:`center`,position:`relative`,width:`var(--modal-close-size, {sizes.500})`,height:`var(--modal-close-size, {sizes.500})`,minWidth:`var(--modal-close-size, {sizes.500})`,minHeight:`var(--modal-close-size, {sizes.500})`,borderWidth:`var(--modal-close-border-width, {borders.0})`,borderStyle:`var(--modal-close-border-style, solid)`,borderColor:`var(--modal-close-border-color, transparent)`,padding:`var(--modal-close-padding, {spacing.0})`,borderRadius:`var(--modal-close-radii, {radii.100})`,cursor:`pointer`,userSelect:`none`,appearance:`none`,touchAction:`manipulation`,_hover:{backgroundColor:`var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`}}});export{t as modalClose};
|
|
2
2
|
//# sourceMappingURL=modal-close.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-close.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-close.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalClose = defineRecipe({\n className: 'modal__close',\n jsx: ['Modal'],\n base: {\n backgroundColor: 'var(--modal-close-background, transparent)',\n color:\n 'var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})',\n fontSize: 'var(--modal-close-font-size, {fontSizes.300})',\n alignSelf: 'flex-start',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n width: 'var(--modal-close-size, {sizes.500})',\n height: 'var(--modal-close-size, {sizes.500})',\n minWidth: 'var(--modal-close-size, {sizes.500})',\n minHeight: 'var(--modal-close-size, {sizes.500})',\n borderWidth: 'var(--modal-close-border-width, {borders.0})',\n borderStyle: 'var(--modal-close-border-style, solid)',\n borderColor: 'var(--modal-close-border-color, transparent)',\n padding: 'var(--modal-close-padding)',\n borderRadius: 'var(--modal-close-radii, {radii.100})',\n cursor: 'pointer',\n userSelect: 'none',\n appearance: 'none',\n touchAction: 'manipulation',\n _hover: {\n backgroundColor:\n 'var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})',\n color:\n 'var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,6CACjB,MACE,uEACF,SAAU,gDACV,UAAW,aACX,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,WACV,MAAO,uCACP,OAAQ,uCACR,SAAU,uCACV,UAAW,uCACX,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,QAAS,
|
|
1
|
+
{"version":3,"file":"modal-close.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-close.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalClose = defineRecipe({\n className: 'modal__close',\n jsx: ['Modal'],\n base: {\n backgroundColor: 'var(--modal-close-background, transparent)',\n color:\n 'var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})',\n fontSize: 'var(--modal-close-font-size, {fontSizes.300})',\n alignSelf: 'flex-start',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n width: 'var(--modal-close-size, {sizes.500})',\n height: 'var(--modal-close-size, {sizes.500})',\n minWidth: 'var(--modal-close-size, {sizes.500})',\n minHeight: 'var(--modal-close-size, {sizes.500})',\n borderWidth: 'var(--modal-close-border-width, {borders.0})',\n borderStyle: 'var(--modal-close-border-style, solid)',\n borderColor: 'var(--modal-close-border-color, transparent)',\n padding: 'var(--modal-close-padding, {spacing.0})',\n borderRadius: 'var(--modal-close-radii, {radii.100})',\n cursor: 'pointer',\n userSelect: 'none',\n appearance: 'none',\n touchAction: 'manipulation',\n _hover: {\n backgroundColor:\n 'var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})',\n color:\n 'var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,6CACjB,MACE,uEACF,SAAU,gDACV,UAAW,aACX,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,WACV,MAAO,uCACP,OAAQ,uCACR,SAAU,uCACV,UAAW,uCACX,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,QAAS,0CACT,aAAc,wCACd,OAAQ,UACR,WAAY,OACZ,WAAY,OACZ,YAAa,eACb,OAAQ,CACN,gBACE,+EACF,MACE,+EACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__content`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-content-gap, var(--modal-body-gap, {spacing.500}))`,backgroundColor:`var(--modal-content-background, {colors.neutral.background.1.enabled})`,flex:`var(--modal-content-flex, 0 0 var(--modal-size))`,width:`var(--modal-content-width, var(--modal-size))`,height:`var(--modal-content-height, auto)`,minWidth:`var(--modal-content-min-width, 33.75rem)`,maxWidth:`var(--modal-content-max-width, 33.75rem)`,maxHeight:`var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,overflowY:`auto`,borderRadius:`var(--modal-content-radii, {radii.200})`,borderWidth:`var(--modal-content-border-width, {borders.100})`,borderStyle:`var(--modal-content-border-style, solid)`,borderColor:`var(--modal-content-border-color)`,boxShadow:`var(--modal-content-shadow, none)`,touchAction:`manipulation`,pointerEvents:`all`,scrollbarWidth:`var(--modal-content-scrollbar-width, thin)`,scrollbarColor:`var(--modal-content-scrollbar-color, {colors.neutral.background.4.enabled} transparent)`,"&::-webkit-scrollbar":{height:`var(--modal-content-scrollbar-height, {sizes.100})`,backgroundColor:`var(--modal-content-scrollbar-track-color, transparent)`,borderRadius:`var(--modal-content-scrollbar-track-border-radius, {radii.100})`},"&::-webkit-scrollbar-thumb":{backgroundColor:`var(--modal-content-scrollbar-thumb-color, {colors.neutral.background.4.enabled})`,borderRadius:`var(--modal-content-scrollbar-thumb-border-radius, {radii.100})`,transition:`var(--modal-content-scrollbar-thumb-transition, {animations.200})`},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:`var(--modal-content-scrollbar-thumb-hover-color, {colors.neutral.background.5.enabled})`},"&::-webkit-scrollbar-track":{backgroundColor:`var(--modal-content-scrollbar-track-color, transparent)`,borderRadius:`var(--modal-content-scrollbar-track-border-radius, {radii.100})`},"&::-webkit-scrollbar-track:hover":{backgroundColor:`var(--modal-content-scrollbar-track-color, transparent)`}}});export{t as modalContent};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__content`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-content-gap, var(--modal-body-gap, {spacing.500}))`,backgroundColor:`var(--modal-content-background, {colors.neutral.background.1.enabled})`,flex:`var(--modal-content-flex, 0 0 var(--modal-size))`,width:`var(--modal-content-width, var(--modal-size))`,height:`var(--modal-content-height, auto)`,minWidth:`var(--modal-content-min-width, 33.75rem)`,maxWidth:`var(--modal-content-max-width, 33.75rem)`,maxHeight:`var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,overflowY:`auto`,borderRadius:`var(--modal-content-radii, {radii.200})`,borderWidth:`var(--modal-content-border-width, {borders.100})`,borderStyle:`var(--modal-content-border-style, solid)`,borderColor:`var(--modal-content-border-color, {colors.neutral.stroke.7.enabled})`,boxShadow:`var(--modal-content-shadow, none)`,touchAction:`manipulation`,pointerEvents:`all`,scrollbarWidth:`var(--modal-content-scrollbar-width, thin)`,scrollbarColor:`var(--modal-content-scrollbar-color, {colors.neutral.background.4.enabled} transparent)`,"&::-webkit-scrollbar":{height:`var(--modal-content-scrollbar-height, {sizes.100})`,backgroundColor:`var(--modal-content-scrollbar-track-color, transparent)`,borderRadius:`var(--modal-content-scrollbar-track-border-radius, {radii.100})`},"&::-webkit-scrollbar-thumb":{backgroundColor:`var(--modal-content-scrollbar-thumb-color, {colors.neutral.background.4.enabled})`,borderRadius:`var(--modal-content-scrollbar-thumb-border-radius, {radii.100})`,transition:`var(--modal-content-scrollbar-thumb-transition, {animations.200})`},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:`var(--modal-content-scrollbar-thumb-hover-color, {colors.neutral.background.5.enabled})`},"&::-webkit-scrollbar-track":{backgroundColor:`var(--modal-content-scrollbar-track-color, transparent)`,borderRadius:`var(--modal-content-scrollbar-track-border-radius, {radii.100})`},"&::-webkit-scrollbar-track:hover":{backgroundColor:`var(--modal-content-scrollbar-track-color, transparent)`}}});export{t as modalContent};
|
|
2
2
|
//# sourceMappingURL=modal-content.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-content.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalContent = defineRecipe({\n className: 'modal__content',\n jsx: ['Modal'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--modal-content-gap, var(--modal-body-gap, {spacing.500}))',\n backgroundColor:\n 'var(--modal-content-background, {colors.neutral.background.1.enabled})',\n flex: 'var(--modal-content-flex, 0 0 var(--modal-size))',\n width: 'var(--modal-content-width, var(--modal-size))',\n height: 'var(--modal-content-height, auto)',\n minWidth: 'var(--modal-content-min-width, 33.75rem)',\n maxWidth: 'var(--modal-content-max-width, 33.75rem)',\n maxHeight:\n 'var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n overflowY: 'auto',\n borderRadius: 'var(--modal-content-radii, {radii.200})',\n borderWidth: 'var(--modal-content-border-width, {borders.100})',\n borderStyle: 'var(--modal-content-border-style, solid)',\n borderColor
|
|
1
|
+
{"version":3,"file":"modal-content.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-content.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalContent = defineRecipe({\n className: 'modal__content',\n jsx: ['Modal'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--modal-content-gap, var(--modal-body-gap, {spacing.500}))',\n backgroundColor:\n 'var(--modal-content-background, {colors.neutral.background.1.enabled})',\n flex: 'var(--modal-content-flex, 0 0 var(--modal-size))',\n width: 'var(--modal-content-width, var(--modal-size))',\n height: 'var(--modal-content-height, auto)',\n minWidth: 'var(--modal-content-min-width, 33.75rem)',\n maxWidth: 'var(--modal-content-max-width, 33.75rem)',\n maxHeight:\n 'var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n overflowY: 'auto',\n borderRadius: 'var(--modal-content-radii, {radii.200})',\n borderWidth: 'var(--modal-content-border-width, {borders.100})',\n borderStyle: 'var(--modal-content-border-style, solid)',\n borderColor:\n 'var(--modal-content-border-color, {colors.neutral.stroke.7.enabled})',\n boxShadow: 'var(--modal-content-shadow, none)',\n touchAction: 'manipulation',\n pointerEvents: 'all',\n\n scrollbarWidth: 'var(--modal-content-scrollbar-width, thin)',\n scrollbarColor:\n 'var(--modal-content-scrollbar-color, {colors.neutral.background.4.enabled} transparent)',\n\n '&::-webkit-scrollbar': {\n height: 'var(--modal-content-scrollbar-height, {sizes.100})',\n backgroundColor:\n 'var(--modal-content-scrollbar-track-color, transparent)',\n borderRadius:\n 'var(--modal-content-scrollbar-track-border-radius, {radii.100})',\n },\n\n '&::-webkit-scrollbar-thumb': {\n backgroundColor:\n 'var(--modal-content-scrollbar-thumb-color, {colors.neutral.background.4.enabled})',\n borderRadius:\n 'var(--modal-content-scrollbar-thumb-border-radius, {radii.100})',\n transition:\n 'var(--modal-content-scrollbar-thumb-transition, {animations.200})',\n },\n\n '&::-webkit-scrollbar-thumb:hover': {\n backgroundColor:\n 'var(--modal-content-scrollbar-thumb-hover-color, {colors.neutral.background.5.enabled})',\n },\n\n '&::-webkit-scrollbar-track': {\n backgroundColor:\n 'var(--modal-content-scrollbar-track-color, transparent)',\n borderRadius:\n 'var(--modal-content-scrollbar-track-border-radius, {radii.100})',\n },\n\n '&::-webkit-scrollbar-track:hover': {\n backgroundColor:\n 'var(--modal-content-scrollbar-track-color, transparent)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,iEACL,gBACE,yEACF,KAAM,mDACN,MAAO,gDACP,OAAQ,oCACR,SAAU,2CACV,SAAU,2CACV,UACE,4EACF,UAAW,OACX,aAAc,0CACd,YAAa,mDACb,YAAa,2CACb,YACE,uEACF,UAAW,oCACX,YAAa,eACb,cAAe,MAEf,eAAgB,6CAChB,eACE,0FAEF,uBAAwB,CACtB,OAAQ,qDACR,gBACE,0DACF,aACE,kEACH,CAED,6BAA8B,CAC5B,gBACE,oFACF,aACE,kEACF,WACE,oEACH,CAED,mCAAoC,CAClC,gBACE,0FACH,CAED,6BAA8B,CAC5B,gBACE,0DACF,aACE,kEACH,CAED,mCAAoC,CAClC,gBACE,0DACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__footer`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-footer-background, transparent)`,display:`flex`,justifyContent:`var(--modal-footer-justify-content, flex-end)`,alignItems:`center`,gap:`var(--modal-footer-gap, {spacing.400})`,paddingInlineStart:`var(--modal-footer-padding-inline-start, {spacing.500})`,paddingInlineEnd:`var(--modal-footer-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-footer-padding-block-start, {spacing.300})`,paddingBlockEnd:`var(--modal-footer-padding-block-end, {spacing.500})`,minHeight:`var(--modal-footer-min-height, unset)`,borderEndStartRadius:`var(--modal-content-radii, {radii.200})`,borderEndEndRadius:`var(--modal-content-radii, {radii.200})`,borderTopWidth:`var(--modal-footer-border-top-width, {borders.0})`,borderTopStyle:`var(--modal-footer-border-top-style, solid)`,borderTopColor:`var(--modal-footer-border-top-color, transparent)`,zIndex:`var(--modal-inner-zindex)`}});export{t as modalFooter};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__footer`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-footer-background, transparent)`,display:`flex`,justifyContent:`var(--modal-footer-justify-content, flex-end)`,alignItems:`center`,gap:`var(--modal-footer-gap, {spacing.400})`,paddingInlineStart:`var(--modal-footer-padding-inline-start, {spacing.500})`,paddingInlineEnd:`var(--modal-footer-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-footer-padding-block-start, {spacing.300})`,paddingBlockEnd:`var(--modal-footer-padding-block-end, {spacing.500})`,minHeight:`var(--modal-footer-min-height, unset)`,borderEndStartRadius:`var(--modal-content-radii, {radii.200})`,borderEndEndRadius:`var(--modal-content-radii, {radii.200})`,borderTopWidth:`var(--modal-footer-border-top-width, {borders.0})`,borderTopStyle:`var(--modal-footer-border-top-style, solid)`,borderTopColor:`var(--modal-footer-border-top-color, transparent)`,zIndex:`var(--modal-inner-zindex, 101)`}});export{t as modalFooter};
|
|
2
2
|
//# sourceMappingURL=modal-footer.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-footer.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-footer.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalFooter = defineRecipe({\n className: 'modal__footer',\n jsx: ['Modal'],\n base: {\n backgroundColor: 'var(--modal-footer-background, transparent)',\n display: 'flex',\n justifyContent: 'var(--modal-footer-justify-content, flex-end)',\n alignItems: 'center',\n gap: 'var(--modal-footer-gap, {spacing.400})',\n paddingInlineStart:\n 'var(--modal-footer-padding-inline-start, {spacing.500})',\n paddingInlineEnd: 'var(--modal-footer-padding-inline-end, {spacing.500})',\n paddingBlockStart: 'var(--modal-footer-padding-block-start, {spacing.300})',\n paddingBlockEnd: 'var(--modal-footer-padding-block-end, {spacing.500})',\n minHeight: 'var(--modal-footer-min-height, unset)',\n borderEndStartRadius: 'var(--modal-content-radii, {radii.200})',\n borderEndEndRadius: 'var(--modal-content-radii, {radii.200})',\n borderTopWidth: 'var(--modal-footer-border-top-width, {borders.0})',\n borderTopStyle: 'var(--modal-footer-border-top-style, solid)',\n borderTopColor: 'var(--modal-footer-border-top-color, transparent)',\n zIndex: 'var(--modal-inner-zindex)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,8CACjB,QAAS,OACT,eAAgB,gDAChB,WAAY,SACZ,IAAK,yCACL,mBACE,0DACF,iBAAkB,wDAClB,kBAAmB,yDACnB,gBAAiB,uDACjB,UAAW,wCACX,qBAAsB,0CACtB,mBAAoB,0CACpB,eAAgB,oDAChB,eAAgB,8CAChB,eAAgB,oDAChB,OAAQ,
|
|
1
|
+
{"version":3,"file":"modal-footer.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-footer.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalFooter = defineRecipe({\n className: 'modal__footer',\n jsx: ['Modal'],\n base: {\n backgroundColor: 'var(--modal-footer-background, transparent)',\n display: 'flex',\n justifyContent: 'var(--modal-footer-justify-content, flex-end)',\n alignItems: 'center',\n gap: 'var(--modal-footer-gap, {spacing.400})',\n paddingInlineStart:\n 'var(--modal-footer-padding-inline-start, {spacing.500})',\n paddingInlineEnd: 'var(--modal-footer-padding-inline-end, {spacing.500})',\n paddingBlockStart: 'var(--modal-footer-padding-block-start, {spacing.300})',\n paddingBlockEnd: 'var(--modal-footer-padding-block-end, {spacing.500})',\n minHeight: 'var(--modal-footer-min-height, unset)',\n borderEndStartRadius: 'var(--modal-content-radii, {radii.200})',\n borderEndEndRadius: 'var(--modal-content-radii, {radii.200})',\n borderTopWidth: 'var(--modal-footer-border-top-width, {borders.0})',\n borderTopStyle: 'var(--modal-footer-border-top-style, solid)',\n borderTopColor: 'var(--modal-footer-border-top-color, transparent)',\n zIndex: 'var(--modal-inner-zindex, 101)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,8CACjB,QAAS,OACT,eAAgB,gDAChB,WAAY,SACZ,IAAK,yCACL,mBACE,0DACF,iBAAkB,wDAClB,kBAAmB,yDACnB,gBAAiB,uDACjB,UAAW,wCACX,qBAAsB,0CACtB,mBAAoB,0CACpB,eAAgB,oDAChB,eAAgB,8CAChB,eAAgB,oDAChB,OAAQ,iCACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__inner`,jsx:[`Modal`],base:{display:`flex`,justifyContent:`center`,alignItems:`var(--modal-inner-align, flex-start)`,paddingBlockStart:`var(--modal-inner-y-offset, var(--modal-y-offset))`,paddingBlockEnd:`var(--modal-inner-y-offset, var(--modal-y-offset))`,paddingInline:`var(--modal-inner-x-offset, var(--modal-x-offset))`,position:`fixed`,width:`100%`,top:`0`,bottom:`0`,zIndex:`var(--modal-inner-zindex)`,pointerEvents:`none`,boxSizing:`border-box`,"[data-centered] &":{alignItems:`center`}}});export{t as modalInner};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__inner`,jsx:[`Modal`],base:{display:`flex`,justifyContent:`center`,alignItems:`var(--modal-inner-align, flex-start)`,paddingBlockStart:`var(--modal-inner-y-offset, var(--modal-y-offset))`,paddingBlockEnd:`var(--modal-inner-y-offset, var(--modal-y-offset))`,paddingInline:`var(--modal-inner-x-offset, var(--modal-x-offset))`,position:`fixed`,width:`100%`,top:`0`,bottom:`0`,zIndex:`var(--modal-inner-zindex, 101)`,pointerEvents:`none`,boxSizing:`border-box`,"[data-centered] &":{alignItems:`center`}}});export{t as modalInner};
|
|
2
2
|
//# sourceMappingURL=modal-inner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalInner = defineRecipe({\n className: 'modal__inner',\n jsx: ['Modal'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'var(--modal-inner-align, flex-start)',\n paddingBlockStart: 'var(--modal-inner-y-offset, var(--modal-y-offset))',\n paddingBlockEnd: 'var(--modal-inner-y-offset, var(--modal-y-offset))',\n paddingInline: 'var(--modal-inner-x-offset, var(--modal-x-offset))',\n position: 'fixed',\n width: '100%',\n top: '0',\n bottom: '0',\n zIndex: 'var(--modal-inner-zindex)',\n pointerEvents: 'none',\n boxSizing: 'border-box',\n\n '[data-centered] &': {\n alignItems: 'center',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,uCACZ,kBAAmB,qDACnB,gBAAiB,qDACjB,cAAe,qDACf,SAAU,QACV,MAAO,OACP,IAAK,IACL,OAAQ,IACR,OAAQ,
|
|
1
|
+
{"version":3,"file":"modal-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalInner = defineRecipe({\n className: 'modal__inner',\n jsx: ['Modal'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'var(--modal-inner-align, flex-start)',\n paddingBlockStart: 'var(--modal-inner-y-offset, var(--modal-y-offset))',\n paddingBlockEnd: 'var(--modal-inner-y-offset, var(--modal-y-offset))',\n paddingInline: 'var(--modal-inner-x-offset, var(--modal-x-offset))',\n position: 'fixed',\n width: '100%',\n top: '0',\n bottom: '0',\n zIndex: 'var(--modal-inner-zindex, 101)',\n pointerEvents: 'none',\n boxSizing: 'border-box',\n\n '[data-centered] &': {\n alignItems: 'center',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,uCACZ,kBAAmB,qDACnB,gBAAiB,qDACjB,cAAe,qDACf,SAAU,QACV,MAAO,OACP,IAAK,IACL,OAAQ,IACR,OAAQ,iCACR,cAAe,OACf,UAAW,aAEX,oBAAqB,CACnB,WAAY,SACb,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__overlay`,jsx:[`Modal`],base:{inset:`0`,position:`absolute`,background:`var(--modal-overlay-background, rgba(0, 0, 0, .5))`,backdropFilter:`var(--modal-overlay-filter, blur(10px))`,borderRadius:`var(--modal-overlay-radius, 0)`,zIndex:`var(--modal-overlay-zindex)`,"&:where([data-fixed])":{position:`fixed`}},staticCss:[`*`]});export{t as modalOverlay};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__overlay`,jsx:[`Modal`],base:{inset:`0`,position:`absolute`,background:`var(--modal-overlay-background, rgba(0, 0, 0, .5))`,backdropFilter:`var(--modal-overlay-filter, blur(10px))`,borderRadius:`var(--modal-overlay-radius, 0)`,zIndex:`var(--modal-overlay-zindex, 100)`,"&:where([data-fixed])":{position:`fixed`}},staticCss:[`*`]});export{t as modalOverlay};
|
|
2
2
|
//# sourceMappingURL=modal-overlay.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-overlay.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-overlay.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalOverlay = defineRecipe({\n className: 'modal__overlay',\n jsx: ['Modal'],\n base: {\n inset: '0',\n position: 'absolute',\n background: 'var(--modal-overlay-background, rgba(0, 0, 0, .5))',\n backdropFilter: 'var(--modal-overlay-filter, blur(10px))',\n borderRadius: 'var(--modal-overlay-radius, 0)',\n zIndex: 'var(--modal-overlay-zindex)',\n '&:where([data-fixed])': {\n position: 'fixed',\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,MAAO,IACP,SAAU,WACV,WAAY,qDACZ,eAAgB,0CAChB,aAAc,iCACd,OAAQ,
|
|
1
|
+
{"version":3,"file":"modal-overlay.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-overlay.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalOverlay = defineRecipe({\n className: 'modal__overlay',\n jsx: ['Modal'],\n base: {\n inset: '0',\n position: 'absolute',\n background: 'var(--modal-overlay-background, rgba(0, 0, 0, .5))',\n backdropFilter: 'var(--modal-overlay-filter, blur(10px))',\n borderRadius: 'var(--modal-overlay-radius, 0)',\n zIndex: 'var(--modal-overlay-zindex, 100)',\n '&:where([data-fixed])': {\n position: 'fixed',\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,MAAO,IACP,SAAU,WACV,WAAY,qDACZ,eAAgB,0CAChB,aAAc,iCACd,OAAQ,mCACR,wBAAyB,CACvB,SAAU,QACX,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__title`,jsx:[`Modal`],base:{fontFamily:`var(--modal-title-font-family, {fonts.base})`,fontSize:`var(--modal-title-font-size, {fontSizes.700})`,fontWeight:`var(--modal-title-font-weight, {fontWeights.bold})`,lineHeight:`var(--modal-title-line-height, {lineHeights.700})`,color:`var(--modal-title-
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__title`,jsx:[`Modal`],base:{fontFamily:`var(--modal-title-font-family, {fonts.base})`,fontSize:`var(--modal-title-font-size, {fontSizes.700})`,fontWeight:`var(--modal-title-font-weight, {fontWeights.bold})`,lineHeight:`var(--modal-title-line-height, {lineHeights.700})`,color:`var(--modal-title-foreground, {colors.neutral.foreground.1.enabled})`,display:`flex`,alignItems:`center`,gap:`var(--modal-title-gap, {spacing.200})`,paddingInline:`var(--modal-title-padding-inline, {spacing.0})`,paddingBlock:`var(--modal-title-padding-block, {spacing.0})`,marginInline:`var(--modal-title-margin-inline, {spacing.0})`,marginBlock:`var(--modal-title-margin-block, {spacing.0})`}});export{t as modalTitle};
|
|
2
2
|
//# sourceMappingURL=modal-title.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalTitle = defineRecipe({\n className: 'modal__title',\n jsx: ['Modal'],\n base: {\n fontFamily: 'var(--modal-title-font-family, {fonts.base})',\n fontSize: 'var(--modal-title-font-size, {fontSizes.700})',\n fontWeight: 'var(--modal-title-font-weight, {fontWeights.bold})',\n lineHeight: 'var(--modal-title-line-height, {lineHeights.700})',\n color
|
|
1
|
+
{"version":3,"file":"modal-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalTitle = defineRecipe({\n className: 'modal__title',\n jsx: ['Modal'],\n base: {\n fontFamily: 'var(--modal-title-font-family, {fonts.base})',\n fontSize: 'var(--modal-title-font-size, {fontSizes.700})',\n fontWeight: 'var(--modal-title-font-weight, {fontWeights.bold})',\n lineHeight: 'var(--modal-title-line-height, {lineHeights.700})',\n color:\n 'var(--modal-title-foreground, {colors.neutral.foreground.1.enabled})',\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--modal-title-gap, {spacing.200})',\n paddingInline: 'var(--modal-title-padding-inline, {spacing.0})',\n paddingBlock: 'var(--modal-title-padding-block, {spacing.0})',\n marginInline: 'var(--modal-title-margin-inline, {spacing.0})',\n marginBlock: 'var(--modal-title-margin-block, {spacing.0})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,+CACZ,SAAU,gDACV,WAAY,qDACZ,WAAY,oDACZ,MACE,uEACF,QAAS,OACT,WAAY,SACZ,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,aAAc,gDACd,YAAa,+CACd,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal`,jsx:[`Modal`],base:{"--modal-y-offset":`4dvh`,"--modal-x-offset":`4vw`,"--modal-size":`auto`,"--modal-overlay-background":`rgba(0, 0, 0, .5)`,"--modal-overlay-filter":`blur(10px)`,"--modal-overlay-radius":`0`,"--modal-overlay-zindex":`100`,"--modal-inner-align":`flex-start`,"--modal-inner-y-offset":`4dvh`,"--modal-inner-x-offset":`4dvw`,"--modal-inner-zindex":`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal`,jsx:[`Modal`],base:{"--modal-y-offset":`4dvh`,"--modal-x-offset":`4vw`,"--modal-size":`auto`,"--modal-overlay-background":`rgba(0, 0, 0, .5)`,"--modal-overlay-filter":`blur(10px)`,"--modal-overlay-radius":`0`,"--modal-overlay-zindex":`100`,"--modal-inner-align":`flex-start`,"--modal-inner-y-offset":`4dvh`,"--modal-inner-x-offset":`4dvw`,"--modal-inner-zindex":`101`,"--modal-content-background":`{colors.neutral.background.1.enabled}`,"--modal-content-gap":`{spacing.500}`,"--modal-content-flex":`0 0 var(--modal-size)`,"--modal-content-width":`var(--modal-size)`,"--modal-content-height":`auto`,"--modal-content-min-width":`33.75rem`,"--modal-content-max-width":`33.75rem`,"--modal-content-max-height":`calc(100dvh - var(--modal-y-offset) * 2)`,"--modal-content-radii":`{radii.200}`,"--modal-content-border-width":`{borders.100}`,"--modal-content-border-style":`solid`,"--modal-content-border-color":`{colors.neutral.stroke.7.enabled}`,"--modal-content-shadow":`none`,"--modal-content-scrollbar-width":`thin`,"--modal-content-scrollbar-color":`{colors.neutral.background.4.enabled} transparent`,"--modal-content-scrollbar-thumb-color":`{colors.neutral.background.4.enabled}`,"--modal-content-scrollbar-thumb-hover-color":`{colors.neutral.background.5.enabled}`,"--modal-content-scrollbar-track-color":`transparent`,"--modal-content-scrollbar-thumb-border-radius":`{radii.100}`,"--modal-content-scrollbar-track-border-radius":`{radii.100}`,"--modal-content-scrollbar-thumb-transition":`{animations.200}`,"--modal-header-background":`{colors.neutral.background.1.enabled}`,"--modal-header-gap":`{spacing.500}`,"--modal-header-min-height":`unset`,"--modal-header-padding-block-start":`{spacing.500}`,"--modal-header-padding-block-end":`{spacing.200}`,"--modal-header-padding-inline-start":`{spacing.500}`,"--modal-header-padding-inline-end":`{spacing.500}`,"--modal-header-border-bottom-width":`{borders.0}`,"--modal-header-border-bottom-style":`solid`,"--modal-header-border-bottom-color":`transparent`,"--modal-title-font-family":`{fonts.base}`,"--modal-title-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-title-font-size":`{fontSizes.600}`,"--modal-title-font-weight":`{fontWeights.bold}`,"--modal-title-line-height":`1.2`,"--modal-title-gap":`{spacing.200}`,"--modal-title-padding-inline":`{spacing.0}`,"--modal-title-padding-block":`{spacing.0}`,"--modal-title-margin-inline":`{spacing.0}`,"--modal-title-margin-block":`{spacing.0}`,"--modal-body-font-family":`{fonts.base}`,"--modal-body-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-body-font-size":`{fontSizes.300}`,"--modal-body-font-weight":`{fontWeights.regular}`,"--modal-body-gap":`{spacing.600}`,"--modal-body-padding-block-start":`{spacing.0}`,"--modal-body-padding-block-end":`{spacing.500}`,"--modal-body-padding-inline-start":`{spacing.500}`,"--modal-body-padding-inline-end":`{spacing.500}`,"--modal-close-background":`transparent`,"--modal-close-foreground":`{colors.neutral.foreground.3.enabled}`,"--modal-close-size":`{sizes.500}`,"--modal-close-padding":`{spacing.0}`,"--modal-close-radii":`{radii.100}`,"--modal-close-border-width":`{borders.0}`,"--modal-close-border-style":`solid`,"--modal-close-border-color":`transparent`,"--modal-close-font-size":`{fontSizes.300}`,"--modal-close-background-hovered":`{colors.neutral.background.1.hovered}`,"--modal-close-foreground-hovered":`{colors.neutral.foreground.3.hovered}`,"--modal-footer-background":`transparent`,"--modal-footer-justify-content":`flex-end`,"--modal-footer-gap":`{spacing.400}`,"--modal-footer-padding-inline-start":`{spacing.500}`,"--modal-footer-padding-inline-end":`{spacing.500}`,"--modal-footer-padding-block-start":`{spacing.300}`,"--modal-footer-padding-block-end":`{spacing.500}`,"--modal-footer-min-height":`unset`,"--modal-footer-border-top-width":`{borders.0}`,"--modal-footer-border-top-style":`solid`,"--modal-footer-border-top-color":`transparent`}});export{t as modal};
|
|
2
2
|
//# sourceMappingURL=modal.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modal = defineRecipe({\n className: 'modal',\n jsx: ['Modal'],\n base: {\n /* root */\n '--modal-y-offset': '4dvh',\n '--modal-x-offset': '4vw',\n '--modal-size': 'auto',\n\n /* overlay */\n '--modal-overlay-background': 'rgba(0, 0, 0, .5)',\n '--modal-overlay-filter': 'blur(10px)',\n '--modal-overlay-radius': '0',\n '--modal-overlay-zindex': '100',\n\n /* inner */\n '--modal-inner-align': 'flex-start',\n '--modal-inner-y-offset': '4dvh',\n '--modal-inner-x-offset': '4dvw',\n '--modal-inner-zindex': '
|
|
1
|
+
{"version":3,"file":"modal.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modal = defineRecipe({\n className: 'modal',\n jsx: ['Modal'],\n base: {\n /* root */\n '--modal-y-offset': '4dvh',\n '--modal-x-offset': '4vw',\n '--modal-size': 'auto',\n\n /* overlay */\n '--modal-overlay-background': 'rgba(0, 0, 0, .5)',\n '--modal-overlay-filter': 'blur(10px)',\n '--modal-overlay-radius': '0',\n '--modal-overlay-zindex': '100',\n\n /* inner */\n '--modal-inner-align': 'flex-start',\n '--modal-inner-y-offset': '4dvh',\n '--modal-inner-x-offset': '4dvw',\n '--modal-inner-zindex': '101',\n\n /* content */\n '--modal-content-background': '{colors.neutral.background.1.enabled}',\n '--modal-content-gap': '{spacing.500}',\n '--modal-content-flex': '0 0 var(--modal-size)',\n '--modal-content-width': 'var(--modal-size)',\n '--modal-content-height': 'auto',\n '--modal-content-min-width': '33.75rem',\n '--modal-content-max-width': '33.75rem',\n '--modal-content-max-height': 'calc(100dvh - var(--modal-y-offset) * 2)',\n '--modal-content-radii': '{radii.200}',\n '--modal-content-border-width': '{borders.100}',\n '--modal-content-border-style': 'solid',\n '--modal-content-border-color': '{colors.neutral.stroke.7.enabled}',\n '--modal-content-shadow': 'none',\n\n '--modal-content-scrollbar-width': 'thin',\n '--modal-content-scrollbar-color':\n '{colors.neutral.background.4.enabled} transparent',\n '--modal-content-scrollbar-thumb-color':\n '{colors.neutral.background.4.enabled}',\n '--modal-content-scrollbar-thumb-hover-color':\n '{colors.neutral.background.5.enabled}',\n '--modal-content-scrollbar-track-color': 'transparent',\n '--modal-content-scrollbar-thumb-border-radius': '{radii.100}',\n '--modal-content-scrollbar-track-border-radius': '{radii.100}',\n '--modal-content-scrollbar-thumb-transition': '{animations.200}',\n\n /* header */\n '--modal-header-background': '{colors.neutral.background.1.enabled}',\n '--modal-header-gap': '{spacing.500}',\n '--modal-header-min-height': 'unset',\n '--modal-header-padding-block-start': '{spacing.500}',\n '--modal-header-padding-block-end': '{spacing.200}',\n '--modal-header-padding-inline-start': '{spacing.500}',\n '--modal-header-padding-inline-end': '{spacing.500}',\n '--modal-header-border-bottom-width': '{borders.0}',\n '--modal-header-border-bottom-style': 'solid',\n '--modal-header-border-bottom-color': 'transparent',\n\n /* title */\n '--modal-title-font-family': '{fonts.base}',\n '--modal-title-foreground': '{colors.neutral.foreground.1.enabled}',\n '--modal-title-font-size': '{fontSizes.600}',\n '--modal-title-font-weight': '{fontWeights.bold}',\n '--modal-title-line-height': '1.2',\n '--modal-title-gap': '{spacing.200}',\n '--modal-title-padding-inline': '{spacing.0}',\n '--modal-title-padding-block': '{spacing.0}',\n '--modal-title-margin-inline': '{spacing.0}',\n '--modal-title-margin-block': '{spacing.0}',\n\n /* body */\n '--modal-body-font-family': '{fonts.base}',\n '--modal-body-foreground': '{colors.neutral.foreground.1.enabled}',\n '--modal-body-font-size': '{fontSizes.300}',\n '--modal-body-font-weight': '{fontWeights.regular}',\n '--modal-body-gap': '{spacing.600}',\n '--modal-body-padding-block-start': '{spacing.0}',\n '--modal-body-padding-block-end': '{spacing.500}',\n '--modal-body-padding-inline-start': '{spacing.500}',\n '--modal-body-padding-inline-end': '{spacing.500}',\n\n /* close */\n '--modal-close-background': 'transparent',\n '--modal-close-foreground': '{colors.neutral.foreground.3.enabled}',\n '--modal-close-size': '{sizes.500}',\n '--modal-close-padding': '{spacing.0}',\n '--modal-close-radii': '{radii.100}',\n '--modal-close-border-width': '{borders.0}',\n '--modal-close-border-style': 'solid',\n '--modal-close-border-color': 'transparent',\n '--modal-close-font-size': '{fontSizes.300}',\n '--modal-close-background-hovered': '{colors.neutral.background.1.hovered}',\n '--modal-close-foreground-hovered': '{colors.neutral.foreground.3.hovered}',\n\n /* footer */\n '--modal-footer-background': 'transparent',\n '--modal-footer-justify-content': 'flex-end',\n '--modal-footer-gap': '{spacing.400}',\n '--modal-footer-padding-inline-start': '{spacing.500}',\n '--modal-footer-padding-inline-end': '{spacing.500}',\n '--modal-footer-padding-block-start': '{spacing.300}',\n '--modal-footer-padding-block-end': '{spacing.500}',\n '--modal-footer-min-height': 'unset',\n '--modal-footer-border-top-width': '{borders.0}',\n '--modal-footer-border-top-style': 'solid',\n '--modal-footer-border-top-color': 'transparent',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,mBAAoB,OACpB,mBAAoB,MACpB,eAAgB,OAGhB,6BAA8B,oBAC9B,yBAA0B,aAC1B,yBAA0B,IAC1B,yBAA0B,MAG1B,sBAAuB,aACvB,yBAA0B,OAC1B,yBAA0B,OAC1B,uBAAwB,MAGxB,6BAA8B,wCAC9B,sBAAuB,gBACvB,uBAAwB,wBACxB,wBAAyB,oBACzB,yBAA0B,OAC1B,4BAA6B,WAC7B,4BAA6B,WAC7B,6BAA8B,2CAC9B,wBAAyB,cACzB,+BAAgC,gBAChC,+BAAgC,QAChC,+BAAgC,oCAChC,yBAA0B,OAE1B,kCAAmC,OACnC,kCACE,oDACF,wCACE,wCACF,8CACE,wCACF,wCAAyC,cACzC,gDAAiD,cACjD,gDAAiD,cACjD,6CAA8C,mBAG9C,4BAA6B,wCAC7B,qBAAsB,gBACtB,4BAA6B,QAC7B,qCAAsC,gBACtC,mCAAoC,gBACpC,sCAAuC,gBACvC,oCAAqC,gBACrC,qCAAsC,cACtC,qCAAsC,QACtC,qCAAsC,cAGtC,4BAA6B,eAC7B,2BAA4B,wCAC5B,0BAA2B,kBAC3B,4BAA6B,qBAC7B,4BAA6B,MAC7B,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,8BAA+B,cAC/B,6BAA8B,cAG9B,2BAA4B,eAC5B,0BAA2B,wCAC3B,yBAA0B,kBAC1B,2BAA4B,wBAC5B,mBAAoB,gBACpB,mCAAoC,cACpC,iCAAkC,gBAClC,oCAAqC,gBACrC,kCAAmC,gBAGnC,2BAA4B,cAC5B,2BAA4B,wCAC5B,qBAAsB,cACtB,wBAAyB,cACzB,sBAAuB,cACvB,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,0BAA2B,kBAC3B,mCAAoC,wCACpC,mCAAoC,wCAGpC,4BAA6B,cAC7B,iCAAkC,WAClC,qBAAsB,gBACtB,sCAAuC,gBACvC,oCAAqC,gBACrC,qCAAsC,gBACtC,mCAAoC,gBACpC,4BAA6B,QAC7B,kCAAmC,cACnC,kCAAmC,QACnC,kCAAmC,cACpC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-alert`,jsx:[`ModalAlert`],base:{"--modal-y-offset":`var(--modal-alert-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-alert-x-offset, 4vw)`,"--modal-size":`var(--modal-alert-size, auto)`,"--modal-overlay-background":`var(--modal-alert-overlay-background, rgba(0, 0, 0, .5))`,"--modal-overlay-filter":`var(--modal-alert-overlay-filter, blur(10px))`,"--modal-overlay-radius":`var(--modal-alert-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-alert-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-alert-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-alert-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-alert-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-alert-inner-zindex, 110)`,"--modal-content-background":`var(--modal-alert-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-alert-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-alert-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-alert-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-alert-content-height, auto)`,"--modal-content-min-width":`var(--modal-alert-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-alert-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-alert-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-alert-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-alert-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-alert-content-shadow, none)`,"--modal-header-background":`var(--modal-alert-header-background, transparent)`,"--modal-header-gap":`var(--modal-alert-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-alert-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-alert-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-alert-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-alert-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-alert-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-alert-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-alert-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-alert-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-alert-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-alert-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-alert-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-alert-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-alert-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-alert-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-alert-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-alert-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-alert-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-alert-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-alert-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-alert-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-alert-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-alert-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-alert-close-background, transparent)`,"--modal-close-foreground":`var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-alert-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-alert-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-alert-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-alert-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-alert-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-alert-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-alert-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-alert-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-alert-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-alert-footer-gap, {spacing.400})`,"--modal-footer-padding-inline-start":`var(--modal-alert-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-alert-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-alert-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-alert-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-alert-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-alert-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-alert-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-alert-footer-border-top-color, transparent)`,"--modal-alert-button-font-family":`{fonts.base}`,"--modal-alert-button-font-size":`{fontSizes.400}`,"--modal-alert-button-font-weight":`{fontWeights.medium}`,"--modal-alert-button-line-height":`1`,"--modal-alert-button-text-transform":`none`,"--modal-alert-button-white-space":`nowrap`,"--modal-alert-button-align":`center`,"--modal-alert-button-justify":`center`,"--modal-alert-button-text-align":`center`,"--modal-alert-button-height":`{sizes.600}`,"--modal-alert-button-padding-inline":`{spacing.300}`,"--modal-alert-button-gap":`{spacing.200}`,"--modal-alert-button-radii":`{radii.200}`,"--modal-alert-button-border-width":`{borders.100}`,"--modal-alert-button-border-style":`solid`,"--modal-alert-button-focus-outline-width":`{borders.150}`,"--modal-alert-button-focus-outline-style":`solid`,"--modal-alert-button-focus-outline-offset":`{spacing.50}`,"--modal-alert-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--modal-alert-button-focus-shadow":`none`,"--modal-alert-button-disabled-opacity":`0.5`,"--modal-alert-button-transition":`{animations.200}`,"--modal-alert-button-inner-gap":`{spacing.200}`,"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="info"]':{"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="success"]':{"--modal-alert-button-confirm-background":`{colors.success.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.success.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.success.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="warning"]':{"--modal-alert-button-confirm-background":`{colors.warning.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.warning.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transaparent`,"--modal-alert-button-confirm-background-active":`{colors.warning.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="danger"]':{"--modal-alert-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.danger.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`}}});export{t as modalAlert};
|
|
1
|
+
import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-alert`,jsx:[`ModalAlert`],base:{"--modal-y-offset":`var(--modal-alert-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-alert-x-offset, 4vw)`,"--modal-size":`var(--modal-alert-size, auto)`,"--modal-overlay-background":`var(--modal-alert-overlay-background, rgba(0, 0, 0, .5))`,"--modal-overlay-filter":`var(--modal-alert-overlay-filter, blur(10px))`,"--modal-overlay-radius":`var(--modal-alert-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-alert-overlay-zindex, 110)`,"--modal-inner-align":`var(--modal-alert-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-alert-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-alert-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-alert-inner-zindex, 111)`,"--modal-content-background":`var(--modal-alert-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-alert-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-alert-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-alert-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-alert-content-height, auto)`,"--modal-content-min-width":`var(--modal-alert-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-alert-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-alert-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-alert-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-alert-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-alert-content-shadow, none)`,"--modal-header-background":`var(--modal-alert-header-background, transparent)`,"--modal-header-gap":`var(--modal-alert-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-alert-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-alert-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-alert-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-alert-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-alert-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-alert-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-alert-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-alert-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-alert-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-alert-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-alert-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-alert-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-alert-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-alert-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-alert-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-alert-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-alert-title-margin-block, {spacing.0})`,"--modal-body-font-family":`var(--modal-alert-body-font-family, {fonts.base})`,"--modal-body-foreground":`var(--modal-alert-body-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-body-font-size":`var(--modal-alert-body-font-size, {fontSizes.300})`,"--modal-body-font-weight":`var(--modal-alert-body-font-weight, {fontWeights.regular})`,"--modal-body-gap":`var(--modal-alert-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-alert-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-alert-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-alert-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-alert-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-alert-close-background, transparent)`,"--modal-close-foreground":`var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-alert-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-alert-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-alert-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-alert-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-alert-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-alert-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-alert-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-alert-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-alert-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-alert-footer-gap, {spacing.400})`,"--modal-footer-padding-inline-start":`var(--modal-alert-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-alert-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-alert-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-alert-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-alert-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-alert-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-alert-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-alert-footer-border-top-color, transparent)`,"--modal-alert-button-font-family":`{fonts.base}`,"--modal-alert-button-font-size":`{fontSizes.400}`,"--modal-alert-button-font-weight":`{fontWeights.medium}`,"--modal-alert-button-line-height":`1`,"--modal-alert-button-text-transform":`none`,"--modal-alert-button-white-space":`nowrap`,"--modal-alert-button-align":`center`,"--modal-alert-button-justify":`center`,"--modal-alert-button-text-align":`center`,"--modal-alert-button-height":`{sizes.600}`,"--modal-alert-button-padding-inline":`{spacing.300}`,"--modal-alert-button-gap":`{spacing.200}`,"--modal-alert-button-radii":`{radii.200}`,"--modal-alert-button-border-width":`{borders.100}`,"--modal-alert-button-border-style":`solid`,"--modal-alert-button-focus-outline-width":`{borders.150}`,"--modal-alert-button-focus-outline-style":`solid`,"--modal-alert-button-focus-outline-offset":`{spacing.50}`,"--modal-alert-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--modal-alert-button-focus-shadow":`none`,"--modal-alert-button-disabled-opacity":`0.5`,"--modal-alert-button-transition":`{animations.200}`,"--modal-alert-button-inner-gap":`{spacing.200}`,"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="info"]':{"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="success"]':{"--modal-alert-button-confirm-background":`{colors.success.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.success.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.success.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.success.foreground.onSuccess.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="warning"]':{"--modal-alert-button-confirm-background":`{colors.warning.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.warning.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transaparent`,"--modal-alert-button-confirm-background-active":`{colors.warning.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.warning.foreground.onWarning.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},'&[data-intent="danger"]':{"--modal-alert-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color":`transparent`,"--modal-alert-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color-hover":`transparent`,"--modal-alert-button-confirm-background-active":`{colors.danger.background.1.selected}`,"--modal-alert-button-confirm-foreground-active":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-alert-button-confirm-border-color-active":`transparent`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`}}});export{t as modalAlert};
|
|
2
2
|
//# sourceMappingURL=modal-alert.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-alert.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalAlert = modal.merge({\n className: 'modal-alert',\n jsx: ['ModalAlert'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-alert-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-alert-x-offset, 4vw)',\n '--modal-size': 'var(--modal-alert-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-alert-overlay-background, rgba(0, 0, 0, .5))',\n '--modal-overlay-filter': 'var(--modal-alert-overlay-filter, blur(10px))',\n '--modal-overlay-radius': 'var(--modal-alert-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-alert-overlay-zindex, 100)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-alert-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-alert-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-alert-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-alert-inner-zindex, 110)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-alert-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-alert-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-alert-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-alert-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-alert-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-alert-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-alert-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-alert-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-alert-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-alert-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-alert-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-alert-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-alert-header-gap, {spacing.500})',\n '--modal-header-min-height': 'var(--modal-alert-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-alert-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-alert-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-alert-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-alert-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-alert-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-alert-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-alert-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-alert-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-alert-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-alert-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-alert-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-alert-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-alert-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-alert-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-alert-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-alert-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-gap': 'var(--modal-alert-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-alert-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-alert-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-alert-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-alert-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-alert-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-alert-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-alert-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-alert-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-alert-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-alert-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-alert-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-alert-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-alert-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-alert-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-alert-footer-gap, {spacing.400})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-alert-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-alert-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-alert-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-alert-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height': 'var(--modal-alert-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-alert-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-alert-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-alert-footer-border-top-color, transparent)',\n\n /* button */\n '--modal-alert-button-font-family': '{fonts.base}',\n '--modal-alert-button-font-size': '{fontSizes.400}',\n '--modal-alert-button-font-weight': '{fontWeights.medium}',\n '--modal-alert-button-line-height': '1',\n '--modal-alert-button-text-transform': 'none',\n '--modal-alert-button-white-space': 'nowrap',\n '--modal-alert-button-align': 'center',\n '--modal-alert-button-justify': 'center',\n '--modal-alert-button-text-align': 'center',\n '--modal-alert-button-height': '{sizes.600}',\n '--modal-alert-button-padding-inline': '{spacing.300}',\n '--modal-alert-button-gap': '{spacing.200}',\n '--modal-alert-button-radii': '{radii.200}',\n '--modal-alert-button-border-width': '{borders.100}',\n '--modal-alert-button-border-style': 'solid',\n '--modal-alert-button-focus-outline-width': '{borders.150}',\n '--modal-alert-button-focus-outline-style': 'solid',\n '--modal-alert-button-focus-outline-offset': '{spacing.50}',\n '--modal-alert-button-focus-outline-color':\n '{colors.neutral.stroke.1.focused}',\n '--modal-alert-button-focus-shadow': 'none',\n '--modal-alert-button-disabled-opacity': '0.5',\n '--modal-alert-button-transition': '{animations.200}',\n '--modal-alert-button-inner-gap': '{spacing.200}',\n\n /* button-confirm */\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"info\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"success\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.success.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.success.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.success.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"warning\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.warning.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.warning.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transaparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.warning.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"danger\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.danger.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAa,EAAM,MAAM,CACpC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,mBAAoB,oCACpB,mBAAoB,mCACpB,eAAgB,gCAGhB,6BACE,2DACF,yBAA0B,gDAC1B,yBAA0B,uCAC1B,yBAA0B,yCAG1B,sBAAuB,6CACvB,yBAA0B,0CAC1B,yBAA0B,0CAC1B,uBAAwB,uCAGxB,6BACE,+EACF,sBAAuB,gDACvB,uBACE,yDACF,wBACE,sDACF,yBAA0B,0CAC1B,4BACE,iDACF,4BACE,iDACF,6BACE,kFACF,wBAAyB,gDACzB,+BACE,yDACF,+BACE,iDACF,+BACE,6EACF,yBAA0B,0CAG1B,4BACE,oDACF,qBAAsB,+CACtB,4BAA6B,8CAC7B,qCACE,+DACF,mCACE,2DACF,sCACE,gEACF,oCACE,8DACF,qCACE,6DACF,qCACE,uDACF,qCACE,6DAGF,4BACE,qDACF,2BACE,6EACF,0BACE,sDACF,4BACE,2DACF,4BAA6B,4CAC7B,oBAAqB,8CACrB,+BACE,uDACF,8BACE,sDACF,8BACE,sDACF,6BACE,qDAGF,mBAAoB,6CACpB,mCACE,2DACF,iCACE,2DACF,oCACE,8DACF,kCACE,4DAGF,2BACE,mDACF,2BACE,6EACF,qBAAsB,6CACtB,wBAAyB,gDACzB,sBAAuB,8CACvB,6BACE,qDACF,6BACE,+CACF,6BACE,qDACF,0BACE,sDACF,mCACE,qFACF,mCACE,qFAGF,4BACE,oDACF,iCACE,sDACF,qBAAsB,+CACtB,sCACE,gEACF,oCACE,8DACF,qCACE,+DACF,mCACE,6DACF,4BAA6B,8CAC7B,kCACE,0DACF,kCACE,oDACF,kCACE,0DAGF,mCAAoC,eACpC,iCAAkC,kBAClC,mCAAoC,uBACpC,mCAAoC,IACpC,sCAAuC,OACvC,mCAAoC,SACpC,6BAA8B,SAC9B,+BAAgC,SAChC,kCAAmC,SACnC,8BAA+B,cAC/B,sCAAuC,gBACvC,2BAA4B,gBAC5B,6BAA8B,cAC9B,oCAAqC,gBACrC,oCAAqC,QACrC,2CAA4C,gBAC5C,2CAA4C,QAC5C,4CAA6C,eAC7C,2CACE,oCACF,oCAAqC,OACrC,wCAAyC,MACzC,kCAAmC,mBACnC,iCAAkC,gBAGlC,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACF,wBAAyB,CACvB,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,eACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,0BAA2B,CACzB,0CACE,uCACF,0CACE,gDACF,4CAA6C,cAC7C,gDACE,uCACF,gDACE,gDACF,kDAAmD,cACnD,iDACE,wCACF,iDACE,gDACF,mDAAoD,cACpD,mDACE,oCACH,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal-alert.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalAlert = modal.merge({\n className: 'modal-alert',\n jsx: ['ModalAlert'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-alert-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-alert-x-offset, 4vw)',\n '--modal-size': 'var(--modal-alert-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-alert-overlay-background, rgba(0, 0, 0, .5))',\n '--modal-overlay-filter': 'var(--modal-alert-overlay-filter, blur(10px))',\n '--modal-overlay-radius': 'var(--modal-alert-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-alert-overlay-zindex, 110)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-alert-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-alert-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-alert-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-alert-inner-zindex, 111)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-alert-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-alert-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-alert-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-alert-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-alert-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-alert-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-alert-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-alert-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-alert-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-alert-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-alert-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-alert-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-alert-header-gap, {spacing.500})',\n '--modal-header-min-height': 'var(--modal-alert-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-alert-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-alert-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-alert-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-alert-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-alert-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-alert-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-alert-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-alert-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-alert-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-alert-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-alert-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-alert-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-alert-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-alert-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-alert-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-alert-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-font-family':\n 'var(--modal-alert-body-font-family, {fonts.base})',\n '--modal-body-foreground':\n 'var(--modal-alert-body-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-body-font-size':\n 'var(--modal-alert-body-font-size, {fontSizes.300})',\n '--modal-body-font-weight':\n 'var(--modal-alert-body-font-weight, {fontWeights.regular})',\n '--modal-body-gap': 'var(--modal-alert-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-alert-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-alert-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-alert-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-alert-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-alert-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-alert-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-alert-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-alert-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-alert-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-alert-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-alert-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-alert-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-alert-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-alert-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-alert-footer-gap, {spacing.400})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-alert-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-alert-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-alert-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-alert-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height': 'var(--modal-alert-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-alert-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-alert-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-alert-footer-border-top-color, transparent)',\n\n /* button */\n '--modal-alert-button-font-family': '{fonts.base}',\n '--modal-alert-button-font-size': '{fontSizes.400}',\n '--modal-alert-button-font-weight': '{fontWeights.medium}',\n '--modal-alert-button-line-height': '1',\n '--modal-alert-button-text-transform': 'none',\n '--modal-alert-button-white-space': 'nowrap',\n '--modal-alert-button-align': 'center',\n '--modal-alert-button-justify': 'center',\n '--modal-alert-button-text-align': 'center',\n '--modal-alert-button-height': '{sizes.600}',\n '--modal-alert-button-padding-inline': '{spacing.300}',\n '--modal-alert-button-gap': '{spacing.200}',\n '--modal-alert-button-radii': '{radii.200}',\n '--modal-alert-button-border-width': '{borders.100}',\n '--modal-alert-button-border-style': 'solid',\n '--modal-alert-button-focus-outline-width': '{borders.150}',\n '--modal-alert-button-focus-outline-style': 'solid',\n '--modal-alert-button-focus-outline-offset': '{spacing.50}',\n '--modal-alert-button-focus-outline-color':\n '{colors.neutral.stroke.1.focused}',\n '--modal-alert-button-focus-shadow': 'none',\n '--modal-alert-button-disabled-opacity': '0.5',\n '--modal-alert-button-transition': '{animations.200}',\n '--modal-alert-button-inner-gap': '{spacing.200}',\n\n /* button-confirm */\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"info\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"success\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.success.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.success.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.success.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"warning\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.warning.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.warning.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transaparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.warning.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.warning.foreground.onWarning.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n '&[data-intent=\"danger\"]': {\n '--modal-alert-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-alert-button-confirm-foreground':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color': 'transparent',\n '--modal-alert-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-alert-button-confirm-foreground-hover':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color-hover': 'transparent',\n '--modal-alert-button-confirm-background-active':\n '{colors.danger.background.1.selected}',\n '--modal-alert-button-confirm-foreground-active':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-alert-button-confirm-border-color-active': 'transparent',\n '--modal-alert-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAa,EAAM,MAAM,CACpC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,mBAAoB,oCACpB,mBAAoB,mCACpB,eAAgB,gCAGhB,6BACE,2DACF,yBAA0B,gDAC1B,yBAA0B,uCAC1B,yBAA0B,yCAG1B,sBAAuB,6CACvB,yBAA0B,0CAC1B,yBAA0B,0CAC1B,uBAAwB,uCAGxB,6BACE,+EACF,sBAAuB,gDACvB,uBACE,yDACF,wBACE,sDACF,yBAA0B,0CAC1B,4BACE,iDACF,4BACE,iDACF,6BACE,kFACF,wBAAyB,gDACzB,+BACE,yDACF,+BACE,iDACF,+BACE,6EACF,yBAA0B,0CAG1B,4BACE,oDACF,qBAAsB,+CACtB,4BAA6B,8CAC7B,qCACE,+DACF,mCACE,2DACF,sCACE,gEACF,oCACE,8DACF,qCACE,6DACF,qCACE,uDACF,qCACE,6DAGF,4BACE,qDACF,2BACE,6EACF,0BACE,sDACF,4BACE,2DACF,4BAA6B,4CAC7B,oBAAqB,8CACrB,+BACE,uDACF,8BACE,sDACF,8BACE,sDACF,6BACE,qDAGF,2BACE,oDACF,0BACE,4EACF,yBACE,qDACF,2BACE,6DACF,mBAAoB,6CACpB,mCACE,2DACF,iCACE,2DACF,oCACE,8DACF,kCACE,4DAGF,2BACE,mDACF,2BACE,6EACF,qBAAsB,6CACtB,wBAAyB,gDACzB,sBAAuB,8CACvB,6BACE,qDACF,6BACE,+CACF,6BACE,qDACF,0BACE,sDACF,mCACE,qFACF,mCACE,qFAGF,4BACE,oDACF,iCACE,sDACF,qBAAsB,+CACtB,sCACE,gEACF,oCACE,8DACF,qCACE,+DACF,mCACE,6DACF,4BAA6B,8CAC7B,kCACE,0DACF,kCACE,oDACF,kCACE,0DAGF,mCAAoC,eACpC,iCAAkC,kBAClC,mCAAoC,uBACpC,mCAAoC,IACpC,sCAAuC,OACvC,mCAAoC,SACpC,6BAA8B,SAC9B,+BAAgC,SAChC,kCAAmC,SACnC,8BAA+B,cAC/B,sCAAuC,gBACvC,2BAA4B,gBAC5B,6BAA8B,cAC9B,oCAAqC,gBACrC,oCAAqC,QACrC,2CAA4C,gBAC5C,2CAA4C,QAC5C,4CAA6C,eAC7C,2CACE,oCACF,oCAAqC,OACrC,wCAAyC,MACzC,kCAAmC,mBACnC,iCAAkC,gBAGlC,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACF,wBAAyB,CACvB,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,cACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,2BAA4B,CAC1B,0CACE,wCACF,0CACE,kDACF,4CAA6C,cAC7C,gDACE,wCACF,gDACE,kDACF,kDAAmD,eACnD,iDACE,yCACF,iDACE,kDACF,mDAAoD,cACpD,mDACE,oCACH,CACD,0BAA2B,CACzB,0CACE,uCACF,0CACE,gDACF,4CAA6C,cAC7C,gDACE,uCACF,gDACE,gDACF,kDAAmD,cACnD,iDACE,wCACF,iDACE,gDACF,mDAAoD,cACpD,mDACE,oCACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-confirm`,jsx:[`ModalConfirm`],base:{"--modal-y-offset":`var(--modal-confirm-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-confirm-x-offset, 4vw)`,"--modal-size":`var(--modal-confirm-size, auto)`,"--modal-overlay-background":`var(--modal-confirm-overlay-background, rgba(0, 0, 0, .5))`,"--modal-overlay-filter":`var(--modal-confirm-overlay-filter, blur(10px))`,"--modal-overlay-radius":`var(--modal-confirm-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-confirm-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-confirm-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-confirm-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-confirm-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-confirm-inner-zindex, 110)`,"--modal-content-background":`var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-confirm-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-confirm-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-confirm-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-confirm-content-height, auto)`,"--modal-content-min-width":`var(--modal-confirm-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-confirm-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-confirm-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-confirm-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-confirm-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-confirm-content-shadow, none)`,"--modal-header-background":`var(--modal-confirm-header-background, transparent)`,"--modal-header-gap":`var(--modal-confirm-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-confirm-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-confirm-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-confirm-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-confirm-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-confirm-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-confirm-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-confirm-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-confirm-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-confirm-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-confirm-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-confirm-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-confirm-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-confirm-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-confirm-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-confirm-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-confirm-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-confirm-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-confirm-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-confirm-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-confirm-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-confirm-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-confirm-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-confirm-close-background, transparent)`,"--modal-close-foreground":`var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-confirm-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-confirm-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-confirm-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-confirm-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-confirm-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-confirm-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-confirm-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-confirm-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-confirm-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-confirm-footer-gap, {spacing.400})`,"--modal-footer-padding-inline-start":`var(--modal-confirm-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-confirm-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-confirm-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-confirm-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-confirm-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-confirm-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-confirm-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-confirm-footer-border-top-color, transparent)`,"--modal-confirm-button-font-family":`{fonts.base}`,"--modal-confirm-button-font-size":`{fontSizes.400}`,"--modal-confirm-button-font-weight":`{fontWeights.medium}`,"--modal-confirm-button-line-height":`1`,"--modal-confirm-button-text-transform":`none`,"--modal-confirm-button-white-space":`nowrap`,"--modal-confirm-button-align":`center`,"--modal-confirm-button-justify":`center`,"--modal-confirm-button-text-align":`center`,"--modal-confirm-button-height":`{sizes.600}`,"--modal-confirm-button-padding-inline":`{spacing.300}`,"--modal-confirm-button-gap":`{spacing.200}`,"--modal-confirm-button-radii":`{radii.200}`,"--modal-confirm-button-border-width":`{borders.100}`,"--modal-confirm-button-border-style":`solid`,"--modal-confirm-button-focus-outline-width":`{borders.150}`,"--modal-confirm-button-focus-outline-style":`solid`,"--modal-confirm-button-focus-outline-offset":`{spacing.50}`,"--modal-confirm-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--modal-confirm-button-focus-shadow":`none`,"--modal-confirm-button-disabled-opacity":`0.5`,"--modal-confirm-button-transition":`{animations.200}`,"--modal-confirm-button-inner-gap":`{spacing.200}`,"--modal-confirm-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color":`transparent`,"--modal-confirm-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color-hover":`transparent`,"--modal-confirm-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-confirm-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color-active":`transparent`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="danger"]':{"--modal-confirm-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color":`transparent`,"--modal-confirm-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color-hover":`transparent`,"--modal-confirm-button-confirm-background-active":`{colors.danger.background.1.selected}`,"--modal-confirm-button-confirm-foreground-active":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color-active":`transparent`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},"--modal-confirm-button-cancel-background":`{colors.neutral.background.1.enabled}`,"--modal-confirm-button-cancel-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-confirm-button-cancel-border-color":`{colors.neutral.stroke.1.enabled}`,"--modal-confirm-button-cancel-background-hover":`{colors.neutral.background.1.hovered}`,"--modal-confirm-button-cancel-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--modal-confirm-button-cancel-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--modal-confirm-button-cancel-focus-outline-color":`{colors.primary.stroke.1.focused}`}});export{t as modalConfirm};
|
|
1
|
+
import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-confirm`,jsx:[`ModalConfirm`],base:{"--modal-y-offset":`var(--modal-confirm-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-confirm-x-offset, 4vw)`,"--modal-size":`var(--modal-confirm-size, auto)`,"--modal-overlay-background":`var(--modal-confirm-overlay-background, rgba(0, 0, 0, .5))`,"--modal-overlay-filter":`var(--modal-confirm-overlay-filter, blur(10px))`,"--modal-overlay-radius":`var(--modal-confirm-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-confirm-overlay-zindex, 110)`,"--modal-inner-align":`var(--modal-confirm-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-confirm-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-confirm-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-confirm-inner-zindex, 111)`,"--modal-content-background":`var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-confirm-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-confirm-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-confirm-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-confirm-content-height, auto)`,"--modal-content-min-width":`var(--modal-confirm-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-confirm-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-confirm-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-confirm-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-confirm-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-confirm-content-shadow, none)`,"--modal-header-background":`var(--modal-confirm-header-background, transparent)`,"--modal-header-gap":`var(--modal-confirm-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-confirm-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-confirm-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-confirm-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-confirm-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-confirm-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-confirm-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-confirm-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-confirm-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-confirm-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-confirm-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-confirm-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-confirm-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-confirm-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-confirm-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-confirm-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-confirm-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-confirm-title-margin-block, {spacing.0})`,"--modal-body-font-family":`var(--modal-confirm-body-font-family, {fonts.base})`,"--modal-body-foreground":`var(--modal-confirm-body-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-body-font-size":`var(--modal-confirm-body-font-size, {fontSizes.300})`,"--modal-body-font-weight":`var(--modal-confirm-body-font-weight, {fontWeights.regular})`,"--modal-body-gap":`var(--modal-confirm-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-confirm-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-confirm-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-confirm-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-confirm-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-confirm-close-background, transparent)`,"--modal-close-foreground":`var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-confirm-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-confirm-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-confirm-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-confirm-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-confirm-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-confirm-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-confirm-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-confirm-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-confirm-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-confirm-footer-gap, {spacing.400})`,"--modal-footer-padding-inline-start":`var(--modal-confirm-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-confirm-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-confirm-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-confirm-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-confirm-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-confirm-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-confirm-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-confirm-footer-border-top-color, transparent)`,"--modal-confirm-button-font-family":`{fonts.base}`,"--modal-confirm-button-font-size":`{fontSizes.400}`,"--modal-confirm-button-font-weight":`{fontWeights.medium}`,"--modal-confirm-button-line-height":`1`,"--modal-confirm-button-text-transform":`none`,"--modal-confirm-button-white-space":`nowrap`,"--modal-confirm-button-align":`center`,"--modal-confirm-button-justify":`center`,"--modal-confirm-button-text-align":`center`,"--modal-confirm-button-height":`{sizes.600}`,"--modal-confirm-button-padding-inline":`{spacing.300}`,"--modal-confirm-button-gap":`{spacing.200}`,"--modal-confirm-button-radii":`{radii.200}`,"--modal-confirm-button-border-width":`{borders.100}`,"--modal-confirm-button-border-style":`solid`,"--modal-confirm-button-focus-outline-width":`{borders.150}`,"--modal-confirm-button-focus-outline-style":`solid`,"--modal-confirm-button-focus-outline-offset":`{spacing.50}`,"--modal-confirm-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--modal-confirm-button-focus-shadow":`none`,"--modal-confirm-button-disabled-opacity":`0.5`,"--modal-confirm-button-transition":`{animations.200}`,"--modal-confirm-button-inner-gap":`{spacing.200}`,"--modal-confirm-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color":`transparent`,"--modal-confirm-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color-hover":`transparent`,"--modal-confirm-button-confirm-background-active":`{colors.primary.background.1.selected}`,"--modal-confirm-button-confirm-foreground-active":`{colors.primary.foreground.onPrimary.2.enabled}`,"--modal-confirm-button-confirm-border-color-active":`transparent`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="danger"]':{"--modal-confirm-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-confirm-button-confirm-foreground":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color":`transparent`,"--modal-confirm-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-confirm-button-confirm-foreground-hover":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color-hover":`transparent`,"--modal-confirm-button-confirm-background-active":`{colors.danger.background.1.selected}`,"--modal-confirm-button-confirm-foreground-active":`{colors.danger.foreground.onDanger.2.enabled}`,"--modal-confirm-button-confirm-border-color-active":`transparent`,"--modal-confirm-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`},"--modal-confirm-button-cancel-background":`{colors.neutral.background.1.enabled}`,"--modal-confirm-button-cancel-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-confirm-button-cancel-border-color":`{colors.neutral.stroke.1.enabled}`,"--modal-confirm-button-cancel-background-hover":`{colors.neutral.background.1.hovered}`,"--modal-confirm-button-cancel-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--modal-confirm-button-cancel-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--modal-confirm-button-cancel-focus-outline-color":`{colors.primary.stroke.1.focused}`}});export{t as modalConfirm};
|
|
2
2
|
//# sourceMappingURL=modal-confirm.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalConfirm = modal.merge({\n className: 'modal-confirm',\n jsx: ['ModalConfirm'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-confirm-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-confirm-x-offset, 4vw)',\n '--modal-size': 'var(--modal-confirm-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-confirm-overlay-background, rgba(0, 0, 0, .5))',\n '--modal-overlay-filter': 'var(--modal-confirm-overlay-filter, blur(10px))',\n '--modal-overlay-radius': 'var(--modal-confirm-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-confirm-overlay-zindex, 100)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-confirm-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-confirm-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-confirm-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-confirm-inner-zindex, 110)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-confirm-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-confirm-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-confirm-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-confirm-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-confirm-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-confirm-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-confirm-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-confirm-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-confirm-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-confirm-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-confirm-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-confirm-header-gap, {spacing.500})',\n '--modal-header-min-height':\n 'var(--modal-confirm-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-confirm-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-confirm-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-confirm-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-confirm-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-confirm-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-confirm-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-confirm-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-confirm-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-confirm-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-confirm-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-confirm-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-confirm-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-confirm-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-confirm-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-confirm-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-confirm-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-gap': 'var(--modal-confirm-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-confirm-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-confirm-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-confirm-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-confirm-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-confirm-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-confirm-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-confirm-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-confirm-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-confirm-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-confirm-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-confirm-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-confirm-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-confirm-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-confirm-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-confirm-footer-gap, {spacing.400})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-confirm-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-confirm-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-confirm-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-confirm-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height':\n 'var(--modal-confirm-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-confirm-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-confirm-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-confirm-footer-border-top-color, transparent)',\n\n /* button */\n '--modal-confirm-button-font-family': '{fonts.base}',\n '--modal-confirm-button-font-size': '{fontSizes.400}',\n '--modal-confirm-button-font-weight': '{fontWeights.medium}',\n '--modal-confirm-button-line-height': '1',\n '--modal-confirm-button-text-transform': 'none',\n '--modal-confirm-button-white-space': 'nowrap',\n '--modal-confirm-button-align': 'center',\n '--modal-confirm-button-justify': 'center',\n '--modal-confirm-button-text-align': 'center',\n '--modal-confirm-button-height': '{sizes.600}',\n '--modal-confirm-button-padding-inline': '{spacing.300}',\n '--modal-confirm-button-gap': '{spacing.200}',\n '--modal-confirm-button-radii': '{radii.200}',\n '--modal-confirm-button-border-width': '{borders.100}',\n '--modal-confirm-button-border-style': 'solid',\n '--modal-confirm-button-focus-outline-width': '{borders.150}',\n '--modal-confirm-button-focus-outline-style': 'solid',\n '--modal-confirm-button-focus-outline-offset': '{spacing.50}',\n '--modal-confirm-button-focus-outline-color':\n '{colors.neutral.stroke.1.focused}',\n '--modal-confirm-button-focus-shadow': 'none',\n '--modal-confirm-button-disabled-opacity': '0.5',\n '--modal-confirm-button-transition': '{animations.200}',\n '--modal-confirm-button-inner-gap': '{spacing.200}',\n\n /* button-confirm */\n '--modal-confirm-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color': 'transparent',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color-hover': 'transparent',\n '--modal-confirm-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color-active': 'transparent',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"danger\"]': {\n '--modal-confirm-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color': 'transparent',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color-hover': 'transparent',\n '--modal-confirm-button-confirm-background-active':\n '{colors.danger.background.1.selected}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color-active': 'transparent',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n\n /* button cancel */\n '--modal-confirm-button-cancel-background':\n '{colors.neutral.background.1.enabled}',\n '--modal-confirm-button-cancel-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--modal-confirm-button-cancel-border-color':\n '{colors.neutral.stroke.1.enabled}',\n '--modal-confirm-button-cancel-background-hover':\n '{colors.neutral.background.1.hovered}',\n '--modal-confirm-button-cancel-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--modal-confirm-button-cancel-border-color-hover':\n '{colors.neutral.stroke.1.hovered}',\n '--modal-confirm-button-cancel-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAe,EAAM,MAAM,CACtC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CAEJ,mBAAoB,sCACpB,mBAAoB,qCACpB,eAAgB,kCAGhB,6BACE,6DACF,yBAA0B,kDAC1B,yBAA0B,yCAC1B,yBAA0B,2CAG1B,sBAAuB,+CACvB,yBAA0B,4CAC1B,yBAA0B,4CAC1B,uBAAwB,yCAGxB,6BACE,iFACF,sBAAuB,kDACvB,uBACE,2DACF,wBACE,wDACF,yBAA0B,4CAC1B,4BACE,mDACF,4BACE,mDACF,6BACE,oFACF,wBAAyB,kDACzB,+BACE,2DACF,+BACE,mDACF,+BACE,+EACF,yBAA0B,4CAG1B,4BACE,sDACF,qBAAsB,iDACtB,4BACE,gDACF,qCACE,iEACF,mCACE,6DACF,sCACE,kEACF,oCACE,gEACF,qCACE,+DACF,qCACE,yDACF,qCACE,+DAGF,4BACE,uDACF,2BACE,+EACF,0BACE,wDACF,4BACE,6DACF,4BAA6B,8CAC7B,oBAAqB,gDACrB,+BACE,yDACF,8BACE,wDACF,8BACE,wDACF,6BACE,uDAGF,mBAAoB,+CACpB,mCACE,6DACF,iCACE,6DACF,oCACE,gEACF,kCACE,8DAGF,2BACE,qDACF,2BACE,+EACF,qBAAsB,+CACtB,wBAAyB,kDACzB,sBAAuB,gDACvB,6BACE,uDACF,6BACE,iDACF,6BACE,uDACF,0BACE,wDACF,mCACE,uFACF,mCACE,uFAGF,4BACE,sDACF,iCACE,wDACF,qBAAsB,iDACtB,sCACE,kEACF,oCACE,gEACF,qCACE,iEACF,mCACE,+DACF,4BACE,gDACF,kCACE,4DACF,kCACE,sDACF,kCACE,4DAGF,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,uBACtC,qCAAsC,IACtC,wCAAyC,OACzC,qCAAsC,SACtC,+BAAgC,SAChC,iCAAkC,SAClC,oCAAqC,SACrC,gCAAiC,cACjC,wCAAyC,gBACzC,6BAA8B,gBAC9B,+BAAgC,cAChC,sCAAuC,gBACvC,sCAAuC,QACvC,6CAA8C,gBAC9C,6CAA8C,QAC9C,8CAA+C,eAC/C,6CACE,oCACF,sCAAuC,OACvC,0CAA2C,MAC3C,oCAAqC,mBACrC,mCAAoC,gBAGpC,4CACE,wCACF,4CACE,kDACF,8CAA+C,cAC/C,kDACE,wCACF,kDACE,kDACF,oDAAqD,cACrD,mDACE,yCACF,mDACE,kDACF,qDAAsD,cACtD,qDACE,oCACF,0BAA2B,CACzB,4CACE,uCACF,4CACE,gDACF,8CAA+C,cAC/C,kDACE,uCACF,kDACE,gDACF,oDAAqD,cACrD,mDACE,wCACF,mDACE,gDACF,qDAAsD,cACtD,qDACE,oCACH,CAGD,2CACE,wCACF,2CACE,wCACF,6CACE,oCACF,iDACE,wCACF,iDACE,wCACF,mDACE,oCACF,oDACE,oCACH,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalConfirm = modal.merge({\n className: 'modal-confirm',\n jsx: ['ModalConfirm'],\n base: {\n /* root */\n '--modal-y-offset': 'var(--modal-confirm-y-offset, 4dvh)',\n '--modal-x-offset': 'var(--modal-confirm-x-offset, 4vw)',\n '--modal-size': 'var(--modal-confirm-size, auto)',\n\n /* overlay */\n '--modal-overlay-background':\n 'var(--modal-confirm-overlay-background, rgba(0, 0, 0, .5))',\n '--modal-overlay-filter': 'var(--modal-confirm-overlay-filter, blur(10px))',\n '--modal-overlay-radius': 'var(--modal-confirm-overlay-radius, 0)',\n '--modal-overlay-zindex': 'var(--modal-confirm-overlay-zindex, 110)',\n\n /* inner */\n '--modal-inner-align': 'var(--modal-confirm-inner-align, flex-start)',\n '--modal-inner-y-offset': 'var(--modal-confirm-inner-y-offset, 4dvh)',\n '--modal-inner-x-offset': 'var(--modal-confirm-inner-x-offset, 4dvw)',\n '--modal-inner-zindex': 'var(--modal-confirm-inner-zindex, 111)',\n\n /* content */\n '--modal-content-background':\n 'var(--modal-confirm-content-background, {colors.neutral.background.1.enabled})',\n '--modal-content-gap': 'var(--modal-confirm-content-gap, {spacing.600})',\n '--modal-content-flex':\n 'var(--modal-confirm-content-flex, 0 0 var(--modal-size))',\n '--modal-content-width':\n 'var(--modal-confirm-content-width, var(--modal-size))',\n '--modal-content-height': 'var(--modal-confirm-content-height, auto)',\n '--modal-content-min-width':\n 'var(--modal-confirm-content-min-width, 33.75rem)',\n '--modal-content-max-width':\n 'var(--modal-confirm-content-max-width, 33.75rem)',\n '--modal-content-max-height':\n 'var(--modal-confirm-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n '--modal-content-radii': 'var(--modal-confirm-content-radii, {radii.200})',\n '--modal-content-border-width':\n 'var(--modal-confirm-content-border-width, {borders.100})',\n '--modal-content-border-style':\n 'var(--modal-confirm-content-border-style, solid)',\n '--modal-content-border-color':\n 'var(--modal-confirm-content-border-color, {colors.neutral.stroke.7.enabled})',\n '--modal-content-shadow': 'var(--modal-confirm-content-shadow, none)',\n\n /* header */\n '--modal-header-background':\n 'var(--modal-confirm-header-background, transparent)',\n '--modal-header-gap': 'var(--modal-confirm-header-gap, {spacing.500})',\n '--modal-header-min-height':\n 'var(--modal-confirm-header-min-height, unset)',\n '--modal-header-padding-block-start':\n 'var(--modal-confirm-header-padding-block-start, {spacing.500})',\n '--modal-header-padding-block-end':\n 'var(--modal-confirm-header-padding-block-end, {spacing.0})',\n '--modal-header-padding-inline-start':\n 'var(--modal-confirm-header-padding-inline-start, {spacing.500})',\n '--modal-header-padding-inline-end':\n 'var(--modal-confirm-header-padding-inline-end, {spacing.500})',\n '--modal-header-border-bottom-width':\n 'var(--modal-confirm-header-border-bottom-width, {borders.0})',\n '--modal-header-border-bottom-style':\n 'var(--modal-confirm-header-border-bottom-style, solid)',\n '--modal-header-border-bottom-color':\n 'var(--modal-confirm-header-border-bottom-color, transparent)',\n\n /* title */\n '--modal-title-font-family':\n 'var(--modal-confirm-title-font-family, {fonts.base})',\n '--modal-title-foreground':\n 'var(--modal-confirm-title-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-title-font-size':\n 'var(--modal-confirm-title-font-size, {fontSizes.600})',\n '--modal-title-font-weight':\n 'var(--modal-confirm-title-font-weight, {fontWeights.bold})',\n '--modal-title-line-height': 'var(--modal-confirm-title-line-height, 1.2)',\n '--modal-title-gap': 'var(--modal-confirm-title-gap, {spacing.200})',\n '--modal-title-padding-inline':\n 'var(--modal-confirm-title-padding-inline, {spacing.0})',\n '--modal-title-padding-block':\n 'var(--modal-confirm-title-padding-block, {spacing.0})',\n '--modal-title-margin-inline':\n 'var(--modal-confirm-title-margin-inline, {spacing.0})',\n '--modal-title-margin-block':\n 'var(--modal-confirm-title-margin-block, {spacing.0})',\n\n /* body */\n '--modal-body-font-family':\n 'var(--modal-confirm-body-font-family, {fonts.base})',\n '--modal-body-foreground':\n 'var(--modal-confirm-body-foreground, {colors.neutral.foreground.1.enabled})',\n '--modal-body-font-size':\n 'var(--modal-confirm-body-font-size, {fontSizes.300})',\n '--modal-body-font-weight':\n 'var(--modal-confirm-body-font-weight, {fontWeights.regular})',\n '--modal-body-gap': 'var(--modal-confirm-body-gap, {spacing.600})',\n '--modal-body-padding-block-start':\n 'var(--modal-confirm-body-padding-block-start, {spacing.0})',\n '--modal-body-padding-block-end':\n 'var(--modal-confirm-body-padding-block-end, {spacing.500})',\n '--modal-body-padding-inline-start':\n 'var(--modal-confirm-body-padding-inline-start, {spacing.500})',\n '--modal-body-padding-inline-end':\n 'var(--modal-confirm-body-padding-inline-end, {spacing.500})',\n\n /* close */\n '--modal-close-background':\n 'var(--modal-confirm-close-background, transparent)',\n '--modal-close-foreground':\n 'var(--modal-confirm-close-foreground, {colors.neutral.foreground.3.enabled})',\n '--modal-close-size': 'var(--modal-confirm-close-size, {sizes.500})',\n '--modal-close-padding': 'var(--modal-confirm-close-padding, {spacing.0})',\n '--modal-close-radii': 'var(--modal-confirm-close-radii, {radii.100})',\n '--modal-close-border-width':\n 'var(--modal-confirm-close-border-width, {borders.0})',\n '--modal-close-border-style':\n 'var(--modal-confirm-close-border-style, solid)',\n '--modal-close-border-color':\n 'var(--modal-confirm-close-border-color, transparent)',\n '--modal-close-font-size':\n 'var(--modal-confirm-close-font-size, {fontSizes.300})',\n '--modal-close-background-hovered':\n 'var(--modal-confirm-close-background-hovered, {colors.neutral.background.1.hovered})',\n '--modal-close-foreground-hovered':\n 'var(--modal-confirm-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n /* footer */\n '--modal-footer-background':\n 'var(--modal-confirm-footer-background, transparent)',\n '--modal-footer-justify-content':\n 'var(--modal-confirm-footer-justify-content, flex-end)',\n '--modal-footer-gap': 'var(--modal-confirm-footer-gap, {spacing.400})',\n '--modal-footer-padding-inline-start':\n 'var(--modal-confirm-footer-padding-inline-start, {spacing.500})',\n '--modal-footer-padding-inline-end':\n 'var(--modal-confirm-footer-padding-inline-end, {spacing.500})',\n '--modal-footer-padding-block-start':\n 'var(--modal-confirm-footer-padding-block-start, {spacing.300})',\n '--modal-footer-padding-block-end':\n 'var(--modal-confirm-footer-padding-block-end, {spacing.500})',\n '--modal-footer-min-height':\n 'var(--modal-confirm-footer-min-height, unset)',\n '--modal-footer-border-top-width':\n 'var(--modal-confirm-footer-border-top-width, {borders.0})',\n '--modal-footer-border-top-style':\n 'var(--modal-confirm-footer-border-top-style, solid)',\n '--modal-footer-border-top-color':\n 'var(--modal-confirm-footer-border-top-color, transparent)',\n\n /* button */\n '--modal-confirm-button-font-family': '{fonts.base}',\n '--modal-confirm-button-font-size': '{fontSizes.400}',\n '--modal-confirm-button-font-weight': '{fontWeights.medium}',\n '--modal-confirm-button-line-height': '1',\n '--modal-confirm-button-text-transform': 'none',\n '--modal-confirm-button-white-space': 'nowrap',\n '--modal-confirm-button-align': 'center',\n '--modal-confirm-button-justify': 'center',\n '--modal-confirm-button-text-align': 'center',\n '--modal-confirm-button-height': '{sizes.600}',\n '--modal-confirm-button-padding-inline': '{spacing.300}',\n '--modal-confirm-button-gap': '{spacing.200}',\n '--modal-confirm-button-radii': '{radii.200}',\n '--modal-confirm-button-border-width': '{borders.100}',\n '--modal-confirm-button-border-style': 'solid',\n '--modal-confirm-button-focus-outline-width': '{borders.150}',\n '--modal-confirm-button-focus-outline-style': 'solid',\n '--modal-confirm-button-focus-outline-offset': '{spacing.50}',\n '--modal-confirm-button-focus-outline-color':\n '{colors.neutral.stroke.1.focused}',\n '--modal-confirm-button-focus-shadow': 'none',\n '--modal-confirm-button-disabled-opacity': '0.5',\n '--modal-confirm-button-transition': '{animations.200}',\n '--modal-confirm-button-inner-gap': '{spacing.200}',\n\n /* button-confirm */\n '--modal-confirm-button-confirm-background':\n '{colors.primary.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color': 'transparent',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.primary.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color-hover': 'transparent',\n '--modal-confirm-button-confirm-background-active':\n '{colors.primary.background.1.selected}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--modal-confirm-button-confirm-border-color-active': 'transparent',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '&[data-intent=\"danger\"]': {\n '--modal-confirm-button-confirm-background':\n '{colors.danger.background.1.enabled}',\n '--modal-confirm-button-confirm-foreground':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color': 'transparent',\n '--modal-confirm-button-confirm-background-hover':\n '{colors.danger.background.1.hovered}',\n '--modal-confirm-button-confirm-foreground-hover':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color-hover': 'transparent',\n '--modal-confirm-button-confirm-background-active':\n '{colors.danger.background.1.selected}',\n '--modal-confirm-button-confirm-foreground-active':\n '{colors.danger.foreground.onDanger.2.enabled}',\n '--modal-confirm-button-confirm-border-color-active': 'transparent',\n '--modal-confirm-button-confirm-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n\n /* button cancel */\n '--modal-confirm-button-cancel-background':\n '{colors.neutral.background.1.enabled}',\n '--modal-confirm-button-cancel-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--modal-confirm-button-cancel-border-color':\n '{colors.neutral.stroke.1.enabled}',\n '--modal-confirm-button-cancel-background-hover':\n '{colors.neutral.background.1.hovered}',\n '--modal-confirm-button-cancel-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--modal-confirm-button-cancel-border-color-hover':\n '{colors.neutral.stroke.1.hovered}',\n '--modal-confirm-button-cancel-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAe,EAAM,MAAM,CACtC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CAEJ,mBAAoB,sCACpB,mBAAoB,qCACpB,eAAgB,kCAGhB,6BACE,6DACF,yBAA0B,kDAC1B,yBAA0B,yCAC1B,yBAA0B,2CAG1B,sBAAuB,+CACvB,yBAA0B,4CAC1B,yBAA0B,4CAC1B,uBAAwB,yCAGxB,6BACE,iFACF,sBAAuB,kDACvB,uBACE,2DACF,wBACE,wDACF,yBAA0B,4CAC1B,4BACE,mDACF,4BACE,mDACF,6BACE,oFACF,wBAAyB,kDACzB,+BACE,2DACF,+BACE,mDACF,+BACE,+EACF,yBAA0B,4CAG1B,4BACE,sDACF,qBAAsB,iDACtB,4BACE,gDACF,qCACE,iEACF,mCACE,6DACF,sCACE,kEACF,oCACE,gEACF,qCACE,+DACF,qCACE,yDACF,qCACE,+DAGF,4BACE,uDACF,2BACE,+EACF,0BACE,wDACF,4BACE,6DACF,4BAA6B,8CAC7B,oBAAqB,gDACrB,+BACE,yDACF,8BACE,wDACF,8BACE,wDACF,6BACE,uDAGF,2BACE,sDACF,0BACE,8EACF,yBACE,uDACF,2BACE,+DACF,mBAAoB,+CACpB,mCACE,6DACF,iCACE,6DACF,oCACE,gEACF,kCACE,8DAGF,2BACE,qDACF,2BACE,+EACF,qBAAsB,+CACtB,wBAAyB,kDACzB,sBAAuB,gDACvB,6BACE,uDACF,6BACE,iDACF,6BACE,uDACF,0BACE,wDACF,mCACE,uFACF,mCACE,uFAGF,4BACE,sDACF,iCACE,wDACF,qBAAsB,iDACtB,sCACE,kEACF,oCACE,gEACF,qCACE,iEACF,mCACE,+DACF,4BACE,gDACF,kCACE,4DACF,kCACE,sDACF,kCACE,4DAGF,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,uBACtC,qCAAsC,IACtC,wCAAyC,OACzC,qCAAsC,SACtC,+BAAgC,SAChC,iCAAkC,SAClC,oCAAqC,SACrC,gCAAiC,cACjC,wCAAyC,gBACzC,6BAA8B,gBAC9B,+BAAgC,cAChC,sCAAuC,gBACvC,sCAAuC,QACvC,6CAA8C,gBAC9C,6CAA8C,QAC9C,8CAA+C,eAC/C,6CACE,oCACF,sCAAuC,OACvC,0CAA2C,MAC3C,oCAAqC,mBACrC,mCAAoC,gBAGpC,4CACE,wCACF,4CACE,kDACF,8CAA+C,cAC/C,kDACE,wCACF,kDACE,kDACF,oDAAqD,cACrD,mDACE,yCACF,mDACE,kDACF,qDAAsD,cACtD,qDACE,oCACF,0BAA2B,CACzB,4CACE,uCACF,4CACE,gDACF,8CAA+C,cAC/C,kDACE,uCACF,kDACE,gDACF,oDAAqD,cACrD,mDACE,wCACF,mDACE,gDACF,qDAAsD,cACtD,qDACE,oCACH,CAGD,2CACE,wCACF,2CACE,wCACF,6CACE,oCACF,iDACE,wCACF,iDACE,wCACF,mDACE,oCACF,oDACE,oCACH,CACF,CAAC"}
|