@mage-ui/preset 0.0.44 → 0.0.46
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/atoms/buttons/button-icon.js +1 -1
- package/dist/recipes/atoms/buttons/button-icon.js.map +1 -1
- package/dist/recipes/atoms/buttons/button.js +1 -1
- package/dist/recipes/atoms/buttons/button.js.map +1 -1
- package/dist/recipes/atoms/dropdown/dropdown.js +1 -1
- package/dist/recipes/atoms/dropdown/dropdown.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{button as e}from"./button.js";const t=e.merge({className:`button-icon`,jsx:[`Button`],base:{display:`flex`,justifyContent:`center`,alignItems:`center`,aspectRatio:`1`,borderRadius:`200`,flexShrink:`0`},variants:{size:{l:{width:`control.height.300`},m:{width:`control.height.200`},s:{width:`control.height.100`}},shape:{rounded:{borderRadius:`900`}}},defaultVariants:{size:`m`}});export{t as buttonIcon};
|
|
1
|
+
import{button as e}from"./button.js";const t=e.merge({className:`button-icon`,jsx:[`Button`],base:{display:`inline-flex`,justifyContent:`center`,alignItems:`center`,aspectRatio:`1`,borderRadius:`200`,flexShrink:`0`},variants:{size:{l:{width:`control.height.300`},m:{width:`control.height.200`},s:{width:`control.height.100`}},shape:{rounded:{borderRadius:`900`}}},defaultVariants:{size:`m`}});export{t as buttonIcon};
|
|
2
2
|
//# sourceMappingURL=button-icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from './button';\n\nexport const buttonIcon = button.merge({\n className: 'button-icon',\n jsx: ['Button'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n borderRadius: '200',\n flexShrink: '0',\n },\n variants: {\n size: {\n l: {\n width: 'control.height.300',\n },\n m: {\n width: 'control.height.200',\n },\n s: {\n width: 'control.height.100',\n },\n },\n shape: {\n rounded: {\n borderRadius: '900',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qCAOA,MAAa,EAAa,EAAO,MAAM,CACrC,UAAW,cACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,
|
|
1
|
+
{"version":3,"file":"button-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from './button';\n\nexport const buttonIcon = button.merge({\n className: 'button-icon',\n jsx: ['Button'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n borderRadius: '200',\n flexShrink: '0',\n },\n variants: {\n size: {\n l: {\n width: 'control.height.300',\n },\n m: {\n width: 'control.height.200',\n },\n s: {\n width: 'control.height.100',\n },\n },\n shape: {\n rounded: {\n borderRadius: '900',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qCAOA,MAAa,EAAa,EAAO,MAAM,CACrC,UAAW,cACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,YAAa,IACb,aAAc,MACd,WAAY,GACb,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,MAAO,oBACR,EACD,EAAG,CACD,MAAO,oBACR,EACD,EAAG,CACD,MAAO,oBACR,CACF,EACD,MAAO,CACL,QAAS,CACP,aAAc,KACf,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -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`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`}},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:`400`,height:`control.height.300`,paddingX:`500`,gap:`300`},m:{fontSize:`300`,height:`control.height.200`,paddingX:`400`,gap:`200`},s:{fontSize:`200`,height:`control.height.100`,paddingX:`400`,gap:`200`}}},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`}}},{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`}}},{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`}}},{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`}}},{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`}}},{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`}}},{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`}}},{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`}}},{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`}}}],defaultVariants:{variant:`filled`,color:`neutral`,size:`m`}});export{t as button};
|
|
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`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`}},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:`400`,height:`control.height.300`,paddingX:`500`,gap:`300`},m:{fontSize:`300`,height:`control.height.200`,paddingX:`400`,gap:`200`},s:{fontSize:`200`,height:`control.height.100`,paddingX:`400`,gap:`200`}}},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 _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 },\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 },\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 },\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 },\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 },\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 },\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 },\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 },\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 },\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 },\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 },\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,QAAS,EACf,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,OAAQ,CACN,QAAS,OACT,UAAW,MACZ,EACD,QAAS,CACP,QAAS,OACV,EACD,UAAW,CACT,QAAS,MACT,cAAe,MAChB,CACF,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,gBAAiB,cACjB,YAAa,gBACb,YAAa,OACd,EACD,MAAO,CACL,gBAAiB,cACjB,OAAQ,MACT,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,EACX,OAAQ,CAAE,CACX,EACD,KAAM,CACJ,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,SACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BACjB,OAAQ,CACN,gBAAiB,6BAClB,EACD,QAAS,CACP,gBAAiB,6BAClB,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,YAAa,0BACb,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,OAAQ,CACN,MAAO,8BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,8BAClB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|
|
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 _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 },\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 },\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,QAAS,EACf,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,OAAQ,CACN,QAAS,OACT,UAAW,MACZ,EACD,QAAS,CACP,QAAS,OACV,EACD,UAAW,CACT,QAAS,MACT,cAAe,MAChB,CACF,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,gBAAiB,cACjB,YAAa,gBACb,YAAa,OACd,EACD,MAAO,CACL,gBAAiB,cACjB,OAAQ,MACT,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,EACX,OAAQ,CAAE,CACX,EACD,KAAM,CACJ,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,EACD,UAAW,CACT,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,EACD,UAAW,CACT,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,SACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BACjB,OAAQ,CACN,gBAAiB,6BAClB,EACD,QAAS,CACP,gBAAiB,6BAClB,EACD,UAAW,CACT,gBAAiB,6BAClB,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,UAAW,CACT,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,YAAa,0BACb,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,EACD,UAAW,CACT,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,EACD,UAAW,CACT,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,EACD,UAAW,CACT,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,OAAQ,CACN,MAAO,8BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,8BAClB,EACD,UAAW,CACT,MAAO,8BACP,gBAAiB,8BAClB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,base:{marginTop:`0!`,position:`absolute!`,backgroundColor:`neutral.background.1.enabled`,borderWidth:`{borders.100}`,borderStyle:`solid`,borderColor:`neutral.stroke.7.enabled`,borderRadius:`200`,maxHeight:`33vh!`,overflowY:`auto`,padding:`100`,boxShadow:`outside.y.2`}
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,base:{marginTop:`0!`,position:`absolute!`,backgroundColor:`neutral.background.1.enabled`,borderWidth:`{borders.100}`,borderStyle:`solid`,borderColor:`neutral.stroke.7.enabled`,borderRadius:`200`,maxHeight:`33vh!`,overflowY:`auto`,padding:`100`,boxShadow:`outside.y.2`}});export{t as dropdown};
|
|
2
2
|
//# sourceMappingURL=dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n base: {\n marginTop: '0!',\n position: 'absolute!',\n backgroundColor: 'neutral.background.1.enabled',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n maxHeight: '33vh!',\n overflowY: 'auto',\n padding: '100',\n boxShadow: 'outside.y.2',\n },\n
|
|
1
|
+
{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n base: {\n marginTop: '0!',\n position: 'absolute!',\n backgroundColor: 'neutral.background.1.enabled',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n maxHeight: '33vh!',\n overflowY: 'auto',\n padding: '100',\n boxShadow: 'outside.y.2',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,KAAM,CACJ,UAAW,KACX,SAAU,YACV,gBAAiB,+BACjB,YAAa,gBACb,YAAa,QACb,YAAa,2BACb,aAAc,MACd,UAAW,QACX,UAAW,OACX,QAAS,MACT,UAAW,aACZ,CACF,EAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/preset",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.46",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"@types/react-dom": "^19.1.2",
|
|
26
26
|
"rimraf": "^6.0.1",
|
|
27
27
|
"tsdown": "^0.12.7",
|
|
28
|
-
"typescript": "^5.
|
|
28
|
+
"typescript": "^5.9.3"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@pandabox/define-recipe": "^0.0.3",
|