@mage-ui/preset 0.0.96 → 0.0.98
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandacss/dev";const t=e({className:`button-icon-icon`,jsx:[`ButtonIcon`],base:{display:`inline-flex`,justifyContent:`center`,alignItems:`center`,aspectRatio:`1`,transition:`all 0.2s ease`},variants:{size:{xs:{height:`0.75rem`,width:`0.75rem`},s:{height:`1rem`,width:`1rem`},m:{height:`1.25rem`,width:`1.25rem`},l:{height:`1.5rem`,width:`1.5rem`},xl:{height:`2rem`,width:`2rem`}}},defaultVariants:{size:`m`}});export{t as buttonIconIcon};
|
|
1
|
+
import{defineRecipe as e}from"@pandacss/dev";const t=e({className:`button-icon-icon`,jsx:[`ButtonIcon`],base:{display:`inline-flex`,justifyContent:`center`,alignItems:`center`,aspectRatio:`1`,transition:`all 0.2s ease`},variants:{size:{xs:{height:`0.75rem`,width:`0.75rem`,tablet:{height:`0.75rem`,width:`0.75rem`}},s:{height:`0.75rem`,width:`0.75rem`,tablet:{height:`1rem`,width:`1rem`}},m:{height:`1rem`,width:`1rem`,tablet:{height:`1.25rem`,width:`1.25rem`}},l:{height:`1.25rem`,width:`1.25rem`,tablet:{height:`1.5rem`,width:`1.5rem`}},xl:{height:`1.75rem`,width:`1.75rem`,tablet:{height:`2rem`,width:`2rem`}}}},defaultVariants:{size:`m`}});export{t as buttonIconIcon};
|
|
2
2
|
//# sourceMappingURL=button-icon-icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const buttonIconIcon = defineRecipe({\n className: 'button-icon-icon',\n jsx: ['ButtonIcon'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n transition: 'all 0.2s ease',\n },\n variants: {\n size: {\n xs: {\n height: '0.75rem',\n width: '0.75rem',\n },\n s: {\n height: '
|
|
1
|
+
{"version":3,"file":"button-icon-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const buttonIconIcon = defineRecipe({\n className: 'button-icon-icon',\n jsx: ['ButtonIcon'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n transition: 'all 0.2s ease',\n },\n variants: {\n size: {\n xs: {\n height: '0.75rem',\n width: '0.75rem',\n tablet: {\n height: '0.75rem',\n width: '0.75rem',\n },\n },\n s: {\n height: '0.75rem',\n width: '0.75rem',\n tablet: {\n height: '1rem',\n width: '1rem',\n },\n },\n m: {\n height: '1rem',\n width: '1rem',\n tablet: {\n height: '1.25rem',\n width: '1.25rem',\n },\n },\n l: {\n height: '1.25rem',\n width: '1.25rem',\n tablet: {\n height: '1.5rem',\n width: '1.5rem',\n },\n },\n xl: {\n height: '1.75rem',\n width: '1.75rem',\n tablet: {\n height: '2rem',\n width: '2rem',\n },\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,YAAa,IACb,WAAY,gBACb,CACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,UACR,MAAO,UACP,OAAQ,CACN,OAAQ,UACR,MAAO,UACR,CACF,CACD,EAAG,CACD,OAAQ,UACR,MAAO,UACP,OAAQ,CACN,OAAQ,OACR,MAAO,OACR,CACF,CACD,EAAG,CACD,OAAQ,OACR,MAAO,OACP,OAAQ,CACN,OAAQ,UACR,MAAO,UACR,CACF,CACD,EAAG,CACD,OAAQ,UACR,MAAO,UACP,OAAQ,CACN,OAAQ,SACR,MAAO,SACR,CACF,CACD,GAAI,CACF,OAAQ,UACR,MAAO,UACP,OAAQ,CACN,OAAQ,OACR,MAAO,OACR,CACF,CACF,CACF,CACD,gBAAiB,CACf,KAAM,IACP,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`button`,jsx:[`Button`],base:{display:`inline-flex`,fontWeight:`medium`,whiteSpace:`nowrap`,alignItems:`center`,justifyContent:`center`,textAlign:`center`,textDecoration:`none`,borderRadius:`200`,cursor:`pointer`,transition:`{animations.base.100}`,fill:`currentColor`,stroke:`currentColor`,position:`relative`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`},_loading:{color:`neutral.foreground.1.onBrand.enabled`,cursor:`not-allowed`,pointerEvents:`none`,opacity:`1!`,overflow:`hidden`}},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{backgroundColor:`transparent`,borderWidth:`{borders.100}`,borderStyle:`solid`},ghost:{backgroundColor:`transparent`,border:`none`}},color:{unstyled:{},primary:{},neutral:{},danger:{}},size:{l:{fontSize:`
|
|
1
|
+
import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`button`,jsx:[`Button`],base:{display:`inline-flex`,fontWeight:`medium`,whiteSpace:`nowrap`,alignItems:`center`,justifyContent:`center`,textAlign:`center`,textDecoration:`none`,borderRadius:`200`,cursor:`pointer`,transition:`{animations.base.100}`,fill:`currentColor`,stroke:`currentColor`,position:`relative`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`},_loading:{color:`neutral.foreground.1.onBrand.enabled`,cursor:`not-allowed`,pointerEvents:`none`,opacity:`1!`,overflow:`hidden`}},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{backgroundColor:`transparent`,borderWidth:`{borders.100}`,borderStyle:`solid`},ghost:{backgroundColor:`transparent`,border:`none`}},color:{unstyled:{},primary:{},neutral:{},danger:{}},size:{l:{fontSize:`300`,height:`control.height.300`,paddingX:`400`,gap:`200`,tablet:{fontSize:`400`,paddingX:`500`,gap:`300`}},m:{fontSize:`200`,height:`control.height.200`,paddingX:`400`,gap:`200`,tablet:{fontSize:`300`}},s:{fontSize:`200`,height:`control.height.100`,paddingX:`400`,gap:`200`}},width:{block:{width:`100%`}}},compoundVariants:[{variant:`filled`,color:`primary`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`primary.background.2.enabled`,_hover:{backgroundColor:`primary.background.2.hovered`},_active:{backgroundColor:`primary.background.2.actived`},_expanded:{backgroundColor:`primary.background.2.hovered`}}},{variant:`filled`,color:`neutral`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`neutral.background.6.enabled`,_hover:{backgroundColor:`neutral.background.6.hovered`},_active:{backgroundColor:`neutral.background.6.actived`},_expanded:{backgroundColor:`neutral.background.6.hovered`}}},{variant:`filled`,color:`danger`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`danger.background.1.enabled`,_hover:{backgroundColor:`danger.background.1.hovered`},_active:{backgroundColor:`danger.background.1.actived`},_expanded:{backgroundColor:`danger.background.1.hovered`}}},{variant:`outlined`,color:`primary`,css:{color:`primary.foreground.2.enabled`,borderColor:`primary.stroke.3.enabled`,_hover:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`primary.stroke.3.hovered`},_active:{color:`primary.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`primary.stroke.3.actived`},_expanded:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`primary.stroke.3.hovered`}}},{variant:`outlined`,color:`neutral`,css:{color:`neutral.foreground.2.enabled`,borderColor:`neutral.stroke.7.enabled`,_hover:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`neutral.stroke.7.hovered`},_active:{color:`neutral.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`neutral.stroke.7.actived`},_expanded:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`neutral.stroke.7.hovered`}}},{variant:`outlined`,color:`danger`,css:{color:`danger.foreground.1.enabled`,borderColor:`danger.stroke.1.enabled`,_hover:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`danger.stroke.1.hovered`},_active:{color:`danger.foreground.1.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`danger.stroke.1.actived`},_expanded:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`danger.stroke.1.hovered`}}},{variant:`ghost`,color:`primary`,css:{color:`primary.foreground.2.enabled`,_hover:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`primary.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`},_expanded:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`}}},{variant:`ghost`,color:`neutral`,css:{color:`neutral.foreground.2.enabled`,_hover:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`neutral.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`},_expanded:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`}}},{variant:`ghost`,color:`danger`,css:{color:`danger.foreground.1.enabled`,_hover:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`danger.foreground.1.actived`,backgroundColor:`neutral.background.2.actived`},_expanded:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`}}}],defaultVariants:{variant:`filled`,color:`neutral`,size:`m`}});export{t as button};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n className: 'button',\n jsx: ['Button'],\n base: {\n display: 'inline-flex',\n fontWeight: 'medium',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n textDecoration: 'none',\n borderRadius: '200',\n cursor: 'pointer',\n transition: '{animations.base.100}',\n fill: 'currentColor',\n stroke: 'currentColor',\n position: 'relative',\n _focus: {\n outline: 'none',\n boxShadow: 'none',\n },\n _active: {\n outline: 'none!',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n },\n _loading: {\n color: 'neutral.foreground.1.onBrand.enabled',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n opacity: '1!',\n overflow: 'hidden',\n },\n },\n variants: {\n variant: {\n unstyled: {},\n filled: {\n border: 'none',\n },\n outlined: {\n backgroundColor: 'transparent',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n },\n ghost: {\n backgroundColor: 'transparent',\n border: 'none',\n },\n },\n color: {\n unstyled: {},\n primary: {},\n neutral: {},\n danger: {},\n },\n size: {\n l: {\n fontSize: '400',\n height: 'control.height.300',\n paddingX: '500',\n gap: '300',\n },\n m: {\n fontSize: '300',\n height: 'control.height.200',\n paddingX: '400',\n gap: '200',\n },\n s: {\n fontSize: '200',\n height: 'control.height.100',\n paddingX: '400',\n gap: '200',\n },\n },\n width: {\n block: {\n width: '100%',\n },\n },\n },\n compoundVariants: [\n {\n variant: 'filled',\n color: 'primary',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n _active: {\n backgroundColor: 'primary.background.2.actived',\n },\n _expanded: {\n backgroundColor: 'primary.background.2.hovered',\n },\n },\n },\n {\n variant: 'filled',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'neutral.background.6.enabled',\n _hover: {\n backgroundColor: 'neutral.background.6.hovered',\n },\n _active: {\n backgroundColor: 'neutral.background.6.actived',\n },\n _expanded: {\n backgroundColor: 'neutral.background.6.hovered',\n },\n },\n },\n {\n variant: 'filled',\n color: 'danger',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'danger.background.1.enabled',\n _hover: {\n backgroundColor: 'danger.background.1.hovered',\n },\n _active: {\n backgroundColor: 'danger.background.1.actived',\n },\n _expanded: {\n backgroundColor: 'danger.background.1.hovered',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n borderColor: 'primary.stroke.3.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'primary.stroke.3.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'primary.stroke.3.actived',\n },\n _expanded: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'primary.stroke.3.hovered',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n borderColor: 'neutral.stroke.7.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'neutral.stroke.7.actived',\n },\n _expanded: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'neutral.stroke.7.hovered',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'danger.stroke.1.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'danger.stroke.1.actived',\n },\n _expanded: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'danger.stroke.1.hovered',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n _expanded: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n _expanded: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n _expanded: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n },\n },\n ],\n defaultVariants: {\n variant: 'filled',\n color: 'neutral',\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAS,EAAM,MAAM,CAChC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,WAAY,SACZ,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,eAAgB,OAChB,aAAc,MACd,OAAQ,UACR,WAAY,wBACZ,KAAM,eACN,OAAQ,eACR,SAAU,WACV,OAAQ,CACN,QAAS,OACT,UAAW,OACZ,CACD,QAAS,CACP,QAAS,QACV,CACD,UAAW,CACT,QAAS,MACT,cAAe,OAChB,CACD,SAAU,CACR,MAAO,uCACP,OAAQ,cACR,cAAe,OACf,QAAS,KACT,SAAU,SACX,CACF,CACD,SAAU,CACR,QAAS,CACP,SAAU,EAAE,CACZ,OAAQ,CACN,OAAQ,OACT,CACD,SAAU,CACR,gBAAiB,cACjB,YAAa,gBACb,YAAa,QACd,CACD,MAAO,CACL,gBAAiB,cACjB,OAAQ,OACT,CACF,CACD,MAAO,CACL,SAAU,EAAE,CACZ,QAAS,EAAE,CACX,QAAS,EAAE,CACX,OAAQ,EAAE,CACX,CACD,KAAM,CACJ,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,MACN,CACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,MACN,CACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,MACN,CACF,CACD,MAAO,CACL,MAAO,CACL,MAAO,OACR,CACF,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,+BAClB,CACD,QAAS,CACP,gBAAiB,+BAClB,CACD,UAAW,CACT,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,+BAClB,CACD,QAAS,CACP,gBAAiB,+BAClB,CACD,UAAW,CACT,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,SACT,MAAO,SACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BACjB,OAAQ,CACN,gBAAiB,8BAClB,CACD,QAAS,CACP,gBAAiB,8BAClB,CACD,UAAW,CACT,gBAAiB,8BAClB,CACF,CACF,CACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACF,CACF,CACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACF,CACF,CACD,CACE,QAAS,WACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,YAAa,0BACb,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BACjB,YAAa,0BACd,CACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BACjB,YAAa,0BACd,CACD,UAAW,CACT,MAAO,8BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,CACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BAClB,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BAClB,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BAClB,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BAClB,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,QACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BAClB,CACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BAClB,CACD,UAAW,CACT,MAAO,8BACP,gBAAiB,+BAClB,CACF,CACF,CACF,CACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,KAAM,IACP,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"button.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n className: 'button',\n jsx: ['Button'],\n base: {\n display: 'inline-flex',\n fontWeight: 'medium',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n textDecoration: 'none',\n borderRadius: '200',\n cursor: 'pointer',\n transition: '{animations.base.100}',\n fill: 'currentColor',\n stroke: 'currentColor',\n position: 'relative',\n _focus: {\n outline: 'none',\n boxShadow: 'none',\n },\n _active: {\n outline: 'none!',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n },\n _loading: {\n color: 'neutral.foreground.1.onBrand.enabled',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n opacity: '1!',\n overflow: 'hidden',\n },\n },\n variants: {\n variant: {\n unstyled: {},\n filled: {\n border: 'none',\n },\n outlined: {\n backgroundColor: 'transparent',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n },\n ghost: {\n backgroundColor: 'transparent',\n border: 'none',\n },\n },\n color: {\n unstyled: {},\n primary: {},\n neutral: {},\n danger: {},\n },\n size: {\n l: {\n fontSize: '300',\n height: 'control.height.300',\n paddingX: '400',\n gap: '200',\n tablet: {\n fontSize: '400',\n paddingX: '500',\n gap: '300',\n },\n },\n m: {\n fontSize: '200',\n height: 'control.height.200',\n paddingX: '400',\n gap: '200',\n tablet: {\n fontSize: '300',\n },\n },\n s: {\n fontSize: '200',\n height: 'control.height.100',\n paddingX: '400',\n gap: '200',\n },\n },\n width: {\n block: {\n width: '100%',\n },\n },\n },\n compoundVariants: [\n {\n variant: 'filled',\n color: 'primary',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n _active: {\n backgroundColor: 'primary.background.2.actived',\n },\n _expanded: {\n backgroundColor: 'primary.background.2.hovered',\n },\n },\n },\n {\n variant: 'filled',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'neutral.background.6.enabled',\n _hover: {\n backgroundColor: 'neutral.background.6.hovered',\n },\n _active: {\n backgroundColor: 'neutral.background.6.actived',\n },\n _expanded: {\n backgroundColor: 'neutral.background.6.hovered',\n },\n },\n },\n {\n variant: 'filled',\n color: 'danger',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'danger.background.1.enabled',\n _hover: {\n backgroundColor: 'danger.background.1.hovered',\n },\n _active: {\n backgroundColor: 'danger.background.1.actived',\n },\n _expanded: {\n backgroundColor: 'danger.background.1.hovered',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n borderColor: 'primary.stroke.3.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'primary.stroke.3.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'primary.stroke.3.actived',\n },\n _expanded: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'primary.stroke.3.hovered',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n borderColor: 'neutral.stroke.7.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'neutral.stroke.7.actived',\n },\n _expanded: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'neutral.stroke.7.hovered',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'danger.stroke.1.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'danger.stroke.1.actived',\n },\n _expanded: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'danger.stroke.1.hovered',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n _expanded: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n _expanded: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n _expanded: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n },\n },\n ],\n defaultVariants: {\n variant: 'filled',\n color: 'neutral',\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAS,EAAM,MAAM,CAChC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,WAAY,SACZ,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,eAAgB,OAChB,aAAc,MACd,OAAQ,UACR,WAAY,wBACZ,KAAM,eACN,OAAQ,eACR,SAAU,WACV,OAAQ,CACN,QAAS,OACT,UAAW,OACZ,CACD,QAAS,CACP,QAAS,QACV,CACD,UAAW,CACT,QAAS,MACT,cAAe,OAChB,CACD,SAAU,CACR,MAAO,uCACP,OAAQ,cACR,cAAe,OACf,QAAS,KACT,SAAU,SACX,CACF,CACD,SAAU,CACR,QAAS,CACP,SAAU,EAAE,CACZ,OAAQ,CACN,OAAQ,OACT,CACD,SAAU,CACR,gBAAiB,cACjB,YAAa,gBACb,YAAa,QACd,CACD,MAAO,CACL,gBAAiB,cACjB,OAAQ,OACT,CACF,CACD,MAAO,CACL,SAAU,EAAE,CACZ,QAAS,EAAE,CACX,QAAS,EAAE,CACX,OAAQ,EAAE,CACX,CACD,KAAM,CACJ,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,MACL,OAAQ,CACN,SAAU,MACV,SAAU,MACV,IAAK,MACN,CACF,CACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,MACL,OAAQ,CACN,SAAU,MACX,CACF,CACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,MACN,CACF,CACD,MAAO,CACL,MAAO,CACL,MAAO,OACR,CACF,CACF,CACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,+BAClB,CACD,QAAS,CACP,gBAAiB,+BAClB,CACD,UAAW,CACT,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,+BAClB,CACD,QAAS,CACP,gBAAiB,+BAClB,CACD,UAAW,CACT,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,SACT,MAAO,SACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BACjB,OAAQ,CACN,gBAAiB,8BAClB,CACD,QAAS,CACP,gBAAiB,8BAClB,CACD,UAAW,CACT,gBAAiB,8BAClB,CACF,CACF,CACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACF,CACF,CACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BACjB,YAAa,2BACd,CACF,CACF,CACD,CACE,QAAS,WACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,YAAa,0BACb,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BACjB,YAAa,0BACd,CACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BACjB,YAAa,0BACd,CACD,UAAW,CACT,MAAO,8BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,CACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BAClB,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BAClB,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BAClB,CACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BAClB,CACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BAClB,CACF,CACF,CACD,CACE,QAAS,QACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BAClB,CACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BAClB,CACD,UAAW,CACT,MAAO,8BACP,gBAAiB,+BAClB,CACF,CACF,CACF,CACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,KAAM,IACP,CACF,CAAC"}
|