@mage-ui/preset 1.0.57 → 1.0.59
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/layouts/fluid-grid/fluid-grid-root.mjs +2 -0
- package/dist/recipes/layouts/fluid-grid/fluid-grid-root.mjs.map +1 -0
- package/dist/recipes/layouts/fluid-grid/fluid-grid.mjs +2 -0
- package/dist/recipes/layouts/fluid-grid/fluid-grid.mjs.map +1 -0
- package/dist/recipes/layouts/fluid-grid/index.mjs +2 -0
- package/dist/recipes/layouts/fluid-grid/index.mjs.map +1 -0
- package/dist/recipes/layouts/index.mjs +1 -1
- package/dist/recipes/layouts/index.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal-overlay.mjs +1 -1
- package/dist/recipes/overlays/modal/modal-overlay.mjs.map +1 -1
- package/dist/recipes/overlays/modal/modal.mjs +1 -1
- package/dist/recipes/overlays/modal/modal.mjs.map +1 -1
- package/dist/recipes/overlays/modal-alert/modal-alert.mjs +1 -1
- package/dist/recipes/overlays/modal-alert/modal-alert.mjs.map +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs +1 -1
- package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-root.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-root.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast.mjs +1 -1
- package/dist/recipes/overlays/toast/toast.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`fluid-grid__root`,jsx:[`FluidGrid`],base:{display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(min(var(--fluid-grid-column-size), 100%), 1fr))`,gap:`var(--fluid-grid-gap)`,width:`fit-content`,maxWidth:`100%`}});export{t as fluidGridRoot};
|
|
2
|
+
//# sourceMappingURL=fluid-grid-root.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fluid-grid-root.mjs","names":[],"sources":["../../../../src/recipes/layouts/fluid-grid/fluid-grid-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const fluidGridRoot = defineRecipe({\n className: 'fluid-grid__root',\n jsx: ['FluidGrid'],\n base: {\n display: 'grid',\n gridTemplateColumns:\n 'repeat(auto-fit, minmax(min(var(--fluid-grid-column-size), 100%), 1fr))',\n gap: 'var(--fluid-grid-gap)',\n width: 'fit-content',\n maxWidth: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,QAAS,OACT,oBACE,0EACF,IAAK,wBACL,MAAO,cACP,SAAU,OACX,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fluid-grid.mjs","names":[],"sources":["../../../../src/recipes/layouts/fluid-grid/fluid-grid.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const fluidGrid = defineRecipe({\n className: 'fluid-grid',\n jsx: ['FluidGrid'],\n base: {\n '--fluid-grid-column-size': '18rem',\n '--fluid-grid-gap': '{spacing.400}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,2BAA4B,QAC5B,mBAAoB,gBACrB,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/layouts/fluid-grid/index.ts"],"sourcesContent":["import { fluidGrid } from './fluid-grid';\nimport { fluidGridRoot } from './fluid-grid-root';\n\nexport default {\n fluidGrid,\n fluidGridRoot,\n};\n"],"mappings":"mGAGA,IAAA,EAAe,CACb,YACA,gBACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"./card/index.mjs";import t from"./grid/index.mjs";var
|
|
1
|
+
import e from"./card/index.mjs";import t from"./fluid-grid/index.mjs";import n from"./grid/index.mjs";var r={...e,...n,...t};export{r as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":["card","grid"],"sources":["../../../src/recipes/layouts/index.ts"],"sourcesContent":["import card from './card';\nimport grid from './grid';\n\nexport default {\n ...card,\n ...grid,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["card","grid","fluidGrid"],"sources":["../../../src/recipes/layouts/index.ts"],"sourcesContent":["import card from './card';\nimport fluidGrid from './fluid-grid';\nimport grid from './grid';\n\nexport default {\n ...card,\n ...grid,\n ...fluidGrid,\n};\n"],"mappings":"sGAIA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__overlay`,jsx:[`Modal`],base:{inset:`0`,position:`absolute`,background:`var(--modal-overlay-background, rgba(0, 0, 0, .
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__overlay`,jsx:[`Modal`],base:{inset:`0`,position:`absolute`,background:`var(--modal-overlay-background, rgba(0, 0, 0, .5))`,backdropFilter:`var(--modal-overlay-filter, blur(10px))`,borderRadius:`var(--modal-overlay-radius, 0)`,zIndex:`var(--modal-overlay-zindex)`,"&:where([data-fixed])":{position:`fixed`}},staticCss:[`*`]});export{t as modalOverlay};
|
|
2
2
|
//# sourceMappingURL=modal-overlay.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-overlay.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-overlay.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalOverlay = defineRecipe({\n className: 'modal__overlay',\n jsx: ['Modal'],\n base: {\n inset: '0',\n position: 'absolute',\n background: 'var(--modal-overlay-background, rgba(0, 0, 0, .
|
|
1
|
+
{"version":3,"file":"modal-overlay.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-overlay.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalOverlay = defineRecipe({\n className: 'modal__overlay',\n jsx: ['Modal'],\n base: {\n inset: '0',\n position: 'absolute',\n background: 'var(--modal-overlay-background, rgba(0, 0, 0, .5))',\n backdropFilter: 'var(--modal-overlay-filter, blur(10px))',\n borderRadius: 'var(--modal-overlay-radius, 0)',\n zIndex: 'var(--modal-overlay-zindex)',\n '&:where([data-fixed])': {\n position: 'fixed',\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,MAAO,IACP,SAAU,WACV,WAAY,qDACZ,eAAgB,0CAChB,aAAc,iCACd,OAAQ,8BACR,wBAAyB,CACvB,SAAU,QACX,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal`,jsx:[`Modal`],base:{"--modal-y-offset":`4dvh`,"--modal-x-offset":`4vw`,"--modal-size":`auto`,"--modal-overlay-background":`rgba(0, 0, 0, .
|
|
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.500}`,"--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, .
|
|
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.500}',\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{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, .6))`,"--modal-overlay-filter":`var(--modal-alert-overlay-filter, blur(5px))`,"--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.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};
|
|
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, .6))',\n '--modal-overlay-filter': 'var(--modal-alert-overlay-filter, blur(5px))',\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,+CAC1B,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.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,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, .
|
|
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.500})`,"--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-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, .6))',\n '--modal-overlay-filter': 'var(--modal-confirm-overlay-filter, blur(5px))',\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,iDAC1B,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.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,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__root`,jsx:[`Toast`],base:{overflow:`hidden`,boxSizing:`border-box`,position:`relative`,display:`flex`,alignItems:`center`,paddingInlineStart:`var(--toast-root-padding-inline-start, {spacing.400})`,paddingInlineEnd:`var(--toast-root-padding-inline-end, {spacing.200})`,paddingTop:`var(--toast-root-padding-bottom, {spacing.200})`,paddingBottom:`var(--toast-root-padding-bottom, {spacing.200})`,borderRadius:`var(--toast-root-radius, {radii.100})`,boxShadow:`var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))`,backgroundColor:`var(--toast-root-background, {colors.neutral.background.1.enabled})`,color:`var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})`,"&[data-with-border]":{borderWidth:`var(--toast-root-border-width, {borders.100})`,borderStyle:`var(--toast-root-border-style, solid)`,borderColor:`var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})`},"&::before":{content:`""`,display:`block`,position:`absolute`,width:`var(--toast-root-bar-width, {sizes.50})`,top:`var(--toast-root-bar-top, {spacing.100})`,bottom:`var(--toast-root-bar-bottom, {spacing.100})`,insetInlineStart:`var(--toast-root-bar-inset-start, {spacing.100})`,borderRadius:`var(--toast-root-bar-radius, {radii.100})`,backgroundColor:`var(--toast-accent-color, {colors.primary.foreground.2.enabled})`},"&[data-with-icon]::before":{display:`none`},"& + &":{marginTop:`var(--toast-root-gap, {spacing.200})`},fontFamily:`var(--toast-root-font-family, {fonts.base})`,fontSize:`var(--toast-root-font-size, {fontSizes.300})`,fontWeight:`var(--toast-root-font-weight, {fontWeights.regular})`,lineHeight:`var(--toast-root-line-height, 1.4)`,width:`var(--toast-root-width, 22.5rem)`,maxWidth:`100%`},variants:{color:{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__root`,jsx:[`Toast`],base:{overflow:`hidden`,boxSizing:`border-box`,position:`relative`,display:`flex`,alignItems:`center`,paddingInlineStart:`var(--toast-root-padding-inline-start, {spacing.400})`,paddingInlineEnd:`var(--toast-root-padding-inline-end, {spacing.200})`,paddingTop:`var(--toast-root-padding-bottom, {spacing.200})`,paddingBottom:`var(--toast-root-padding-bottom, {spacing.200})`,borderRadius:`var(--toast-root-radius, {radii.100})`,boxShadow:`var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))`,backgroundColor:`var(--toast-root-background, {colors.neutral.background.1.enabled})`,color:`var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})`,"&[data-with-border]":{borderWidth:`var(--toast-root-border-width, {borders.100})`,borderStyle:`var(--toast-root-border-style, solid)`,borderColor:`var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})`},"&::before":{content:`""`,display:`block`,position:`absolute`,width:`var(--toast-root-bar-width, {sizes.50})`,top:`var(--toast-root-bar-top, {spacing.100})`,bottom:`var(--toast-root-bar-bottom, {spacing.100})`,insetInlineStart:`var(--toast-root-bar-inset-start, {spacing.100})`,borderRadius:`var(--toast-root-bar-radius, {radii.100})`,backgroundColor:`var(--toast-accent-color, {colors.primary.foreground.2.enabled})`},"&[data-with-icon]::before":{display:`none`},"& + &":{marginTop:`var(--toast-root-gap, {spacing.200})`},fontFamily:`var(--toast-root-font-family, {fonts.base})`,fontSize:`var(--toast-root-font-size, {fontSizes.300})`,fontWeight:`var(--toast-root-font-weight, {fontWeights.regular})`,lineHeight:`var(--toast-root-line-height, 1.4)`,width:`var(--toast-root-width, 22.5rem)`,maxWidth:`100%`},variants:{color:{success:{"--toast-accent-color":`var(--toast-accent-success-color, {colors.success.foreground.1.enabled})`},danger:{"--toast-accent-color":`var(--toast-accent-danger-color, {colors.danger.foreground.1.enabled})`},warning:{"--toast-accent-color":`var(--toast-accent-warning-color, {colors.warning.foreground.1.enabled})`},primary:{"--toast-accent-color":`var(--toast-accent-primary-color, {colors.primary.foreground.1.enabled})`},neutral:{"--toast-accent-color":`var(--toast-accent-neutral-color, {colors.neutral.foreground.1.enabled})`}}},staticCss:[`*`]});export{t as toastRoot};
|
|
2
2
|
//# sourceMappingURL=toast-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastRoot = defineRecipe({\n className: 'toast__root',\n jsx: ['Toast'],\n base: {\n // Estructura base de Mantine\n overflow: 'hidden',\n boxSizing: 'border-box',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n paddingInlineStart: 'var(--toast-root-padding-inline-start, {spacing.400})',\n paddingInlineEnd: 'var(--toast-root-padding-inline-end, {spacing.200})',\n paddingTop: 'var(--toast-root-padding-bottom, {spacing.200})',\n paddingBottom: 'var(--toast-root-padding-bottom, {spacing.200})',\n borderRadius: 'var(--toast-root-radius, {radii.100})',\n boxShadow:\n 'var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))',\n\n // Colores base\n backgroundColor:\n 'var(--toast-root-background, {colors.neutral.background.1.enabled})',\n color:\n 'var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})',\n\n // Borde opcional (usando el selector [data-with-border] de Mantine)\n '&[data-with-border]': {\n borderWidth: 'var(--toast-root-border-width, {borders.100})',\n borderStyle: 'var(--toast-root-border-style, solid)',\n borderColor:\n 'var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})',\n },\n\n // Barra lateral de color (equivalente al ::before de Mantine)\n '&::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: 'var(--toast-root-bar-width, {sizes.50})',\n top: 'var(--toast-root-bar-top, {spacing.100})',\n bottom: 'var(--toast-root-bar-bottom, {spacing.100})',\n insetInlineStart: 'var(--toast-root-bar-inset-start, {spacing.100})',\n borderRadius: 'var(--toast-root-bar-radius, {radii.100})',\n backgroundColor:\n 'var(--toast-accent-color, {colors.primary.foreground.2.enabled})',\n },\n\n // Ocultar barra lateral cuando hay icono\n '&[data-with-icon]::before': {\n display: 'none',\n },\n\n // Separación entre notificaciones consecutivas\n '& + &': {\n marginTop: 'var(--toast-root-gap, {spacing.200})',\n },\n\n // Tipografía\n fontFamily: 'var(--toast-root-font-family, {fonts.base})',\n fontSize: 'var(--toast-root-font-size, {fontSizes.300})',\n fontWeight: 'var(--toast-root-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--toast-root-line-height, 1.4)',\n\n // Dimensiones (sin minHeight para permitir que Mantine colapse max-height en exit)\n width: 'var(--toast-root-width, 22.5rem)',\n maxWidth: '100%',\n },\n variants: {\n color: {\n
|
|
1
|
+
{"version":3,"file":"toast-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastRoot = defineRecipe({\n className: 'toast__root',\n jsx: ['Toast'],\n base: {\n // Estructura base de Mantine\n overflow: 'hidden',\n boxSizing: 'border-box',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n paddingInlineStart: 'var(--toast-root-padding-inline-start, {spacing.400})',\n paddingInlineEnd: 'var(--toast-root-padding-inline-end, {spacing.200})',\n paddingTop: 'var(--toast-root-padding-bottom, {spacing.200})',\n paddingBottom: 'var(--toast-root-padding-bottom, {spacing.200})',\n borderRadius: 'var(--toast-root-radius, {radii.100})',\n boxShadow:\n 'var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))',\n\n // Colores base\n backgroundColor:\n 'var(--toast-root-background, {colors.neutral.background.1.enabled})',\n color:\n 'var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})',\n\n // Borde opcional (usando el selector [data-with-border] de Mantine)\n '&[data-with-border]': {\n borderWidth: 'var(--toast-root-border-width, {borders.100})',\n borderStyle: 'var(--toast-root-border-style, solid)',\n borderColor:\n 'var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})',\n },\n\n // Barra lateral de color (equivalente al ::before de Mantine)\n '&::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: 'var(--toast-root-bar-width, {sizes.50})',\n top: 'var(--toast-root-bar-top, {spacing.100})',\n bottom: 'var(--toast-root-bar-bottom, {spacing.100})',\n insetInlineStart: 'var(--toast-root-bar-inset-start, {spacing.100})',\n borderRadius: 'var(--toast-root-bar-radius, {radii.100})',\n backgroundColor:\n 'var(--toast-accent-color, {colors.primary.foreground.2.enabled})',\n },\n\n // Ocultar barra lateral cuando hay icono\n '&[data-with-icon]::before': {\n display: 'none',\n },\n\n // Separación entre notificaciones consecutivas\n '& + &': {\n marginTop: 'var(--toast-root-gap, {spacing.200})',\n },\n\n // Tipografía\n fontFamily: 'var(--toast-root-font-family, {fonts.base})',\n fontSize: 'var(--toast-root-font-size, {fontSizes.300})',\n fontWeight: 'var(--toast-root-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--toast-root-line-height, 1.4)',\n\n // Dimensiones (sin minHeight para permitir que Mantine colapse max-height en exit)\n width: 'var(--toast-root-width, 22.5rem)',\n maxWidth: '100%',\n },\n variants: {\n color: {\n success: {\n '--toast-accent-color':\n 'var(--toast-accent-success-color, {colors.success.foreground.1.enabled})',\n },\n danger: {\n '--toast-accent-color':\n 'var(--toast-accent-danger-color, {colors.danger.foreground.1.enabled})',\n },\n warning: {\n '--toast-accent-color':\n 'var(--toast-accent-warning-color, {colors.warning.foreground.1.enabled})',\n },\n primary: {\n '--toast-accent-color':\n 'var(--toast-accent-primary-color, {colors.primary.foreground.1.enabled})',\n },\n neutral: {\n '--toast-accent-color':\n 'var(--toast-accent-neutral-color, {colors.neutral.foreground.1.enabled})',\n },\n },\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,SAAU,SACV,UAAW,aACX,SAAU,WACV,QAAS,OACT,WAAY,SACZ,mBAAoB,wDACpB,iBAAkB,sDAClB,WAAY,kDACZ,cAAe,kDACf,aAAc,wCACd,UACE,oGAGF,gBACE,sEACF,MACE,sEAGF,sBAAuB,CACrB,YAAa,gDACb,YAAa,wCACb,YACE,oEACH,CAGD,YAAa,CACX,QAAS,KACT,QAAS,QACT,SAAU,WACV,MAAO,0CACP,IAAK,2CACL,OAAQ,8CACR,iBAAkB,mDAClB,aAAc,4CACd,gBACE,mEACH,CAGD,4BAA6B,CAC3B,QAAS,OACV,CAGD,QAAS,CACP,UAAW,uCACZ,CAGD,WAAY,8CACZ,SAAU,+CACV,WAAY,uDACZ,WAAY,qCAGZ,MAAO,mCACP,SAAU,OACX,CACD,SAAU,CACR,MAAO,CACL,QAAS,CACP,uBACE,2EACH,CACD,OAAQ,CACN,uBACE,yEACH,CACD,QAAS,CACP,uBACE,2EACH,CACD,QAAS,CACP,uBACE,2EACH,CACD,QAAS,CACP,uBACE,2EACH,CACF,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast`,jsx:[`Toast`],base:{"--toast-accent-color":`{colors.primary.foreground.2.enabled}`,"--toast-accent-
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast`,jsx:[`Toast`],base:{"--toast-accent-color":`{colors.primary.foreground.2.enabled}`,"--toast-accent-success-color":`{colors.success.foreground.1.enabled}`,"--toast-accent-danger-color":`{colors.danger.foreground.1.enabled}`,"--toast-accent-warning-color":`{colors.warning.foreground.1.enabled}`,"--toast-accent-primary-color":`{colors.primary.foreground.1.enabled}`,"--toast-accent-neutral-color":`{colors.neutral.foreground.1.enabled}`,"--toast-root-background":`{colors.neutral.background.1.enabled}`,"--toast-root-foreground":`{colors.neutral.foreground.1.enabled}`,"--toast-root-width":`22.5rem`,"--toast-root-font-family":`{fonts.base}`,"--toast-root-font-size":`{fontSizes.300}`,"--toast-root-font-weight":`{fontWeights.regular}`,"--toast-root-line-height":`1.4`,"--toast-root-padding-inline-start":`{spacing.400}`,"--toast-root-padding-inline-end":`{spacing.200}`,"--toast-root-padding-bottom":`{spacing.200}`,"--toast-root-radius":`{radii.100}`,"--toast-root-border-width":`{borders.100}`,"--toast-root-border-style":`solid`,"--toast-root-border-color":`{colors.neutral.stroke.1.enabled}`,"--toast-root-shadow":`0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)`,"--toast-root-bar-width":`{sizes.50}`,"--toast-root-bar-top":`{spacing.100}`,"--toast-root-bar-bottom":`{spacing.100}`,"--toast-root-bar-inset-start":`{spacing.100}`,"--toast-root-bar-radius":`{radii.100}`,"--toast-root-gap":`{spacing.200}`,"--toast-body-gap":`{spacing.300}`,"--toast-icon-size":`{sizes.300}`,"--toast-icon-gap":`{spacing.300}`,"--toast-icon-radius":`{radii.900}`,"--toast-icon-background":`transparent`,"--toast-icon-foreground":`var(--toast-accent-color)`,"--toast-loader-gap":`{spacing.200}`,"--toast-title-gap":`{spacing.50}`,"--toast-title-font-size":`{fontSizes.300}`,"--toast-title-line-height":`1.2`,"--toast-title-font-weight":`{fontWeights.semiBold}`,"--toast-title-color":`{colors.neutral.foreground.1.enabled}`,"--toast-description-font-size":`{fontSizes.300}`,"--toast-description-line-height":`1.4`,"--toast-description-color":`{colors.neutral.foreground.1.enabled}`,"--toast-description-color-with-title":`{colors.neutral.foreground.3.enabled}`,"--toast-close-button-size":`{sizes.200}`,"--toast-close-button-radius":`{radii.100}`,"--toast-close-button-foreground":`{colors.neutral.foreground.3.enabled}`,"--toast-close-button-background":`transparent`,"--toast-close-button-border":`none`,"--toast-close-button-transition":`{animations.300}`,"--toast-close-button-background-hovered":`{colors.neutral.background.1.hovered}`,"--toast-close-button-foreground-hovered":`{colors.neutral.foreground.3.hovered}`,"--toast-notifications-max-width":`22.5rem`,"--toast-notifications-position-top-center-top":`{spacing.400}`,"--toast-notifications-position-top-left-top":`{spacing.400}`,"--toast-notifications-position-top-left-left":`{spacing.400}`,"--toast-notifications-position-top-right-top":`{spacing.400}`,"--toast-notifications-position-top-right-right":`{spacing.400}`,"--toast-notifications-position-bottom-center-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-left":`{spacing.400}`,"--toast-notifications-position-bottom-right-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-right-right":`{spacing.400}`},staticCss:[`*`]});export{t as toast};
|
|
2
2
|
//# sourceMappingURL=toast.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toast = defineRecipe({\n className: 'toast',\n jsx: ['Toast'],\n base: {\n // color variants\n '--toast-accent-color': '{colors.primary.foreground.2.enabled}',\n '--toast-accent-
|
|
1
|
+
{"version":3,"file":"toast.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toast = defineRecipe({\n className: 'toast',\n jsx: ['Toast'],\n base: {\n // color variants\n '--toast-accent-color': '{colors.primary.foreground.2.enabled}',\n '--toast-accent-success-color': '{colors.success.foreground.1.enabled}',\n '--toast-accent-danger-color': '{colors.danger.foreground.1.enabled}',\n '--toast-accent-warning-color': '{colors.warning.foreground.1.enabled}',\n '--toast-accent-primary-color': '{colors.primary.foreground.1.enabled}',\n '--toast-accent-neutral-color': '{colors.neutral.foreground.1.enabled}',\n\n // root variables\n '--toast-root-background': '{colors.neutral.background.1.enabled}',\n '--toast-root-foreground': '{colors.neutral.foreground.1.enabled}',\n '--toast-root-width': '22.5rem',\n '--toast-root-font-family': '{fonts.base}',\n '--toast-root-font-size': '{fontSizes.300}',\n '--toast-root-font-weight': '{fontWeights.regular}',\n '--toast-root-line-height': '1.4',\n\n // root padding\n '--toast-root-padding-inline-start': '{spacing.400}',\n '--toast-root-padding-inline-end': '{spacing.200}',\n '--toast-root-padding-bottom': '{spacing.200}',\n\n // root border\n '--toast-root-radius': '{radii.100}',\n '--toast-root-border-width': '{borders.100}',\n '--toast-root-border-style': 'solid',\n '--toast-root-border-color': '{colors.neutral.stroke.1.enabled}',\n\n // root shadow\n '--toast-root-shadow':\n '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n\n // root bar\n '--toast-root-bar-width': '{sizes.50}',\n '--toast-root-bar-top': '{spacing.100}',\n '--toast-root-bar-bottom': '{spacing.100}',\n '--toast-root-bar-inset-start': '{spacing.100}',\n '--toast-root-bar-radius': '{radii.100}',\n\n // root gap\n '--toast-root-gap': '{spacing.200}',\n\n // body\n '--toast-body-gap': '{spacing.300}',\n\n // icon\n '--toast-icon-size': '{sizes.300}',\n '--toast-icon-gap': '{spacing.300}',\n '--toast-icon-radius': '{radii.900}',\n '--toast-icon-background': 'transparent',\n '--toast-icon-foreground': 'var(--toast-accent-color)',\n\n // loader\n '--toast-loader-gap': '{spacing.200}',\n\n // title\n '--toast-title-gap': '{spacing.50}',\n '--toast-title-font-size': '{fontSizes.300}',\n '--toast-title-line-height': '1.2',\n '--toast-title-font-weight': '{fontWeights.semiBold}',\n '--toast-title-color': '{colors.neutral.foreground.1.enabled}',\n\n // description\n '--toast-description-font-size': '{fontSizes.300}',\n '--toast-description-line-height': '1.4',\n '--toast-description-color': '{colors.neutral.foreground.1.enabled}',\n '--toast-description-color-with-title':\n '{colors.neutral.foreground.3.enabled}',\n\n // close button\n '--toast-close-button-size': '{sizes.200}',\n '--toast-close-button-radius': '{radii.100}',\n '--toast-close-button-foreground': '{colors.neutral.foreground.3.enabled}',\n '--toast-close-button-background': 'transparent',\n '--toast-close-button-border': 'none',\n '--toast-close-button-transition': '{animations.300}',\n '--toast-close-button-background-hovered':\n '{colors.neutral.background.1.hovered}',\n '--toast-close-button-foreground-hovered':\n '{colors.neutral.foreground.3.hovered}',\n\n // notifications container\n '--toast-notifications-max-width': '22.5rem',\n\n // notifications positions\n '--toast-notifications-position-top-center-top': '{spacing.400}',\n '--toast-notifications-position-top-left-top': '{spacing.400}',\n '--toast-notifications-position-top-left-left': '{spacing.400}',\n '--toast-notifications-position-top-right-top': '{spacing.400}',\n '--toast-notifications-position-top-right-right': '{spacing.400}',\n '--toast-notifications-position-bottom-center-bottom': '{spacing.400}',\n '--toast-notifications-position-bottom-left-bottom': '{spacing.400}',\n '--toast-notifications-position-bottom-left-left': '{spacing.400}',\n '--toast-notifications-position-bottom-right-bottom': '{spacing.400}',\n '--toast-notifications-position-bottom-right-right': '{spacing.400}',\n },\n staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,uBAAwB,wCACxB,+BAAgC,wCAChC,8BAA+B,uCAC/B,+BAAgC,wCAChC,+BAAgC,wCAChC,+BAAgC,wCAGhC,0BAA2B,wCAC3B,0BAA2B,wCAC3B,qBAAsB,UACtB,2BAA4B,eAC5B,yBAA0B,kBAC1B,2BAA4B,wBAC5B,2BAA4B,MAG5B,oCAAqC,gBACrC,kCAAmC,gBACnC,8BAA+B,gBAG/B,sBAAuB,cACvB,4BAA6B,gBAC7B,4BAA6B,QAC7B,4BAA6B,oCAG7B,sBACE,0EAGF,yBAA0B,aAC1B,uBAAwB,gBACxB,0BAA2B,gBAC3B,+BAAgC,gBAChC,0BAA2B,cAG3B,mBAAoB,gBAGpB,mBAAoB,gBAGpB,oBAAqB,cACrB,mBAAoB,gBACpB,sBAAuB,cACvB,0BAA2B,cAC3B,0BAA2B,4BAG3B,qBAAsB,gBAGtB,oBAAqB,eACrB,0BAA2B,kBAC3B,4BAA6B,MAC7B,4BAA6B,yBAC7B,sBAAuB,wCAGvB,gCAAiC,kBACjC,kCAAmC,MACnC,4BAA6B,wCAC7B,uCACE,wCAGF,4BAA6B,cAC7B,8BAA+B,cAC/B,kCAAmC,wCACnC,kCAAmC,cACnC,8BAA+B,OAC/B,kCAAmC,mBACnC,0CACE,wCACF,0CACE,wCAGF,kCAAmC,UAGnC,gDAAiD,gBACjD,8CAA+C,gBAC/C,+CAAgD,gBAChD,+CAAgD,gBAChD,iDAAkD,gBAClD,sDAAuD,gBACvD,oDAAqD,gBACrD,kDAAmD,gBACnD,qDAAsD,gBACtD,oDAAqD,gBACtD,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|