@mage-ui/preset 1.0.92 → 1.0.94
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-footer.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-footer.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-button-confirm.mjs +1 -1
- package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.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-button-cancel.mjs +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel.mjs.map +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm.mjs +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm.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__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.
|
|
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};
|
|
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.
|
|
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,4BACT,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":`110`,"--modal-content-background":`{colors.neutral.background.1.enabled}`,"--modal-content-gap":`{spacing.600}`,"--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-header-background":`transparent`,"--modal-header-gap":`{spacing.500}`,"--modal-header-min-height":`unset`,"--modal-header-padding-block-start":`{spacing.500}`,"--modal-header-padding-block-end":`{spacing.0}`,"--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-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.
|
|
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":`110`,"--modal-content-background":`{colors.neutral.background.1.enabled}`,"--modal-content-gap":`{spacing.600}`,"--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-header-background":`transparent`,"--modal-header-gap":`{spacing.500}`,"--modal-header-min-height":`unset`,"--modal-header-padding-block-start":`{spacing.500}`,"--modal-header-padding-block-end":`{spacing.0}`,"--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-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': '110',\n\n /* content */\n '--modal-content-background': '{colors.neutral.background.1.enabled}',\n '--modal-content-gap': '{spacing.600}',\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 /* header */\n '--modal-header-background': 'transparent',\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.0}',\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-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.
|
|
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': '110',\n\n /* content */\n '--modal-content-background': '{colors.neutral.background.1.enabled}',\n '--modal-content-gap': '{spacing.600}',\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 /* header */\n '--modal-header-background': 'transparent',\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.0}',\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-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,OAG1B,4BAA6B,cAC7B,qBAAsB,gBACtB,4BAA6B,QAC7B,qCAAsC,gBACtC,mCAAoC,cACpC,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,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{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-alert__button-confirm`,jsx:[`ModalAlert`],base:{"--button-background":`var(--modal-alert-button-confirm-background, {colors.primary.background.2.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-background-hover, {colors.primary.background.2.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-background-active, {colors.primary.background.2.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="info"] &':{"--button-background":`var(--modal-alert-button-confirm-info-background, {colors.primary.background.2.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-info-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-info-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-info-background-hover, {colors.primary.background.2.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-info-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-info-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-info-background-active, {colors.primary.background.2.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-info-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-info-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-info-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="success"] &':{"--button-background":`var(--modal-alert-button-confirm-success-background, {colors.success.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-success-foreground, {colors.success.foreground.onSuccess.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-success-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-success-background-hover, {colors.success.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-success-foreground-hover, {colors.success.foreground.onSuccess.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-success-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-success-background-active, {colors.success.background.1.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-success-foreground-active, {colors.success.foreground.onSuccess.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-success-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-success-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="warning"] &':{"--button-background":`var(--modal-alert-button-confirm-warning-background, {colors.warning.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-warning-foreground, {colors.warning.foreground.onWarning.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-warning-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-warning-background-hover, {colors.warning.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-warning-foreground-hover, {colors.warning.foreground.onWarning.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-warning-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-warning-background-active, {colors.warning.background.1.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-warning-foreground-active, {colors.warning.foreground.onWarning.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-warning-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-warning-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="danger"] &':{"--button-background":`var(--modal-alert-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-danger-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-danger-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-danger-background-active, {colors.danger.background.1.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-danger-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})`}}});export{t as modalAlertButtonConfirm};
|
|
1
|
+
import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-alert__button-confirm`,jsx:[`ModalAlert`],base:{"--button-font-family":`var(--modal-alert-button-font-family, {fonts.base})`,"--button-font-size":`var(--modal-alert-button-font-size, {fontSizes.400})`,"--button-font-weight":`var(--modal-alert-button-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--modal-alert-button-line-height, 1)`,"--button-text-transform":`var(--modal-alert-button-text-transform, none)`,"--button-white-space":`var(--modal-alert-button-white-space, nowrap)`,"--button-align":`var(--modal-alert-button-align, center)`,"--button-justify":`var(--modal-alert-button-justify, center)`,"--button-text-align":`var(--modal-alert-button-text-align, center)`,"--button-height":`var(--modal-alert-button-height, {sizes.600})`,"--button-padding-inline":`var(--modal-alert-button-padding-inline, {spacing.300})`,"--button-gap":`var(--modal-alert-button-gap, {spacing.200})`,"--button-radii":`var(--modal-alert-button-radii, {radii.200})`,"--button-border-width":`var(--modal-alert-button-border-width, {borders.100})`,"--button-border-style":`var(--modal-alert-button-border-style, solid)`,"--button-focus-outline-width":`var(--modal-alert-button-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--modal-alert-button-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--modal-alert-button-focus-outline-offset, {spacing.50})`,"--button-focus-shadow":`var(--modal-alert-button-focus-shadow, none)`,"--button-disabled-opacity":`var(--modal-alert-button-disabled-opacity, 0.5)`,"--button-transition":`var(--modal-alert-button-transition, {animations.200})`,"--button-inner-gap":`var(--modal-alert-button-inner-gap, {spacing.200})`,"--button-background":`var(--modal-alert-button-confirm-background, {colors.primary.background.2.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-background-hover, {colors.primary.background.2.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-background-active, {colors.primary.background.2.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="info"] &':{"--button-background":`var(--modal-alert-button-confirm-info-background, {colors.primary.background.2.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-info-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-info-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-info-background-hover, {colors.primary.background.2.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-info-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-info-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-info-background-active, {colors.primary.background.2.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-info-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-info-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-info-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="success"] &':{"--button-background":`var(--modal-alert-button-confirm-success-background, {colors.success.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-success-foreground, {colors.success.foreground.onSuccess.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-success-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-success-background-hover, {colors.success.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-success-foreground-hover, {colors.success.foreground.onSuccess.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-success-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-success-background-active, {colors.success.background.1.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-success-foreground-active, {colors.success.foreground.onSuccess.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-success-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-success-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="warning"] &':{"--button-background":`var(--modal-alert-button-confirm-warning-background, {colors.warning.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-warning-foreground, {colors.warning.foreground.onWarning.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-warning-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-warning-background-hover, {colors.warning.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-warning-foreground-hover, {colors.warning.foreground.onWarning.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-warning-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-warning-background-active, {colors.warning.background.1.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-warning-foreground-active, {colors.warning.foreground.onWarning.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-warning-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-warning-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="danger"] &':{"--button-background":`var(--modal-alert-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-danger-border-color, transparent)`,"--button-background-hover":`var(--modal-alert-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-danger-border-color-hover, transparent)`,"--button-background-active":`var(--modal-alert-button-confirm-danger-background-active, {colors.danger.background.1.selected})`,"--button-foreground-active":`var(--modal-alert-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-active":`var(--modal-alert-button-confirm-danger-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})`}}});export{t as modalAlertButtonConfirm};
|
|
2
2
|
//# sourceMappingURL=modal-alert-button-confirm.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-alert-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalAlertButtonConfirm = button.merge({\n className: 'modal-alert__button-confirm',\n jsx: ['ModalAlert'],\n base: {\n '--button-background':\n 'var(--modal-alert-button-confirm-background, {colors.primary.background.2.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-background-hover, {colors.primary.background.2.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-background-active, {colors.primary.background.2.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n '[data-intent=\"info\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-info-background, {colors.primary.background.2.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-info-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-info-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-info-background-hover, {colors.primary.background.2.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-info-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-info-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-info-background-active, {colors.primary.background.2.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-info-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-info-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-info-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n\n '[data-intent=\"success\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-success-background, {colors.success.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-success-foreground, {colors.success.foreground.onSuccess.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-success-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-success-background-hover, {colors.success.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-success-foreground-hover, {colors.success.foreground.onSuccess.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-success-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-success-background-active, {colors.success.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-success-foreground-active, {colors.success.foreground.onSuccess.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-success-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-success-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n\n '[data-intent=\"warning\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-warning-background, {colors.warning.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-warning-foreground, {colors.warning.foreground.onWarning.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-warning-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-warning-background-hover, {colors.warning.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-warning-foreground-hover, {colors.warning.foreground.onWarning.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-warning-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-warning-background-active, {colors.warning.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-warning-foreground-active, {colors.warning.foreground.onWarning.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-warning-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-warning-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n\n '[data-intent=\"danger\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-danger-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-danger-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-danger-background-active, {colors.danger.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-danger-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA0B,EAAO,MAAM,CAClD,UAAW,8BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,sBACE,sFACF,sBACE,gGACF,wBACE,8DAEF,4BACE,4FACF,4BACE,sGACF,8BACE,oEAEF,6BACE,8FACF,6BACE,uGACF,+BACE,qEAEF,+BACE,2FAEF,yBAA0B,CACxB,sBACE,2FACF,sBACE,qGACF,wBACE,mEAEF,4BACE,iGACF,4BACE,2GACF,8BACE,yEAEF,6BACE,mGACF,6BACE,4GACF,+BACE,0EAEF,+BACE,gGACH,CAED,4BAA6B,CAC3B,sBACE,8FACF,sBACE,wGACF,wBACE,sEAEF,4BACE,oGACF,4BACE,8GACF,8BACE,4EAEF,6BACE,sGACF,6BACE,+GACF,+BACE,6EAEF,+BACE,mGACH,CAED,4BAA6B,CAC3B,sBACE,8FACF,sBACE,wGACF,wBACE,sEAEF,4BACE,oGACF,4BACE,8GACF,8BACE,4EAEF,6BACE,sGACF,6BACE,+GACF,+BACE,6EAEF,+BACE,mGACH,CAED,2BAA4B,CAC1B,sBACE,4FACF,sBACE,qGACF,wBACE,qEAEF,4BACE,kGACF,4BACE,2GACF,8BACE,2EAEF,6BACE,oGACF,6BACE,4GACF,+BACE,4EAEF,+BACE,kGACH,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal-alert-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalAlertButtonConfirm = button.merge({\n className: 'modal-alert__button-confirm',\n jsx: ['ModalAlert'],\n base: {\n '--button-font-family':\n 'var(--modal-alert-button-font-family, {fonts.base})',\n '--button-font-size':\n 'var(--modal-alert-button-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--modal-alert-button-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--modal-alert-button-line-height, 1)',\n '--button-text-transform': 'var(--modal-alert-button-text-transform, none)',\n '--button-white-space': 'var(--modal-alert-button-white-space, nowrap)',\n '--button-align': 'var(--modal-alert-button-align, center)',\n '--button-justify': 'var(--modal-alert-button-justify, center)',\n '--button-text-align': 'var(--modal-alert-button-text-align, center)',\n '--button-height': 'var(--modal-alert-button-height, {sizes.600})',\n '--button-padding-inline':\n 'var(--modal-alert-button-padding-inline, {spacing.300})',\n '--button-gap': 'var(--modal-alert-button-gap, {spacing.200})',\n '--button-radii': 'var(--modal-alert-button-radii, {radii.200})',\n '--button-border-width':\n 'var(--modal-alert-button-border-width, {borders.100})',\n '--button-border-style': 'var(--modal-alert-button-border-style, solid)',\n '--button-focus-outline-width':\n 'var(--modal-alert-button-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--modal-alert-button-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--modal-alert-button-focus-outline-offset, {spacing.50})',\n '--button-focus-shadow': 'var(--modal-alert-button-focus-shadow, none)',\n '--button-disabled-opacity':\n 'var(--modal-alert-button-disabled-opacity, 0.5)',\n '--button-transition':\n 'var(--modal-alert-button-transition, {animations.200})',\n '--button-inner-gap': 'var(--modal-alert-button-inner-gap, {spacing.200})',\n\n '--button-background':\n 'var(--modal-alert-button-confirm-background, {colors.primary.background.2.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-background-hover, {colors.primary.background.2.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-background-active, {colors.primary.background.2.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n '[data-intent=\"info\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-info-background, {colors.primary.background.2.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-info-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-info-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-info-background-hover, {colors.primary.background.2.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-info-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-info-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-info-background-active, {colors.primary.background.2.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-info-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-info-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-info-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n\n '[data-intent=\"success\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-success-background, {colors.success.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-success-foreground, {colors.success.foreground.onSuccess.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-success-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-success-background-hover, {colors.success.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-success-foreground-hover, {colors.success.foreground.onSuccess.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-success-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-success-background-active, {colors.success.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-success-foreground-active, {colors.success.foreground.onSuccess.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-success-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-success-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n\n '[data-intent=\"warning\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-warning-background, {colors.warning.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-warning-foreground, {colors.warning.foreground.onWarning.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-warning-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-warning-background-hover, {colors.warning.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-warning-foreground-hover, {colors.warning.foreground.onWarning.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-warning-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-warning-background-active, {colors.warning.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-warning-foreground-active, {colors.warning.foreground.onWarning.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-warning-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-warning-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n\n '[data-intent=\"danger\"] &': {\n '--button-background':\n 'var(--modal-alert-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-alert-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color':\n 'var(--modal-alert-button-confirm-danger-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-alert-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-alert-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-alert-button-confirm-danger-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-alert-button-confirm-danger-background-active, {colors.danger.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-alert-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-alert-button-confirm-danger-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-alert-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA0B,EAAO,MAAM,CAClD,UAAW,8BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,uBACE,sDACF,qBACE,uDACF,uBACE,8DACF,uBAAwB,2CACxB,0BAA2B,iDAC3B,uBAAwB,gDACxB,iBAAkB,0CAClB,mBAAoB,4CACpB,sBAAuB,+CACvB,kBAAmB,gDACnB,0BACE,0DACF,eAAgB,+CAChB,iBAAkB,+CAClB,wBACE,wDACF,wBAAyB,gDACzB,+BACE,+DACF,+BACE,uDACF,gCACE,+DACF,wBAAyB,+CACzB,4BACE,kDACF,sBACE,yDACF,qBAAsB,qDAEtB,sBACE,sFACF,sBACE,gGACF,wBACE,8DAEF,4BACE,4FACF,4BACE,sGACF,8BACE,oEAEF,6BACE,8FACF,6BACE,uGACF,+BACE,qEAEF,+BACE,2FAEF,yBAA0B,CACxB,sBACE,2FACF,sBACE,qGACF,wBACE,mEAEF,4BACE,iGACF,4BACE,2GACF,8BACE,yEAEF,6BACE,mGACF,6BACE,4GACF,+BACE,0EAEF,+BACE,gGACH,CAED,4BAA6B,CAC3B,sBACE,8FACF,sBACE,wGACF,wBACE,sEAEF,4BACE,oGACF,4BACE,8GACF,8BACE,4EAEF,6BACE,sGACF,6BACE,+GACF,+BACE,6EAEF,+BACE,mGACH,CAED,4BAA6B,CAC3B,sBACE,8FACF,sBACE,wGACF,wBACE,sEAEF,4BACE,oGACF,4BACE,8GACF,8BACE,4EAEF,6BACE,sGACF,6BACE,+GACF,+BACE,6EAEF,+BACE,mGACH,CAED,2BAA4B,CAC1B,sBACE,4FACF,sBACE,qGACF,wBACE,qEAEF,4BACE,kGACF,4BACE,2GACF,8BACE,2EAEF,6BACE,oGACF,6BACE,4GACF,+BACE,4EAEF,+BACE,kGACH,CACF,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.500})`,"--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-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, 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};
|
|
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.500})',\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-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,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, 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,2 +1,2 @@
|
|
|
1
|
-
import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-cancel`,jsx:[`ModalConfirm`],base:{"--button-background":`var(--modal-confirm-button-cancel-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-cancel-foreground, {colors.neutral.foreground.1.enabled})`,"--button-border-color":`var(--modal-confirm-button-cancel-border-color, {colors.neutral.stroke.1.enabled})`,"--button-background-hover":`var(--modal-confirm-button-cancel-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-cancel-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--modal-confirm-button-cancel-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-confirm-button-cancel-focus-outline-color, {colors.primary.stroke.1.focused})`}});export{t as modalConfirmButtonCancel};
|
|
1
|
+
import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-cancel`,jsx:[`ModalConfirm`],base:{"--button-font-family":`var(--modal-confirm-button-font-family, {fonts.base})`,"--button-font-size":`var(--modal-confirm-button-font-size, {fontSizes.400})`,"--button-font-weight":`var(--modal-confirm-button-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--modal-confirm-button-line-height, 1)`,"--button-text-transform":`var(--modal-confirm-button-text-transform, none)`,"--button-white-space":`var(--modal-confirm-button-white-space, nowrap)`,"--button-align":`var(--modal-confirm-button-align, center)`,"--button-justify":`var(--modal-confirm-button-justify, center)`,"--button-text-align":`var(--modal-confirm-button-text-align, center)`,"--button-height":`var(--modal-confirm-button-height, {sizes.600})`,"--button-padding-inline":`var(--modal-confirm-button-padding-inline, {spacing.300})`,"--button-gap":`var(--modal-confirm-button-gap, {spacing.200})`,"--button-radii":`var(--modal-confirm-button-radii, {radii.200})`,"--button-border-width":`var(--modal-confirm-button-border-width, {borders.100})`,"--button-border-style":`var(--modal-confirm-button-border-style, solid)`,"--button-focus-outline-width":`var(--modal-confirm-button-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--modal-confirm-button-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--modal-confirm-button-focus-outline-offset, {spacing.50})`,"--button-focus-shadow":`var(--modal-confirm-button-focus-shadow, none)`,"--button-disabled-opacity":`var(--modal-confirm-button-disabled-opacity, 0.5)`,"--button-transition":`var(--modal-confirm-button-transition, {animations.200})`,"--button-inner-gap":`var(--modal-confirm-button-inner-gap, {spacing.200})`,"--button-background":`var(--modal-confirm-button-cancel-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-cancel-foreground, {colors.neutral.foreground.1.enabled})`,"--button-border-color":`var(--modal-confirm-button-cancel-border-color, {colors.neutral.stroke.1.enabled})`,"--button-background-hover":`var(--modal-confirm-button-cancel-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-cancel-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--modal-confirm-button-cancel-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-confirm-button-cancel-focus-outline-color, {colors.primary.stroke.1.focused})`}});export{t as modalConfirmButtonCancel};
|
|
2
2
|
//# sourceMappingURL=modal-confirm-button-cancel.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-confirm-button-cancel.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonCancel = button.merge({\n className: 'modal-confirm__button-cancel',\n jsx: ['ModalConfirm'],\n base: {\n '--button-background':\n 'var(--modal-confirm-button-cancel-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-cancel-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-cancel-border-color, {colors.neutral.stroke.1.enabled})',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-cancel-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-cancel-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-cancel-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-cancel-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA2B,EAAO,MAAM,CACnD,UAAW,+BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBACE,uFACF,sBACE,uFACF,wBACE,qFAEF,4BACE,6FACF,4BACE,6FACF,8BACE,2FAEF,+BACE,4FACH,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal-confirm-button-cancel.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonCancel = button.merge({\n className: 'modal-confirm__button-cancel',\n jsx: ['ModalConfirm'],\n base: {\n '--button-font-family':\n 'var(--modal-confirm-button-font-family, {fonts.base})',\n '--button-font-size':\n 'var(--modal-confirm-button-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--modal-confirm-button-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--modal-confirm-button-line-height, 1)',\n '--button-text-transform':\n 'var(--modal-confirm-button-text-transform, none)',\n '--button-white-space': 'var(--modal-confirm-button-white-space, nowrap)',\n '--button-align': 'var(--modal-confirm-button-align, center)',\n '--button-justify': 'var(--modal-confirm-button-justify, center)',\n '--button-text-align': 'var(--modal-confirm-button-text-align, center)',\n '--button-height': 'var(--modal-confirm-button-height, {sizes.600})',\n '--button-padding-inline':\n 'var(--modal-confirm-button-padding-inline, {spacing.300})',\n '--button-gap': 'var(--modal-confirm-button-gap, {spacing.200})',\n '--button-radii': 'var(--modal-confirm-button-radii, {radii.200})',\n '--button-border-width':\n 'var(--modal-confirm-button-border-width, {borders.100})',\n '--button-border-style': 'var(--modal-confirm-button-border-style, solid)',\n '--button-focus-outline-width':\n 'var(--modal-confirm-button-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--modal-confirm-button-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--modal-confirm-button-focus-outline-offset, {spacing.50})',\n '--button-focus-shadow': 'var(--modal-confirm-button-focus-shadow, none)',\n '--button-disabled-opacity':\n 'var(--modal-confirm-button-disabled-opacity, 0.5)',\n '--button-transition':\n 'var(--modal-confirm-button-transition, {animations.200})',\n '--button-inner-gap':\n 'var(--modal-confirm-button-inner-gap, {spacing.200})',\n\n '--button-background':\n 'var(--modal-confirm-button-cancel-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-cancel-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-cancel-border-color, {colors.neutral.stroke.1.enabled})',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-cancel-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-cancel-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-cancel-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-cancel-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA2B,EAAO,MAAM,CACnD,UAAW,+BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,uBACE,wDACF,qBACE,yDACF,uBACE,gEACF,uBAAwB,6CACxB,0BACE,mDACF,uBAAwB,kDACxB,iBAAkB,4CAClB,mBAAoB,8CACpB,sBAAuB,iDACvB,kBAAmB,kDACnB,0BACE,4DACF,eAAgB,iDAChB,iBAAkB,iDAClB,wBACE,0DACF,wBAAyB,kDACzB,+BACE,iEACF,+BACE,yDACF,gCACE,iEACF,wBAAyB,iDACzB,4BACE,oDACF,sBACE,2DACF,qBACE,uDAEF,sBACE,uFACF,sBACE,uFACF,wBACE,qFAEF,4BACE,6FACF,4BACE,6FACF,8BACE,2FAEF,+BACE,4FACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-confirm`,jsx:[`ModalConfirm`],base:{"--button-background":`var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-border-color, transparent)`,"--button-background-hover":`var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-border-color-hover, transparent)`,"--button-background-active":`var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.selected})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="danger"] &':{"--button-background":`var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-danger-border-color, transparent)`,"--button-background-hover":`var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-danger-border-color-hover, transparent)`,"--button-background-active":`var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.selected})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-danger-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})`}}});export{t as modalConfirmButtonConfirm};
|
|
1
|
+
import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-confirm`,jsx:[`ModalConfirm`],base:{"--button-font-family":`var(--modal-confirm-button-font-family, {fonts.base})`,"--button-font-size":`var(--modal-confirm-button-font-size, {fontSizes.400})`,"--button-font-weight":`var(--modal-confirm-button-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--modal-confirm-button-line-height, 1)`,"--button-text-transform":`var(--modal-confirm-button-text-transform, none)`,"--button-white-space":`var(--modal-confirm-button-white-space, nowrap)`,"--button-align":`var(--modal-confirm-button-align, center)`,"--button-justify":`var(--modal-confirm-button-justify, center)`,"--button-text-align":`var(--modal-confirm-button-text-align, center)`,"--button-height":`var(--modal-confirm-button-height, {sizes.600})`,"--button-padding-inline":`var(--modal-confirm-button-padding-inline, {spacing.300})`,"--button-gap":`var(--modal-confirm-button-gap, {spacing.200})`,"--button-radii":`var(--modal-confirm-button-radii, {radii.200})`,"--button-border-width":`var(--modal-confirm-button-border-width, {borders.100})`,"--button-border-style":`var(--modal-confirm-button-border-style, solid)`,"--button-focus-outline-width":`var(--modal-confirm-button-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--modal-confirm-button-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--modal-confirm-button-focus-outline-offset, {spacing.50})`,"--button-focus-shadow":`var(--modal-confirm-button-focus-shadow, none)`,"--button-disabled-opacity":`var(--modal-confirm-button-disabled-opacity, 0.5)`,"--button-transition":`var(--modal-confirm-button-transition, {animations.200})`,"--button-inner-gap":`var(--modal-confirm-button-inner-gap, {spacing.200})`,"--button-background":`var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-border-color, transparent)`,"--button-background-hover":`var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-border-color-hover, transparent)`,"--button-background-active":`var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.selected})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="danger"] &':{"--button-background":`var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color":`var(--modal-confirm-button-confirm-danger-border-color, transparent)`,"--button-background-hover":`var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-hover":`var(--modal-confirm-button-confirm-danger-border-color-hover, transparent)`,"--button-background-active":`var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.selected})`,"--button-foreground-active":`var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})`,"--button-border-color-active":`var(--modal-confirm-button-confirm-danger-border-color-active, transparent)`,"--button-focus-outline-color":`var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})`}}});export{t as modalConfirmButtonConfirm};
|
|
2
2
|
//# sourceMappingURL=modal-confirm-button-confirm.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-confirm-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonConfirm = button.merge({\n className: 'modal-confirm__button-confirm',\n jsx: ['ModalConfirm'],\n base: {\n '--button-background':\n 'var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n '[data-intent=\"danger\"] &': {\n '--button-background':\n 'var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-danger-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-danger-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-danger-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA4B,EAAO,MAAM,CACpD,UAAW,gCACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBACE,wFACF,sBACE,kGACF,wBACE,gEAEF,4BACE,8FACF,4BACE,wGACF,8BACE,sEAEF,6BACE,gGACF,6BACE,yGACF,+BACE,uEAEF,+BACE,6FAEF,2BAA4B,CAC1B,sBACE,8FACF,sBACE,uGACF,wBACE,uEAEF,4BACE,oGACF,4BACE,6GACF,8BACE,6EAEF,6BACE,sGACF,6BACE,8GACF,+BACE,8EAEF,+BACE,oGACH,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal-confirm-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonConfirm = button.merge({\n className: 'modal-confirm__button-confirm',\n jsx: ['ModalConfirm'],\n base: {\n '--button-font-family':\n 'var(--modal-confirm-button-font-family, {fonts.base})',\n '--button-font-size':\n 'var(--modal-confirm-button-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--modal-confirm-button-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--modal-confirm-button-line-height, 1)',\n '--button-text-transform':\n 'var(--modal-confirm-button-text-transform, none)',\n '--button-white-space': 'var(--modal-confirm-button-white-space, nowrap)',\n '--button-align': 'var(--modal-confirm-button-align, center)',\n '--button-justify': 'var(--modal-confirm-button-justify, center)',\n '--button-text-align': 'var(--modal-confirm-button-text-align, center)',\n '--button-height': 'var(--modal-confirm-button-height, {sizes.600})',\n '--button-padding-inline':\n 'var(--modal-confirm-button-padding-inline, {spacing.300})',\n '--button-gap': 'var(--modal-confirm-button-gap, {spacing.200})',\n '--button-radii': 'var(--modal-confirm-button-radii, {radii.200})',\n '--button-border-width':\n 'var(--modal-confirm-button-border-width, {borders.100})',\n '--button-border-style': 'var(--modal-confirm-button-border-style, solid)',\n '--button-focus-outline-width':\n 'var(--modal-confirm-button-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--modal-confirm-button-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--modal-confirm-button-focus-outline-offset, {spacing.50})',\n '--button-focus-shadow': 'var(--modal-confirm-button-focus-shadow, none)',\n '--button-disabled-opacity':\n 'var(--modal-confirm-button-disabled-opacity, 0.5)',\n '--button-transition':\n 'var(--modal-confirm-button-transition, {animations.200})',\n '--button-inner-gap':\n 'var(--modal-confirm-button-inner-gap, {spacing.200})',\n\n '--button-background':\n 'var(--modal-confirm-button-confirm-background, {colors.primary.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-background-hover, {colors.primary.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-foreground-hover, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-background-active, {colors.primary.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-foreground-active, {colors.primary.foreground.onPrimary.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n '[data-intent=\"danger\"] &': {\n '--button-background':\n 'var(--modal-confirm-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n '--button-foreground':\n 'var(--modal-confirm-button-confirm-danger-foreground, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color':\n 'var(--modal-confirm-button-confirm-danger-border-color, transparent)',\n\n '--button-background-hover':\n 'var(--modal-confirm-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--modal-confirm-button-confirm-danger-foreground-hover, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-hover':\n 'var(--modal-confirm-button-confirm-danger-border-color-hover, transparent)',\n\n '--button-background-active':\n 'var(--modal-confirm-button-confirm-danger-background-active, {colors.danger.background.1.selected})',\n '--button-foreground-active':\n 'var(--modal-confirm-button-confirm-danger-foreground-active, {colors.danger.foreground.onDanger.2.enabled})',\n '--button-border-color-active':\n 'var(--modal-confirm-button-confirm-danger-border-color-active, transparent)',\n\n '--button-focus-outline-color':\n 'var(--modal-confirm-button-confirm-danger-focus-outline-color, {colors.primary.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAA4B,EAAO,MAAM,CACpD,UAAW,gCACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,uBACE,wDACF,qBACE,yDACF,uBACE,gEACF,uBAAwB,6CACxB,0BACE,mDACF,uBAAwB,kDACxB,iBAAkB,4CAClB,mBAAoB,8CACpB,sBAAuB,iDACvB,kBAAmB,kDACnB,0BACE,4DACF,eAAgB,iDAChB,iBAAkB,iDAClB,wBACE,0DACF,wBAAyB,kDACzB,+BACE,iEACF,+BACE,yDACF,gCACE,iEACF,wBAAyB,iDACzB,4BACE,oDACF,sBACE,2DACF,qBACE,uDAEF,sBACE,wFACF,sBACE,kGACF,wBACE,gEAEF,4BACE,8FACF,4BACE,wGACF,8BACE,sEAEF,6BACE,gGACF,6BACE,yGACF,+BACE,uEAEF,+BACE,6FAEF,2BAA4B,CAC1B,sBACE,8FACF,sBACE,uGACF,wBACE,uEAEF,4BACE,oGACF,4BACE,6GACF,8BACE,6EAEF,6BACE,sGACF,6BACE,8GACF,+BACE,8EAEF,+BACE,oGACH,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.
|
|
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};
|
|
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.500})',\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-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,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, 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"}
|