@mage-ui/preset 0.0.51 → 0.0.53
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-label.js +1 -1
- package/dist/recipes/atoms/buttons/button-label.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-loader.js +2 -0
- package/dist/recipes/atoms/buttons/button-loader.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-section.js +1 -1
- package/dist/recipes/atoms/buttons/button-section.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/buttons/index.js +1 -1
- package/dist/recipes/atoms/buttons/index.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-description.js +1 -1
- package/dist/recipes/atoms/inputs/input-description.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-label.js +1 -1
- package/dist/recipes/atoms/inputs/input-label.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-placeholder.js +1 -1
- package/dist/recipes/atoms/inputs/input-placeholder.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-root.js +1 -1
- package/dist/recipes/atoms/inputs/input-root.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-section.js +1 -1
- package/dist/recipes/atoms/inputs/input-section.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-wrapper.js +1 -1
- package/dist/recipes/atoms/inputs/input-wrapper.js.map +1 -1
- package/dist/recipes/atoms/inputs/input.js +1 -1
- package/dist/recipes/atoms/inputs/input.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-body.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-body.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-description.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-description.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-error.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-error.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-group-root.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-group-root.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-icon.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-icon.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-inner.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-inner.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-label-wrapper.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-label-wrapper.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-label.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-label.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-root.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio-root.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/radio.js +1 -1
- package/dist/recipes/atoms/inputs/radio/radio.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-label`,jsx:[`Button`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:`100%`,_empty:{display:`none`}}});export{t as buttonLabel};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-label`,jsx:[`Button`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:`100%`,position:`relative`,zIndex:`10`,_empty:{display:`none`}}});export{t as buttonLabel};
|
|
2
2
|
//# sourceMappingURL=button-label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-label.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonLabel = defineRecipe({\n className: 'button-label',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n _empty: {\n display: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,OACR,OAAQ,CACN,QAAS,OACV,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"button-label.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonLabel = defineRecipe({\n className: 'button-label',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n position: 'relative',\n zIndex: '10',\n _empty: {\n display: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,OACR,SAAU,WACV,OAAQ,KACR,OAAQ,CACN,QAAS,OACV,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-loader`,jsx:[`Button`],base:{backgroundColor:`red`,display:`block`,height:`100%`,width:`0`,borderRadius:`200`,position:`absolute`,inset:`0 auto 0 0`,zIndex:`1`,_empty:{display:`none`},_loading:{transition:`all ease 1.5s`,width:`100%`},".button[data-loading=true] &":{transition:`width ease 1.5s!`,width:`100%`}}});export{t as buttonLoader};
|
|
2
|
+
//# sourceMappingURL=button-loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-loader.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-loader.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonLoader = defineRecipe({\n className: 'button-loader',\n jsx: ['Button'],\n base: {\n backgroundColor: 'red',\n display: 'block',\n height: '100%',\n width: '0',\n borderRadius: '200',\n position: 'absolute',\n inset: '0 auto 0 0',\n zIndex: '1',\n _empty: {\n display: 'none',\n },\n _loading: {\n transition: 'all ease 1.5s',\n width: '100%',\n },\n '.button[data-loading=true] &': {\n transition: 'width ease 1.5s!',\n width: '100%',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBAAiB,MACjB,QAAS,QACT,OAAQ,OACR,MAAO,IACP,aAAc,MACd,SAAU,WACV,MAAO,aACP,OAAQ,IACR,OAAQ,CACN,QAAS,OACV,CACD,SAAU,CACR,WAAY,gBACZ,MAAO,OACR,CACD,+BAAgC,CAC9B,WAAY,mBACZ,MAAO,OACR,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-section`,jsx:[`Button`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`}});export{t as buttonSection};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-section`,jsx:[`Button`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,position:`relative`,zIndex:`10`}});export{t as buttonSection};
|
|
2
2
|
//# sourceMappingURL=button-section.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-section.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonSection = defineRecipe({\n className: 'button-section',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,
|
|
1
|
+
{"version":3,"file":"button-section.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonSection = defineRecipe({\n className: 'button-section',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n zIndex: '10',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,SAAU,WACV,OAAQ,KACT,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`,_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};
|
|
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:{cursor:`not-allowed`,pointerEvents:`none`,opacity:`1!`}},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 _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,OAAQ,CACN,QAAS,OACT,UAAW,OACZ,CACD,QAAS,CACP,QAAS,QACV,CACD,UAAW,CACT,QAAS,MACT,cAAe,OAChB,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,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 cursor: 'not-allowed',\n pointerEvents: 'none',\n opacity: '1!',\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,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,OAAQ,cACR,cAAe,OACf,QAAS,KACV,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,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,2 +1,2 @@
|
|
|
1
|
-
import{button as e}from"./button.js";import{buttonIcon as t}from"./button-icon.js";import{buttonIconIcon as n}from"./button-icon-icon.js";import{buttonInner as r}from"./button-inner.js";import{buttonLabel as i}from"./button-label.js";import{
|
|
1
|
+
import{button as e}from"./button.js";import{buttonIcon as t}from"./button-icon.js";import{buttonIconIcon as n}from"./button-icon-icon.js";import{buttonInner as r}from"./button-inner.js";import{buttonLabel as i}from"./button-label.js";import{buttonLoader as a}from"./button-loader.js";import{buttonSection as o}from"./button-section.js";const s={button:e,buttonIcon:t,buttonIconIcon:n,buttonInner:r,buttonLabel:i,buttonSection:o,buttonLoader:a};export{s as buttons};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/index.ts"],"sourcesContent":["import { button } from './button';\nimport { buttonIcon } from './button-icon';\nimport { buttonIconIcon } from './button-icon-icon';\nimport { buttonInner } from './button-inner';\nimport { buttonLabel } from './button-label';\nimport { buttonSection } from './button-section';\n\nexport const buttons = {\n button,\n buttonIcon,\n buttonIconIcon,\n buttonInner,\n buttonLabel,\n buttonSection,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/index.ts"],"sourcesContent":["import { button } from './button';\nimport { buttonIcon } from './button-icon';\nimport { buttonIconIcon } from './button-icon-icon';\nimport { buttonInner } from './button-inner';\nimport { buttonLabel } from './button-label';\nimport { buttonLoader } from './button-loader';\nimport { buttonSection } from './button-section';\n\nexport const buttons = {\n button,\n buttonIcon,\n buttonIconIcon,\n buttonInner,\n buttonLabel,\n buttonSection,\n buttonLoader,\n};\n"],"mappings":"gVAQA,MAAa,EAAU,CACrB,SACA,aACA,iBACA,cACA,cACA,gBACA,eACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-description`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-description`,jsx:[`InputText`,`FormInputText`],base:{order:`2`,fontSize:`300`,lineHeight:`1.6`,fontWeight:`400`,color:`neutral.foreground.2.enabled`,margin:`0`}});export{t as inputDescription};
|
|
2
2
|
//# sourceMappingURL=input-description.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-description.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputDescription = defineRecipe({\n className: 'input-description',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input-description.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputDescription = defineRecipe({\n className: 'input-description',\n jsx: ['InputText', 'FormInputText'],\n base: {\n order: '2',\n fontSize: '300',\n lineHeight: '1.6',\n fontWeight: '400',\n color: 'neutral.foreground.2.enabled',\n margin: '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,YAAa,gBAAgB,CACnC,KAAM,CACJ,MAAO,IACP,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,MAAO,+BACP,OAAQ,IACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-label`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-label`,jsx:[`InputText`,`FormInputText`],base:{order:`0`,fontWeight:`500`,color:`neutral.foreground.2.enabled`},variants:{size:{l:{fontSize:`300`},m:{fontSize:`200`}}},defaultVariants:{size:`l`}});export{t as inputLabel};
|
|
2
2
|
//# sourceMappingURL=input-label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-label.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputLabel = defineRecipe({\n className: 'input-label',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input-label.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputLabel = defineRecipe({\n className: 'input-label',\n jsx: ['InputText', 'FormInputText'],\n base: {\n order: '0',\n fontWeight: '500',\n color: 'neutral.foreground.2.enabled',\n },\n variants: {\n size: {\n l: {\n fontSize: '300',\n },\n m: {\n fontSize: '200',\n },\n },\n },\n defaultVariants: {\n size: 'l',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,YAAa,gBAAgB,CACnC,KAAM,CACJ,MAAO,IACP,WAAY,MACZ,MAAO,+BACR,CACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,SAAU,MACX,CACD,EAAG,CACD,SAAU,MACX,CACF,CACF,CACD,gBAAiB,CACf,KAAM,IACP,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-placeholder`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-placeholder`,jsx:[`InputText`,`FormInputText`],base:{color:`neutral.foreground.3.enabled`}});export{t as inputPlaceholder};
|
|
2
2
|
//# sourceMappingURL=input-placeholder.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-placeholder.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-placeholder.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputPlaceholder = defineRecipe({\n className: 'input-placeholder',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input-placeholder.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-placeholder.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputPlaceholder = defineRecipe({\n className: 'input-placeholder',\n jsx: ['InputText', 'FormInputText'],\n base: {\n color: 'neutral.foreground.3.enabled',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,YAAa,gBAAgB,CACnC,KAAM,CACJ,MAAO,+BACR,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-root`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-root`,jsx:[`InputText`,`FormInputText`],base:{display:`flex`,flexDirection:`column`,gap:`200`,width:`100%`}});export{t as inputRoot};
|
|
2
2
|
//# sourceMappingURL=input-root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-root.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputRoot = defineRecipe({\n className: 'input-root',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input-root.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputRoot = defineRecipe({\n className: 'input-root',\n jsx: ['InputText', 'FormInputText'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: '200',\n width: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAa,gBAAgB,CACnC,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,MACL,MAAO,OACR,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-section`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-section`,jsx:[`InputText`,`FormInputText`],base:{position:`absolute`,top:`50%`,transform:`translateY(-50%)`,zIndex:`10`,display:`flex`,alignItems:`center`,justifyContent:`center`,color:`neutral.foreground.3.enabled`,_leftSlot:{left:`{spacing.300}`},_rightSlot:{right:`{spacing.300}`}},variants:{pointerEvents:{none:{pointerEvents:`none`},auto:{pointerEvents:`auto`}}}});export{t as inputSection};
|
|
2
2
|
//# sourceMappingURL=input-section.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-section.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputSection = defineRecipe({\n className: 'input-section',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input-section.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputSection = defineRecipe({\n className: 'input-section',\n jsx: ['InputText', 'FormInputText'],\n base: {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n zIndex: '10',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'neutral.foreground.3.enabled',\n _leftSlot: {\n left: '{spacing.300}',\n },\n _rightSlot: {\n right: '{spacing.300}',\n },\n },\n variants: {\n pointerEvents: {\n none: {\n pointerEvents: 'none',\n },\n auto: {\n pointerEvents: 'auto',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,YAAa,gBAAgB,CACnC,KAAM,CACJ,SAAU,WACV,IAAK,MACL,UAAW,mBACX,OAAQ,KACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,+BACP,UAAW,CACT,KAAM,gBACP,CACD,WAAY,CACV,MAAO,gBACR,CACF,CACD,SAAU,CACR,cAAe,CACb,KAAM,CACJ,cAAe,OAChB,CACD,KAAM,CACJ,cAAe,OAChB,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-wrapper`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-wrapper`,jsx:[`InputText`,`FormInputText`],base:{order:`1`,position:`relative`,color:`neutral.foreground.1.enabled`,'&:is([data-with-right-section="true"])':{paddingInlineEnd:`var(--input-left-section-width) `}}});export{t as inputWrapper};
|
|
2
2
|
//# sourceMappingURL=input-wrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-wrapper.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputWrapper = defineRecipe({\n className: 'input-wrapper',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input-wrapper.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputWrapper = defineRecipe({\n className: 'input-wrapper',\n jsx: ['InputText', 'FormInputText'],\n base: {\n order: '1',\n position: 'relative',\n color: 'neutral.foreground.1.enabled',\n '&:is([data-with-right-section=\"true\"])': {\n paddingInlineEnd: 'var(--input-left-section-width)\t',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,YAAa,gBAAgB,CACnC,KAAM,CACJ,MAAO,IACP,SAAU,WACV,MAAO,+BACP,yCAA0C,CACxC,iBAAkB,mCACnB,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{formControl as e}from"./form-control.js";const t=e.merge({className:`input`,jsx:[`
|
|
1
|
+
import{formControl as e}from"./form-control.js";const t=e.merge({className:`input`,jsx:[`InputText`,`FormInputText`,`Textarea`],base:{width:`100%`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc({sizes.400} + {spacing.200})`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc({sizes.400} + {spacing.200})`},_placeholder:{color:`neutral.foreground.3.enabled`}},variants:{size:{l:{height:`control.height.300`},m:{height:`control.height.200`}}},defaultVariants:{size:`l`}});export{t as input};
|
|
2
2
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from './form-control';\n\nexport const input = formControl.merge({\n className: 'input',\n jsx: ['
|
|
1
|
+
{"version":3,"file":"input.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from './form-control';\n\nexport const input = formControl.merge({\n className: 'input',\n jsx: ['InputText', 'FormInputText', 'Textarea'],\n base: {\n width: '100%',\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart: 'calc({sizes.400} + {spacing.200})',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd: 'calc({sizes.400} + {spacing.200})',\n },\n _placeholder: {\n color: 'neutral.foreground.3.enabled',\n },\n },\n variants: {\n size: {\n l: {\n height: 'control.height.300',\n },\n m: {\n height: 'control.height.200',\n },\n },\n },\n defaultVariants: {\n size: 'l',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"gDAOA,MAAa,EAAQ,EAAY,MAAM,CACrC,UAAW,QACX,IAAK,CAAC,YAAa,gBAAiB,WAAW,CAC/C,KAAM,CACJ,MAAO,OACP,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,oCAAqC,CACnC,mBAAoB,oCACrB,CACD,qCAAsC,CACpC,iBAAkB,oCACnB,CACD,aAAc,CACZ,MAAO,+BACR,CACF,CACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,OAAQ,qBACT,CACD,EAAG,CACD,OAAQ,qBACT,CACF,CACF,CACD,gBAAiB,CACf,KAAM,IACP,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-body`,jsx:[`Radio`],base:{display:`flex`,alignItems:`center`,gap:`200`,cursor:`pointer`}});export{t as radioBody};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-body`,jsx:[`Radio`,`RadioGroup`],base:{display:`flex`,alignItems:`center`,gap:`200`,cursor:`pointer`}});export{t as radioBody};
|
|
2
2
|
//# sourceMappingURL=radio-body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioBody = defineRecipe({\n className: 'radio-body',\n jsx: ['Radio'],\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: '200',\n cursor: 'pointer',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioBody = defineRecipe({\n className: 'radio-body',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: '200',\n cursor: 'pointer',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,MACL,OAAQ,UACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inputDescription as e}from"../input-description.js";const t=e.merge({className:`radio-description`,jsx:[`Radio`],base:{}});export{t as radioDescription};
|
|
1
|
+
import{inputDescription as e}from"../input-description.js";const t=e.merge({className:`radio-description`,jsx:[`Radio`,`RadioGroup`],base:{}});export{t as radioDescription};
|
|
2
2
|
//# sourceMappingURL=radio-description.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-description.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputDescription } from '../input-description';\n\nexport const radioDescription = inputDescription.merge({\n className: 'radio-description',\n jsx: ['Radio'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2DAOA,MAAa,EAAmB,EAAiB,MAAM,CACrD,UAAW,oBACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-description.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputDescription } from '../input-description';\n\nexport const radioDescription = inputDescription.merge({\n className: 'radio-description',\n jsx: ['Radio', 'RadioGroup'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2DAOA,MAAa,EAAmB,EAAiB,MAAM,CACrD,UAAW,oBACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inputError as e}from"../input-error.js";const t=e.merge({className:`radio-error`,jsx:[`Radio`],base:{}});export{t as radioError};
|
|
1
|
+
import{inputError as e}from"../input-error.js";const t=e.merge({className:`radio-error`,jsx:[`Radio`,`RadioGroup`],base:{}});export{t as radioError};
|
|
2
2
|
//# sourceMappingURL=radio-error.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-error.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputError } from '../input-error';\n\nexport const radioError = inputError.merge({\n className: 'radio-error',\n jsx: ['Radio'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAa,EAAW,MAAM,CACzC,UAAW,cACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-error.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputError } from '../input-error';\n\nexport const radioError = inputError.merge({\n className: 'radio-error',\n jsx: ['Radio', 'RadioGroup'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAa,EAAW,MAAM,CACzC,UAAW,cACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group-root`,jsx:[`Radio`],base:{order:`3`,display:`flex`,flexDirection:`column`,gap:`400`,marginTop:`400`}});export{t as radioGroupRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group-root`,jsx:[`Radio`,`RadioGroup`],base:{order:`3`,display:`flex`,flexDirection:`column`,gap:`400`,marginTop:`400`}});export{t as radioGroupRoot};
|
|
2
2
|
//# sourceMappingURL=radio-group-root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-group-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroupRoot = defineRecipe({\n className: 'radio-group-root',\n jsx: ['Radio'],\n base: {\n order: '3',\n display: 'flex',\n flexDirection: 'column',\n gap: '400',\n marginTop: '400',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-group-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-group-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroupRoot = defineRecipe({\n className: 'radio-group-root',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n order: '3',\n display: 'flex',\n flexDirection: 'column',\n gap: '400',\n marginTop: '400',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,MAAO,IACP,QAAS,OACT,cAAe,SACf,IAAK,MACL,UAAW,MACZ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-icon`,jsx:[`Radio`],base:{color:`neutral.foreground.static.inverted.enabled`,position:`absolute`,inset:0,width:`40%`,margin:`auto`,pointerEvents:`none`,opacity:0,_peerChecked:{opacity:1}}});export{t as radioIcon};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-icon`,jsx:[`Radio`,`RadioGroup`],base:{color:`neutral.foreground.static.inverted.enabled`,position:`absolute`,inset:0,width:`40%`,margin:`auto`,pointerEvents:`none`,opacity:0,_peerChecked:{opacity:1}}});export{t as radioIcon};
|
|
2
2
|
//# sourceMappingURL=radio-icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioIcon = defineRecipe({\n className: 'radio-icon',\n jsx: ['Radio'],\n base: {\n color: 'neutral.foreground.static.inverted.enabled',\n position: 'absolute',\n inset: 0,\n width: '40%',\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n _peerChecked: {\n opacity: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioIcon = defineRecipe({\n className: 'radio-icon',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n color: 'neutral.foreground.static.inverted.enabled',\n position: 'absolute',\n inset: 0,\n width: '40%',\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n _peerChecked: {\n opacity: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,MAAO,6CACP,SAAU,WACV,MAAO,EACP,MAAO,MACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,aAAc,CACZ,QAAS,EACV,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-inner`,jsx:[`Radio`],base:{position:`relative`,width:`control.height.50`,height:`control.height.50`}});export{t as radioInner};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-inner`,jsx:[`Radio`,`RadioGroup`],base:{position:`relative`,width:`control.height.50`,height:`control.height.50`}});export{t as radioInner};
|
|
2
2
|
//# sourceMappingURL=radio-inner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioInner = defineRecipe({\n className: 'radio-inner',\n jsx: ['Radio'],\n base: {\n position: 'relative',\n width: 'control.height.50',\n height: 'control.height.50',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioInner = defineRecipe({\n className: 'radio-inner',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n position: 'relative',\n width: 'control.height.50',\n height: 'control.height.50',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,SAAU,WACV,MAAO,oBACP,OAAQ,oBACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-label-wrapper`,jsx:[`Radio`],base:{display:`flex`,flexDirection:`column`}});export{t as radioLabelWrapper};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-label-wrapper`,jsx:[`Radio`,`RadioGroup`],base:{display:`flex`,flexDirection:`column`}});export{t as radioLabelWrapper};
|
|
2
2
|
//# sourceMappingURL=radio-label-wrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-label-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioLabelWrapper = defineRecipe({\n className: 'radio-label-wrapper',\n jsx: ['Radio'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,sBACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-label-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioLabelWrapper = defineRecipe({\n className: 'radio-label-wrapper',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,sBACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,SAChB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inputLabel as e}from"../input-label.js";const t=e.merge({className:`radio-label`,jsx:[`Radio`],base:{}});export{t as radioLabel};
|
|
1
|
+
import{inputLabel as e}from"../input-label.js";const t=e.merge({className:`radio-label`,jsx:[`Radio`,`RadioGroup`],base:{}});export{t as radioLabel};
|
|
2
2
|
//# sourceMappingURL=radio-label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputLabel } from '../input-label';\n\nexport const radioLabel = inputLabel.merge({\n className: 'radio-label',\n jsx: ['Radio'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAa,EAAW,MAAM,CACzC,UAAW,cACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputLabel } from '../input-label';\n\nexport const radioLabel = inputLabel.merge({\n className: 'radio-label',\n jsx: ['Radio', 'RadioGroup'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAa,EAAW,MAAM,CACzC,UAAW,cACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-root`,jsx:[`Radio`],base:{display:`flex`,flexDirection:`column`,gap:`100`}});export{t as radioRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-root`,jsx:[`Radio`,`RadioGroup`],base:{display:`flex`,flexDirection:`column`,gap:`100`}});export{t as radioRoot};
|
|
2
2
|
//# sourceMappingURL=radio-root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioRoot = defineRecipe({\n className: 'radio-root',\n jsx: ['Radio'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: '100',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-root.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioRoot = defineRecipe({\n className: 'radio-root',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: '100',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,MACN,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{formControl as e}from"../form-control.js";const t=e.merge({className:`radio`,jsx:[`Radio`],base:{position:`relative`,display:`block`,appearance:`none`,transition:`{animations.base.100}`,width:`control.height.50`,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 radio};
|
|
1
|
+
import{formControl as e}from"../form-control.js";const t=e.merge({className:`radio`,jsx:[`Radio`,`RadioGroup`],base:{position:`relative`,display:`block`,appearance:`none`,transition:`{animations.base.100}`,width:`control.height.50`,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 radio};
|
|
2
2
|
//# sourceMappingURL=radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from '../form-control';\n\nexport const radio = formControl.merge({\n className: 'radio',\n jsx: ['Radio'],\n base: {\n position: 'relative',\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\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,EAAQ,EAAY,MAAM,CACrC,UAAW,QACX,IAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"radio.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/radio/radio.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from '../form-control';\n\nexport const radio = formControl.merge({\n className: 'radio',\n jsx: ['Radio', 'RadioGroup'],\n base: {\n position: 'relative',\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\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,EAAQ,EAAY,MAAM,CACrC,UAAW,QACX,IAAK,CAAC,QAAS,aAAa,CAC5B,KAAM,CACJ,SAAU,WACV,QAAS,QACT,WAAY,OACZ,WAAY,wBACZ,MAAO,oBACP,YAAa,IACb,aAAc,MACd,wBAAyB,cACzB,QAAS,IACT,cAAe,QACf,OAAQ,UACR,SAAU,CACR,gBAAiB,sCACjB,MAAO,6CACP,YAAa,sCACd,CACD,UAAW,CACT,QAAS,MACT,OAAQ,cACR,cAAe,OACf,OAAQ,CACN,YAAa,2BACd,CACF,CACF,CACF,CAAC"}
|