@mage-ui/preset 0.0.23 → 0.0.25
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.js +1 -1
- package/dist/recipes/atoms/buttons/button.js.map +1 -1
- package/dist/recipes/atoms/inputs/index.js +1 -1
- package/dist/recipes/atoms/inputs/index.js.map +1 -1
- package/dist/recipes/atoms/inputs/multi-switch/index.js +2 -0
- package/dist/recipes/atoms/inputs/multi-switch/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-group-root.js +2 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-group-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-label.js +2 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-label.js.map +1 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-root.js +2 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-settings.js +2 -0
- package/dist/recipes/atoms/inputs/multi-switch/multi-switch-settings.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/index.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-body.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-body.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-description.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-description.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-error.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-error.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-group-root.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-group-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-icon.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-icon.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-inner.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-inner.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-label-wrapper.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-label-wrapper.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-label.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-label.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-root.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-settings.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon-settings.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon.js +2 -0
- package/dist/recipes/atoms/inputs/radio-icon/radio-only-icon.js.map +1 -0
- package/dist/tokens/sizes.js +1 -1
- package/dist/tokens/sizes.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`button`,jsx:[`Button`],base:{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`}}},{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};
|
|
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 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,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 },\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,2 +1,2 @@
|
|
|
1
|
-
import{inputDescription as e}from"./input-description.js";import{inputError as t}from"./input-error.js";import{formControl as n}from"./form-control.js";import{inputLabel as r}from"./input-label.js";import{inputRoot as i}from"./input-root.js";import{checkboxRecipe as a}from"./checkbox/index.js";import{comboboxRecipe as o}from"./combobox/index.js";import{datepickerDropdown as s}from"./datepicker-dropdown.js";import{datepickerInput as c}from"./datepicker-input.js";import{input as l}from"./input.js";import{inputButton as u}from"./input-button.js";import{inputSection as d}from"./input-section.js";import{inputFile as f}from"./input-file/index.js";import{inputPassword as p}from"./input-password/index.js";import{inputPlaceholder as m}from"./input-placeholder.js";import{inputWrapper as h}from"./input-wrapper.js";import{
|
|
1
|
+
import{inputDescription as e}from"./input-description.js";import{inputError as t}from"./input-error.js";import{formControl as n}from"./form-control.js";import{inputLabel as r}from"./input-label.js";import{inputRoot as i}from"./input-root.js";import{checkboxRecipe as a}from"./checkbox/index.js";import{comboboxRecipe as o}from"./combobox/index.js";import{datepickerDropdown as s}from"./datepicker-dropdown.js";import{datepickerInput as c}from"./datepicker-input.js";import{input as l}from"./input.js";import{inputButton as u}from"./input-button.js";import{inputSection as d}from"./input-section.js";import{inputFile as f}from"./input-file/index.js";import{inputPassword as p}from"./input-password/index.js";import{inputPlaceholder as m}from"./input-placeholder.js";import{inputWrapper as h}from"./input-wrapper.js";import{multiSwitchs as g}from"./multi-switch/index.js";import{radioRecipe as _}from"./radio/index.js";import{radioOnlyIconRecipe as v}from"./radio-icon/index.js";import{textareaRecipe as y}from"./textarea/index.js";const b={datepickerDropdown:s,datepickerInput:c,formControl:n,input:l,inputDescription:e,inputError:t,inputLabel:r,inputPlaceholder:m,inputRoot:i,inputSection:d,inputWrapper:h,inputButton:u,...o,...a,..._,...v,...y,...f,...p,...g};export{b as inputs};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/index.ts"],"sourcesContent":["import { checkboxRecipe } from './checkbox';\nimport { comboboxRecipe } from './combobox';\nimport { datepickerDropdown } from './datepicker-dropdown';\nimport { datepickerInput } from './datepicker-input';\nimport { formControl } from './form-control';\nimport { input } from './input';\nimport { inputButton } from './input-button';\nimport { inputDescription } from './input-description';\nimport { inputError } from './input-error';\nimport { inputFile } from './input-file';\nimport { inputLabel } from './input-label';\nimport { inputPassword } from './input-password';\nimport { inputPlaceholder } from './input-placeholder';\nimport { inputRoot } from './input-root';\nimport { inputSection } from './input-section';\nimport { inputWrapper } from './input-wrapper';\nimport { radioRecipe } from './radio';\nimport { textareaRecipe } from './textarea';\n\nexport const inputs = {\n datepickerDropdown,\n datepickerInput,\n formControl,\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n inputButton,\n ...comboboxRecipe,\n ...checkboxRecipe,\n ...radioRecipe,\n ...textareaRecipe,\n ...inputFile,\n ...inputPassword,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/index.ts"],"sourcesContent":["import { checkboxRecipe } from './checkbox';\nimport { comboboxRecipe } from './combobox';\nimport { datepickerDropdown } from './datepicker-dropdown';\nimport { datepickerInput } from './datepicker-input';\nimport { formControl } from './form-control';\nimport { input } from './input';\nimport { inputButton } from './input-button';\nimport { inputDescription } from './input-description';\nimport { inputError } from './input-error';\nimport { inputFile } from './input-file';\nimport { inputLabel } from './input-label';\nimport { inputPassword } from './input-password';\nimport { inputPlaceholder } from './input-placeholder';\nimport { inputRoot } from './input-root';\nimport { inputSection } from './input-section';\nimport { inputWrapper } from './input-wrapper';\nimport { multiSwitchs } from './multi-switch';\nimport { radioRecipe } from './radio';\nimport { radioOnlyIconRecipe } from './radio-icon';\nimport { textareaRecipe } from './textarea';\n\nexport const inputs = {\n datepickerDropdown,\n datepickerInput,\n formControl,\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n inputButton,\n ...comboboxRecipe,\n ...checkboxRecipe,\n ...radioRecipe,\n ...radioOnlyIconRecipe,\n ...textareaRecipe,\n ...inputFile,\n ...inputPassword,\n ...multiSwitchs,\n};\n"],"mappings":"sgCAqBA,MAAa,EAAS,CACpB,qBACA,kBACA,cACA,QACA,mBACA,aACA,aACA,mBACA,YACA,eACA,eACA,cACA,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACJ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{multiSwitchGroupRoot as e}from"./multi-switch-group-root.js";import{multiSwitchLabel as t}from"./multi-switch-label.js";import{multiSwitchRoot as n}from"./multi-switch-root.js";import{multiSwitchSettings as r}from"./multi-switch-settings.js";const i={multiSwitchLabel:t,multiSwitchGroupRoot:e,multiSwitchRoot:n,multiSwitchSettings:r};export{i as multiSwitchs};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/multi-switch/index.ts"],"sourcesContent":["import { multiSwitchGroupRoot } from './multi-switch-group-root';\nimport { multiSwitchLabel } from './multi-switch-label';\nimport { multiSwitchRoot } from './multi-switch-root';\nimport { multiSwitchSettings } from './multi-switch-settings';\n\nexport const multiSwitchs = {\n multiSwitchLabel,\n multiSwitchGroupRoot,\n multiSwitchRoot,\n multiSwitchSettings,\n};\n"],"mappings":"yPAKA,MAAa,EAAe,CAC1B,mBACA,uBACA,kBACA,qBACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`multi-switch-group-root`,jsx:[`MultiSwitch`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`center`,alignItems:`center`,gap:`var(--multi-switch-gap)`,backgroundColor:`var(--multi-switch-background)`,height:`var(--multi-switch-height)`,width:`var(--multi-switch-width)`,padding:`var(--multi-switch-padding)`,borderRadius:`var(--multi-switch-border-radius)`,_focusWithin:{outlineWidth:`var(--multi-switch-outline-width)`,outlineStyle:`var(--multi-switch-outline-style)`,outlineColor:`var(--multi-switch-outline-color)`,outlineOffset:`var(--multi-switch-outline-offset)`}}});export{t as multiSwitchGroupRoot};
|
|
2
|
+
//# sourceMappingURL=multi-switch-group-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-switch-group-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/multi-switch/multi-switch-group-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const multiSwitchGroupRoot = defineRecipe({\n className: 'multi-switch-group-root',\n jsx: ['MultiSwitch'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 'var(--multi-switch-gap)',\n backgroundColor: 'var(--multi-switch-background)',\n height: 'var(--multi-switch-height)',\n width: 'var(--multi-switch-width)',\n padding: 'var(--multi-switch-padding)',\n borderRadius: 'var(--multi-switch-border-radius)',\n _focusWithin: {\n outlineWidth: 'var(--multi-switch-outline-width)',\n outlineStyle: 'var(--multi-switch-outline-style)',\n outlineColor: 'var(--multi-switch-outline-color)',\n outlineOffset: 'var(--multi-switch-outline-offset)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,0BACX,IAAK,CAAC,aAAc,EACpB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,SAChB,WAAY,SACZ,IAAK,0BACL,gBAAiB,iCACjB,OAAQ,6BACR,MAAO,4BACP,QAAS,8BACT,aAAc,oCACd,aAAc,CACZ,aAAc,oCACd,aAAc,oCACd,aAAc,oCACd,cAAe,oCAChB,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-switch-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/multi-switch/multi-switch-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const multiSwitchLabel = defineRecipe({\n className: 'multi-switch-label',\n jsx: ['MultiSwitch'],\n base: {\n srOnly: true,\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,aAAc,EACpB,KAAM,CACJ,QAAQ,CACT,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-switch-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/multi-switch/multi-switch-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const multiSwitchRoot = defineRecipe({\n className: 'multi-switch-root',\n jsx: ['MultiSwitch'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,aAAc,EACpB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`multi-switch-settings`,jsx:[`MultiSwitch`],base:{"--multi-switch-background":`{colors.primary.background.1.enabled}`,"--multi-switch-gap":`{spacing.50}`,"--multi-switch-padding":`{spacing.50}`,"--multi-switch-border-radius":`{radii.900}`,"--multi-switch-height":`{sizes.400}`,"--multi-switch-width":`max-content`,"--multi-switch-outline-width":`{borders.200}`,"--multi-switch-outline-style":`solid`,"--multi-switch-outline-color":`{colors.primary.background.1.enabled}`,"--multi-switch-outline-offset":`{spacing.50}`}});export{t as multiSwitchSettings};
|
|
2
|
+
//# sourceMappingURL=multi-switch-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-switch-settings.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/multi-switch/multi-switch-settings.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const multiSwitchSettings = defineRecipe({\n className: 'multi-switch-settings',\n jsx: ['MultiSwitch'],\n base: {\n '--multi-switch-background': '{colors.primary.background.1.enabled}',\n '--multi-switch-gap': '{spacing.50}',\n '--multi-switch-padding': '{spacing.50}',\n '--multi-switch-border-radius': '{radii.900}',\n '--multi-switch-height': '{sizes.400}',\n '--multi-switch-width': 'max-content',\n '--multi-switch-outline-width': '{borders.200}',\n '--multi-switch-outline-style': 'solid',\n '--multi-switch-outline-color': '{colors.primary.background.1.enabled}',\n '--multi-switch-outline-offset': '{spacing.50}',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAsB,EAAa,CAC9C,UAAW,wBACX,IAAK,CAAC,aAAc,EACpB,KAAM,CACJ,4BAA6B,wCAC7B,qBAAsB,eACtB,yBAA0B,eAC1B,+BAAgC,cAChC,wBAAyB,cACzB,uBAAwB,cACxB,+BAAgC,gBAChC,+BAAgC,QAChC,+BAAgC,wCAChC,gCAAiC,cAClC,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{radioOnlyIcon as e}from"./radio-only-icon.js";import{radioOnlyIconBody as t}from"./radio-only-icon-body.js";import{radioOnlyIconDescription as n}from"./radio-only-icon-description.js";import{radioOnlyIconError as r}from"./radio-only-icon-error.js";import{radioOnlyIconGroupRoot as i}from"./radio-only-icon-group-root.js";import{radioOnlyIconIcon as a}from"./radio-only-icon-icon.js";import{radioOnlyIconInner as o}from"./radio-only-icon-inner.js";import{radioOnlyIconLabel as s}from"./radio-only-icon-label.js";import{radioOnlyIconLabelWrapper as c}from"./radio-only-icon-label-wrapper.js";import{radioOnlyIconRoot as l}from"./radio-only-icon-root.js";import{radioOnlyIconSettings as u}from"./radio-only-icon-settings.js";const d={radioOnlyIcon:e,radioOnlyIconBody:t,radioOnlyIconDescription:n,radioOnlyIconError:r,radioOnlyIconIcon:a,radioOnlyIconInner:o,radioOnlyIconLabel:s,radioOnlyIconLabelWrapper:c,radioOnlyIconRoot:l,radioOnlyIconGroupRoot:i,radioOnlyIconSettings:u};export{d as radioOnlyIconRecipe};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/index.ts"],"sourcesContent":["import { radioOnlyIcon } from './radio-only-icon';\nimport { radioOnlyIconBody } from './radio-only-icon-body';\nimport { radioOnlyIconDescription } from './radio-only-icon-description';\nimport { radioOnlyIconError } from './radio-only-icon-error';\nimport { radioOnlyIconGroupRoot } from './radio-only-icon-group-root';\nimport { radioOnlyIconIcon } from './radio-only-icon-icon';\nimport { radioOnlyIconInner } from './radio-only-icon-inner';\nimport { radioOnlyIconLabel } from './radio-only-icon-label';\nimport { radioOnlyIconLabelWrapper } from './radio-only-icon-label-wrapper';\nimport { radioOnlyIconRoot } from './radio-only-icon-root';\nimport { radioOnlyIconSettings } from './radio-only-icon-settings';\n\nexport const radioOnlyIconRecipe = {\n radioOnlyIcon,\n radioOnlyIconBody,\n radioOnlyIconDescription,\n radioOnlyIconError,\n radioOnlyIconIcon,\n radioOnlyIconInner,\n radioOnlyIconLabel,\n radioOnlyIconLabelWrapper,\n radioOnlyIconRoot,\n radioOnlyIconGroupRoot,\n radioOnlyIconSettings,\n};\n"],"mappings":"ytBAYA,MAAa,EAAsB,CACjC,gBACA,oBACA,2BACA,qBACA,oBACA,qBACA,qBACA,4BACA,oBACA,yBACA,uBACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconBody = defineRecipe({\n className: 'radio-icon-body',\n jsx: ['RadioIcon'],\n base: {\n position: 'relative',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,kBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,SAAU,UACX,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-description.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputDescription } from '../input-description';\n\nexport const radioOnlyIconDescription = inputDescription.merge({\n className: 'radio-icon-description',\n jsx: ['RadioIcon'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2DAOA,MAAa,EAA2B,EAAiB,MAAM,CAC7D,UAAW,yBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-error.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputError } from '../input-error';\n\nexport const radioOnlyIconError = inputError.merge({\n className: 'radio-icon-error',\n jsx: ['RadioIcon'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAqB,EAAW,MAAM,CACjD,UAAW,mBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-group-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-group-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconGroupRoot = defineRecipe({\n className: 'radio-icon-group-root',\n jsx: ['RadioIcon'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,wBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-icon-icon`,jsx:[`RadioIcon`],base:{color:`neutral.foreground.static.inverted.enabled`,position:`absolute`,inset:0,width:`var(--radio-icon-size)`,height:`var(--radio-icon-size)`,margin:`auto`,pointerEvents:`none`,opacity:0,_peerChecked:{opacity:1}}});export{t as radioOnlyIconIcon};
|
|
2
|
+
//# sourceMappingURL=radio-only-icon-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconIcon = defineRecipe({\n className: 'radio-icon-icon',\n jsx: ['RadioIcon'],\n base: {\n color: 'neutral.foreground.static.inverted.enabled',\n position: 'absolute',\n inset: 0,\n width: 'var(--radio-icon-size)',\n height: 'var(--radio-icon-size)',\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n _peerChecked: {\n opacity: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,kBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,MAAO,6CACP,SAAU,WACV,MAAO,EACP,MAAO,yBACP,OAAQ,yBACR,OAAQ,OACR,cAAe,OACf,QAAS,EACT,aAAc,CACZ,QAAS,CACV,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-icon-inner`,jsx:[`RadioIcon`],base:{position:`relative`,width:`var(--radio-icon-size)`,height:`var(--radio-icon-size)`,aspectRatio:`1 / 1`}});export{t as radioOnlyIconInner};
|
|
2
|
+
//# sourceMappingURL=radio-only-icon-inner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconInner = defineRecipe({\n className: 'radio-icon-inner',\n jsx: ['RadioIcon'],\n base: {\n position: 'relative',\n width: 'var(--radio-icon-size)',\n height: 'var(--radio-icon-size)',\n aspectRatio: '1 / 1',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,mBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,SAAU,WACV,MAAO,yBACP,OAAQ,yBACR,YAAa,OACd,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-icon-label-wrapper`,jsx:[`RadioIcon`],base:{width:`var(--radio-icon-size)`,height:`var(--radio-icon-size)`,display:`flex`,alignItems:`center`,justifyContent:`center`,position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`}});export{t as radioOnlyIconLabelWrapper};
|
|
2
|
+
//# sourceMappingURL=radio-only-icon-label-wrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-label-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconLabelWrapper = defineRecipe({\n className: 'radio-icon-label-wrapper',\n jsx: ['RadioIcon'],\n base: {\n width: 'var(--radio-icon-size)',\n height: 'var(--radio-icon-size)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA4B,EAAa,CACpD,UAAW,2BACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,MAAO,yBACP,OAAQ,yBACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,SAAU,WACV,IAAK,MACL,KAAM,MACN,UAAW,uBACZ,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{inputLabel as e}from"../input-label.js";const t=e.merge({className:`radio-icon-label`,jsx:[`RadioIcon`],base:{backgroundColor:`var(--radio-icon-bg-color)`,display:`flex`,alignItems:`center`,justifyContent:`center`}});export{t as radioOnlyIconLabel};
|
|
2
|
+
//# sourceMappingURL=radio-only-icon-label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputLabel } from '../input-label';\n\nexport const radioOnlyIconLabel = inputLabel.merge({\n className: 'radio-icon-label',\n jsx: ['RadioIcon'],\n base: {\n backgroundColor: 'var(--radio-icon-bg-color)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAqB,EAAW,MAAM,CACjD,UAAW,mBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,gBAAiB,6BACjB,QAAS,OACT,WAAY,SACZ,eAAgB,QACjB,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconRoot = defineRecipe({\n className: 'radio-icon-root',\n jsx: ['RadioIcon'],\n base: {\n gap: '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,kBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,IAAK,GACN,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-icon-settings`,jsx:[`RadioIcon`],base:{"--radio-icon-size":`1.75rem`,"--radio-icon-icon-size":`1rem`,"--radio-icon-bg-color":`var(--color-neutral-100)`}});export{t as radioOnlyIconSettings};
|
|
2
|
+
//# sourceMappingURL=radio-only-icon-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon-settings.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon-settings.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioOnlyIconSettings = defineRecipe({\n className: 'radio-icon-settings',\n jsx: ['RadioIcon'],\n base: {\n '--radio-icon-size': '1.75rem',\n '--radio-icon-icon-size': '1rem',\n '--radio-icon-bg-color': 'var(--color-neutral-100)',\n //colors\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,sBACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,oBAAqB,UACrB,yBAA0B,OAC1B,wBAAyB,0BAE1B,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{formControl as e}from"../form-control.js";const t=e.merge({className:`radi-icon`,jsx:[`RadioIcon`],base:{position:`relative`,display:`block`,appearance:`none`,transition:`{animations.base.100}`,width:`var(--radio-icon-size)`,aspectRatio:`1`,borderRadius:`900`,WebkitTapHighlightColor:`transparent`,padding:`0`,pointerEvents:`auto!`,cursor:`pointer`,_checked:{backgroundColor:`neutral.background.2.brand.selected`,color:`neutral.foreground.static.inverted.enabled`,borderColor:`neutral.background.2.brand.selected`},_disabled:{opacity:`0.5`,cursor:`not-allowed`,pointerEvents:`none`,_hover:{borderColor:`neutral.stroke.7.enabled`}}}});export{t as radioOnlyIcon};
|
|
2
|
+
//# sourceMappingURL=radio-only-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-only-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio-icon/radio-only-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from '../form-control';\n\nexport const radioOnlyIcon = formControl.merge({\n className: 'radi-icon',\n jsx: ['RadioIcon'],\n base: {\n position: 'relative',\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'var(--radio-icon-size)',\n aspectRatio: '1',\n borderRadius: '900',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n pointerEvents: 'auto!',\n cursor: 'pointer',\n _checked: {\n backgroundColor: 'neutral.background.2.brand.selected',\n color: 'neutral.foreground.static.inverted.enabled',\n borderColor: 'neutral.background.2.brand.selected',\n },\n _disabled: {\n opacity: '0.5',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n _hover: {\n borderColor: 'neutral.stroke.7.enabled',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iDAOA,MAAa,EAAgB,EAAY,MAAM,CAC7C,UAAW,YACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,SAAU,WACV,QAAS,QACT,WAAY,OACZ,WAAY,wBACZ,MAAO,yBACP,YAAa,IACb,aAAc,MACd,wBAAyB,cACzB,QAAS,IACT,cAAe,QACf,OAAQ,UACR,SAAU,CACR,gBAAiB,sCACjB,MAAO,6CACP,YAAa,qCACd,EACD,UAAW,CACT,QAAS,MACT,OAAQ,cACR,cAAe,OACf,OAAQ,CACN,YAAa,0BACd,CACF,CACF,CACF,EAAC"}
|
package/dist/tokens/sizes.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineTokens as e}from"@pandacss/dev";const t=e.sizes({0:{value:`0`},50:{value:`0.25rem`},100:{value:`0.5rem`},150:{value:`0.75rem`},200:{value:`1rem`},300:{value:`1.5rem`},400:{value:`2rem`},500:{value:`2.5rem`},600:{value:`3rem`},700:{value:`3.5rem`},800:{value:`4rem`},900:{value:`4.5rem`},1e3:{value:`5rem`},1100:{value:`5.5rem`},1200:{value:`6rem`},1300:{value:`6.5rem`},1400:{value:`7rem`},1500:{value:`7.5rem`}});export{t as sizes};
|
|
1
|
+
import{defineTokens as e}from"@pandacss/dev";const t=e.sizes({0:{value:`0`},25:{value:`0.125rem`},50:{value:`0.25rem`},100:{value:`0.5rem`},150:{value:`0.75rem`},200:{value:`1rem`},300:{value:`1.5rem`},400:{value:`2rem`},500:{value:`2.5rem`},600:{value:`3rem`},700:{value:`3.5rem`},800:{value:`4rem`},900:{value:`4.5rem`},1e3:{value:`5rem`},1100:{value:`5.5rem`},1200:{value:`6rem`},1300:{value:`6.5rem`},1400:{value:`7rem`},1500:{value:`7.5rem`}});export{t as sizes};
|
|
2
2
|
//# sourceMappingURL=sizes.js.map
|
package/dist/tokens/sizes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","names":[],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const sizes = defineTokens.sizes({\n 0: { value: '0' },\n 50: { value: '0.25rem' }, //4px\n 100: { value: '0.5rem' }, //8px\n 150: { value: '0.75rem' }, //12px\n 200: { value: '1rem' }, //16px\n 300: { value: '1.5rem' }, //24px\n 400: { value: '2rem' }, //32px\n 500: { value: '2.5rem' }, //40px\n 600: { value: '3rem' }, //48px\n 700: { value: '3.5rem' }, //56px\n 800: { value: '4rem' }, //64px\n 900: { value: '4.5rem' }, //72px\n 1000: { value: '5rem' }, //80px\n 1100: { value: '5.5rem' }, //88px\n 1200: { value: '6rem' }, //96px\n 1300: { value: '6.5rem' }, //104px\n 1400: { value: '7rem' }, //112px\n 1500: { value: '7.5rem' }, //120px\n});\n"],"mappings":"6CAEA,MAAa,EAAQ,EAAa,MAAM,CACtC,EAAG,CAAE,MAAO,GAAK,EACjB,GAAI,CAAE,MAAO,SAAW,EACxB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,SAAW,EACzB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAM,CAAE,MAAO,MAAQ,EACvB,KAAM,CAAE,MAAO,QAAU,EACzB,KAAM,CAAE,MAAO,MAAQ,EACvB,KAAM,CAAE,MAAO,QAAU,EACzB,KAAM,CAAE,MAAO,MAAQ,EACvB,KAAM,CAAE,MAAO,QAAU,CAC1B,EAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.js","names":[],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const sizes = defineTokens.sizes({\n 0: { value: '0' },\n 25: { value: '0.125rem' }, //2px\n 50: { value: '0.25rem' }, //4px\n 100: { value: '0.5rem' }, //8px\n 150: { value: '0.75rem' }, //12px\n 200: { value: '1rem' }, //16px\n 300: { value: '1.5rem' }, //24px\n 400: { value: '2rem' }, //32px\n 500: { value: '2.5rem' }, //40px\n 600: { value: '3rem' }, //48px\n 700: { value: '3.5rem' }, //56px\n 800: { value: '4rem' }, //64px\n 900: { value: '4.5rem' }, //72px\n 1000: { value: '5rem' }, //80px\n 1100: { value: '5.5rem' }, //88px\n 1200: { value: '6rem' }, //96px\n 1300: { value: '6.5rem' }, //104px\n 1400: { value: '7rem' }, //112px\n 1500: { value: '7.5rem' }, //120px\n});\n"],"mappings":"6CAEA,MAAa,EAAQ,EAAa,MAAM,CACtC,EAAG,CAAE,MAAO,GAAK,EACjB,GAAI,CAAE,MAAO,UAAY,EACzB,GAAI,CAAE,MAAO,SAAW,EACxB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,SAAW,EACzB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAK,CAAE,MAAO,MAAQ,EACtB,IAAK,CAAE,MAAO,QAAU,EACxB,IAAM,CAAE,MAAO,MAAQ,EACvB,KAAM,CAAE,MAAO,QAAU,EACzB,KAAM,CAAE,MAAO,MAAQ,EACvB,KAAM,CAAE,MAAO,QAAU,EACzB,KAAM,CAAE,MAAO,MAAQ,EACvB,KAAM,CAAE,MAAO,QAAU,CAC1B,EAAC"}
|