@mage-ui/preset 1.0.177 → 1.0.179
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/buttons/button/button-root.mjs +1 -1
- package/dist/recipes/buttons/button/button-root.mjs.map +1 -1
- package/dist/recipes/buttons/button/button.mjs +1 -1
- package/dist/recipes/buttons/button/button.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio-root.mjs +1 -1
- package/dist/recipes/controls/radio/radio-root.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio.mjs +1 -1
- package/dist/recipes/controls/radio/radio.mjs.map +1 -1
- package/dist/recipes/controls/radio-group/radio-group-group.mjs +1 -1
- package/dist/recipes/controls/radio-group/radio-group-group.mjs.map +1 -1
- package/dist/recipes/controls/radio-group/radio-group.mjs +1 -1
- package/dist/recipes/controls/radio-group/radio-group.mjs.map +1 -1
- package/dist/recipes/data-display/badge/badge-root.mjs +1 -1
- package/dist/recipes/data-display/badge/badge-root.mjs.map +1 -1
- package/dist/recipes/data-display/badge/badge.mjs +1 -1
- package/dist/recipes/data-display/badge/badge.mjs.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__root`,jsx:[`Button`],base:{fontFamily:`var(--button-font-family, {fonts.base})`,fontSize:`var(--button-font-size, {fontSizes.400})`,fontWeight:`var(--button-font-weight, {fontWeights.medium})`,lineHeight:`var(--button-line-height, 1)`,backgroundColor:`var(--button-background, {colors.neutral.background.1.enabled})`,color:`var(--button-foreground, {colors.neutral.foreground.1.enabled})`,borderColor:`var(--button-border-color, {colors.neutral.stroke.1.enabled})`,borderWidth:`var(--button-border-width, {borders.100})`,borderStyle:`var(--button-border-style, solid)`,height:`var(--button-height, {sizes.500})`,paddingInline:`var(--button-padding-inline, {spacing.300})`,borderRadius:`var(--button-radii, {radii.100})`,display:`inline-flex`,gap:`var(--button-gap, {spacing.200})`,alignItems:`var(--button-align, center)`,justifyContent:`var(--button-justify, center)`,textAlign:`var(--button-text-align, center)`,textTransform:`var(--button-text-transform, none)`,whiteSpace:`var(--button-white-space, nowrap)`,cursor:`pointer`,transition:`var(--button-transition, {animations.200})`,boxSizing:`border-box`,_icon:{fill:`var(--button-svg-fill, currentColor)`,stroke:`var(--button-svg-stroke, currentColor)`},_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--button-focus-outline-width, {borders.150})`,outlineStyle:`var(--button-focus-outline-style, solid)`,outlineColor:`var(--button-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--button-focus-outline-offset, {spacing.50})`,boxShadow:`var(--button-focus-shadow, none)`},_hover:{backgroundColor:`var(--button-background-hover, {colors.neutral.background.1.hovered})`,color:`var(--button-foreground-hover, {colors.neutral.foreground.1.hovered})`,borderColor:`var(--button-border-color-hover, {colors.neutral.stroke.1.hovered})`},_disabled:{opacity:`var(--button-disabled-opacity, 0.5)`,pointerEvents:`none`}},variants:{width:{fullWidth:{width:`100%`}}}});export{t as buttonRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button__root`,jsx:[`Button`],base:{fontFamily:`var(--button-font-family, {fonts.base})`,fontSize:`var(--button-font-size, {fontSizes.400})`,fontWeight:`var(--button-font-weight, {fontWeights.medium})`,lineHeight:`var(--button-line-height, 1)`,backgroundColor:`var(--button-background, {colors.neutral.background.1.enabled})`,color:`var(--button-foreground, {colors.neutral.foreground.1.enabled})`,borderColor:`var(--button-border-color, {colors.neutral.stroke.1.enabled})`,borderWidth:`var(--button-border-width, {borders.100})`,borderStyle:`var(--button-border-style, solid)`,height:`var(--button-height, {sizes.500})`,paddingInline:`var(--button-padding-inline, {spacing.300})`,borderRadius:`var(--button-radii, {radii.100})`,boxShadow:`var(--button-shadow, none)`,display:`inline-flex`,gap:`var(--button-gap, {spacing.200})`,alignItems:`var(--button-align, center)`,justifyContent:`var(--button-justify, center)`,textAlign:`var(--button-text-align, center)`,textTransform:`var(--button-text-transform, none)`,whiteSpace:`var(--button-white-space, nowrap)`,cursor:`pointer`,transition:`var(--button-transition, {animations.200})`,boxSizing:`border-box`,_icon:{fill:`var(--button-svg-fill, currentColor)`,stroke:`var(--button-svg-stroke, currentColor)`},_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--button-focus-outline-width, {borders.150})`,outlineStyle:`var(--button-focus-outline-style, solid)`,outlineColor:`var(--button-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--button-focus-outline-offset, {spacing.50})`,boxShadow:`var(--button-focus-shadow, none)`},_hover:{backgroundColor:`var(--button-background-hover, {colors.neutral.background.1.hovered})`,color:`var(--button-foreground-hover, {colors.neutral.foreground.1.hovered})`,borderColor:`var(--button-border-color-hover, {colors.neutral.stroke.1.hovered})`,boxShadow:`var(--button-shadow-hover, none)`},_active:{boxShadow:`var(--button-shadow-active, none)`},_disabled:{opacity:`var(--button-disabled-opacity, 0.5)`,pointerEvents:`none`,boxShadow:`var(--button-shadow-disabled, none)`,backgroundColor:`var(--button-background-disabled, {colors.neutral.background.1.disabled})`,borderColor:`var(--button-border-color-disabled, {colors.neutral.stroke.1.disabled})`,color:`var(--button-foreground-disabled, {colors.neutral.foreground.1.disabled})`}},variants:{width:{fullWidth:{width:`100%`}}}});export{t as buttonRoot};
|
|
2
2
|
//# sourceMappingURL=button-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonRoot = defineRecipe({\n className: 'button__root',\n jsx: ['Button'],\n base: {\n fontFamily: 'var(--button-font-family, {fonts.base})',\n fontSize: 'var(--button-font-size, {fontSizes.400})',\n fontWeight: 'var(--button-font-weight, {fontWeights.medium})',\n lineHeight: 'var(--button-line-height, 1)',\n backgroundColor:\n 'var(--button-background, {colors.neutral.background.1.enabled})',\n color: 'var(--button-foreground, {colors.neutral.foreground.1.enabled})',\n borderColor:\n 'var(--button-border-color, {colors.neutral.stroke.1.enabled})',\n borderWidth: 'var(--button-border-width, {borders.100})',\n borderStyle: 'var(--button-border-style, solid)',\n height: 'var(--button-height, {sizes.500})',\n paddingInline: 'var(--button-padding-inline, {spacing.300})',\n borderRadius: 'var(--button-radii, {radii.100})',\n display: 'inline-flex',\n gap: 'var(--button-gap, {spacing.200})',\n alignItems: 'var(--button-align, center)',\n justifyContent: 'var(--button-justify, center)',\n textAlign: 'var(--button-text-align, center)',\n textTransform: 'var(--button-text-transform, none)',\n whiteSpace: 'var(--button-white-space, nowrap)',\n cursor: 'pointer',\n transition: 'var(--button-transition, {animations.200})',\n boxSizing: 'border-box',\n _icon: {\n fill: 'var(--button-svg-fill, currentColor)',\n stroke: 'var(--button-svg-stroke, currentColor)',\n },\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth: 'var(--button-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--button-focus-outline-style, solid)',\n outlineColor:\n 'var(--button-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset: 'var(--button-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--button-focus-shadow, none)',\n },\n _hover: {\n backgroundColor:\n 'var(--button-background-hover, {colors.neutral.background.1.hovered})',\n color:\n 'var(--button-foreground-hover, {colors.neutral.foreground.1.hovered})',\n borderColor:\n 'var(--button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n },\n _disabled: {\n opacity: 'var(--button-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n variants: {\n width: {\n fullWidth: {\n width: '100%',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,WAAY,0CACZ,SAAU,2CACV,WAAY,kDACZ,WAAY,+BACZ,gBACE,kEACF,MAAO,kEACP,YACE,gEACF,YAAa,4CACb,YAAa,oCACb,OAAQ,oCACR,cAAe,8CACf,aAAc,mCACd,QAAS,cACT,IAAK,mCACL,WAAY,8BACZ,eAAgB,gCAChB,UAAW,mCACX,cAAe,qCACf,WAAY,oCACZ,OAAQ,UACR,WAAY,6CACZ,UAAW,aACX,MAAO,CACL,KAAM,uCACN,OAAQ,yCACT,CACD,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aAAc,mDACd,aAAc,2CACd,aACE,uEACF,cAAe,mDACf,UAAW,mCACZ,CACD,OAAQ,CACN,gBACE,wEACF,MACE,wEACF,YACE,
|
|
1
|
+
{"version":3,"file":"button-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonRoot = defineRecipe({\n className: 'button__root',\n jsx: ['Button'],\n base: {\n fontFamily: 'var(--button-font-family, {fonts.base})',\n fontSize: 'var(--button-font-size, {fontSizes.400})',\n fontWeight: 'var(--button-font-weight, {fontWeights.medium})',\n lineHeight: 'var(--button-line-height, 1)',\n backgroundColor:\n 'var(--button-background, {colors.neutral.background.1.enabled})',\n color: 'var(--button-foreground, {colors.neutral.foreground.1.enabled})',\n borderColor:\n 'var(--button-border-color, {colors.neutral.stroke.1.enabled})',\n borderWidth: 'var(--button-border-width, {borders.100})',\n borderStyle: 'var(--button-border-style, solid)',\n height: 'var(--button-height, {sizes.500})',\n paddingInline: 'var(--button-padding-inline, {spacing.300})',\n borderRadius: 'var(--button-radii, {radii.100})',\n boxShadow: 'var(--button-shadow, none)',\n display: 'inline-flex',\n gap: 'var(--button-gap, {spacing.200})',\n alignItems: 'var(--button-align, center)',\n justifyContent: 'var(--button-justify, center)',\n textAlign: 'var(--button-text-align, center)',\n textTransform: 'var(--button-text-transform, none)',\n whiteSpace: 'var(--button-white-space, nowrap)',\n cursor: 'pointer',\n transition: 'var(--button-transition, {animations.200})',\n boxSizing: 'border-box',\n _icon: {\n fill: 'var(--button-svg-fill, currentColor)',\n stroke: 'var(--button-svg-stroke, currentColor)',\n },\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth: 'var(--button-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--button-focus-outline-style, solid)',\n outlineColor:\n 'var(--button-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset: 'var(--button-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--button-focus-shadow, none)',\n },\n _hover: {\n backgroundColor:\n 'var(--button-background-hover, {colors.neutral.background.1.hovered})',\n color:\n 'var(--button-foreground-hover, {colors.neutral.foreground.1.hovered})',\n borderColor:\n 'var(--button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n boxShadow: 'var(--button-shadow-hover, none)',\n },\n _active: {\n boxShadow: 'var(--button-shadow-active, none)',\n },\n _disabled: {\n opacity: 'var(--button-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n boxShadow: 'var(--button-shadow-disabled, none)',\n backgroundColor:\n 'var(--button-background-disabled, {colors.neutral.background.1.disabled})',\n borderColor:\n 'var(--button-border-color-disabled, {colors.neutral.stroke.1.disabled})',\n color:\n 'var(--button-foreground-disabled, {colors.neutral.foreground.1.disabled})',\n },\n },\n variants: {\n width: {\n fullWidth: {\n width: '100%',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,WAAY,0CACZ,SAAU,2CACV,WAAY,kDACZ,WAAY,+BACZ,gBACE,kEACF,MAAO,kEACP,YACE,gEACF,YAAa,4CACb,YAAa,oCACb,OAAQ,oCACR,cAAe,8CACf,aAAc,mCACd,UAAW,6BACX,QAAS,cACT,IAAK,mCACL,WAAY,8BACZ,eAAgB,gCAChB,UAAW,mCACX,cAAe,qCACf,WAAY,oCACZ,OAAQ,UACR,WAAY,6CACZ,UAAW,aACX,MAAO,CACL,KAAM,uCACN,OAAQ,yCACT,CACD,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aAAc,mDACd,aAAc,2CACd,aACE,uEACF,cAAe,mDACf,UAAW,mCACZ,CACD,OAAQ,CACN,gBACE,wEACF,MACE,wEACF,YACE,sEACF,UAAW,mCACZ,CACD,QAAS,CACP,UAAW,oCACZ,CACD,UAAW,CACT,QAAS,sCACT,cAAe,OACf,UAAW,sCACX,gBACE,4EACF,YACE,0EACF,MACE,4EACH,CACF,CACD,SAAU,CACR,MAAO,CACL,UAAW,CACT,MAAO,OACR,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button`,jsx:[`Button`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.400}`,"--button-font-weight":`{fontWeights.medium}`,"--button-line-height":`1`,"--button-text-transform":`none`,"--button-white-space":`nowrap`,"--button-align":`center`,"--button-justify":`center`,"--button-text-align":`center`,"--button-height":`{sizes.500}`,"--button-padding-inline":`{spacing.300}`,"--button-gap":`{spacing.200}`,"--button-focus-outline-width":`{borders.150}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`{colors.neutral.background.1.enabled}`,"--button-foreground":`{colors.neutral.foreground.1.enabled}`,"--button-radii":`{radii.200}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.100}`,"--button-border-style":`solid`,"--button-background-hover":`{colors.neutral.background.1.hovered}`,"--button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--button-disabled-opacity":`0.5`,"--button-transition":`{animations.200}`,"--button-inner-gap":`{spacing.200}`,"--button-svg-fill":`none`,"--button-svg-stroke":`none`}});export{t as button};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button`,jsx:[`Button`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.400}`,"--button-font-weight":`{fontWeights.medium}`,"--button-line-height":`1`,"--button-text-transform":`none`,"--button-white-space":`nowrap`,"--button-align":`center`,"--button-justify":`center`,"--button-text-align":`center`,"--button-height":`{sizes.500}`,"--button-padding-inline":`{spacing.300}`,"--button-gap":`{spacing.200}`,"--button-focus-outline-width":`{borders.150}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`{colors.neutral.background.1.enabled}`,"--button-foreground":`{colors.neutral.foreground.1.enabled}`,"--button-shadow":`none`,"--button-radii":`{radii.200}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.100}`,"--button-border-style":`solid`,"--button-background-hover":`{colors.neutral.background.1.hovered}`,"--button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--button-shadow-hover":`none`,"--button-disabled-opacity":`0.5`,"--button-background-disabled":`{colors.neutral.background.1.disabled}`,"--button-border-color-disabled":`{colors.neutral.stroke.1.disabled}`,"--button-foreground-disabled":`{colors.neutral.foreground.1.disabled}`,"--button-shadow-disabled":`none`,"--button-transition":`{animations.200}`,"--button-shadow-active":`none`,"--button-inner-gap":`{spacing.200}`,"--button-svg-fill":`none`,"--button-svg-stroke":`none`}});export{t as button};
|
|
2
2
|
//# sourceMappingURL=button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const button = defineRecipe({\n className: 'button',\n jsx: ['Button'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.400}',\n '--button-font-weight': '{fontWeights.medium}',\n '--button-line-height': '1',\n '--button-text-transform': 'none',\n '--button-white-space': 'nowrap',\n '--button-align': 'center',\n '--button-justify': 'center',\n '--button-text-align': 'center',\n '--button-height': '{sizes.500}',\n '--button-padding-inline': '{spacing.300}',\n '--button-gap': '{spacing.200}',\n '--button-focus-outline-width': '{borders.150}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.neutral.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': '{colors.neutral.background.1.enabled}',\n '--button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--button-radii': '{radii.200}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.100}',\n '--button-border-style': 'solid',\n '--button-background-hover': '{colors.neutral.background.1.hovered}',\n '--button-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n '--button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n\n '--button-inner-gap': '{spacing.200}',\n\n '--button-svg-fill': 'none',\n '--button-svg-stroke': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,uBAAwB,IACxB,0BAA2B,OAC3B,uBAAwB,SACxB,iBAAkB,SAClB,mBAAoB,SACpB,sBAAuB,SACvB,kBAAmB,cACnB,0BAA2B,gBAC3B,eAAgB,gBAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,wCACvB,sBAAuB,wCACvB,iBAAkB,cAClB,wBAAyB,oCACzB,wBAAyB,gBACzB,wBAAyB,QACzB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,8BAA+B,oCAC/B,4BAA6B,MAC7B,sBAAuB,
|
|
1
|
+
{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const button = defineRecipe({\n className: 'button',\n jsx: ['Button'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.400}',\n '--button-font-weight': '{fontWeights.medium}',\n '--button-line-height': '1',\n '--button-text-transform': 'none',\n '--button-white-space': 'nowrap',\n '--button-align': 'center',\n '--button-justify': 'center',\n '--button-text-align': 'center',\n '--button-height': '{sizes.500}',\n '--button-padding-inline': '{spacing.300}',\n '--button-gap': '{spacing.200}',\n '--button-focus-outline-width': '{borders.150}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.neutral.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': '{colors.neutral.background.1.enabled}',\n '--button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--button-shadow': 'none',\n '--button-radii': '{radii.200}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.100}',\n '--button-border-style': 'solid',\n '--button-background-hover': '{colors.neutral.background.1.hovered}',\n '--button-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n '--button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--button-shadow-hover': 'none',\n '--button-disabled-opacity': '0.5',\n '--button-background-disabled': '{colors.neutral.background.1.disabled}',\n '--button-border-color-disabled': '{colors.neutral.stroke.1.disabled}',\n '--button-foreground-disabled': '{colors.neutral.foreground.1.disabled}',\n '--button-shadow-disabled': 'none',\n '--button-transition': '{animations.200}',\n '--button-shadow-active': 'none',\n\n '--button-inner-gap': '{spacing.200}',\n\n '--button-svg-fill': 'none',\n '--button-svg-stroke': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,uBAAwB,IACxB,0BAA2B,OAC3B,uBAAwB,SACxB,iBAAkB,SAClB,mBAAoB,SACpB,sBAAuB,SACvB,kBAAmB,cACnB,0BAA2B,gBAC3B,eAAgB,gBAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,wCACvB,sBAAuB,wCACvB,kBAAmB,OACnB,iBAAkB,cAClB,wBAAyB,oCACzB,wBAAyB,gBACzB,wBAAyB,QACzB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,8BAA+B,oCAC/B,wBAAyB,OACzB,4BAA6B,MAC7B,+BAAgC,yCAChC,iCAAkC,qCAClC,+BAAgC,yCAChC,2BAA4B,OAC5B,sBAAuB,mBACvB,yBAA0B,OAE1B,qBAAsB,gBAEtB,oBAAqB,OACrB,sBAAuB,OACxB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__root`,jsx:[`Radio`],base:{display:`block`,cursor:`var(--radio-root-cursor, pointer)`},variants:{card:{true:{borderWidth:`var(--radio-root-border-width, {borders.100})`,borderStyle:`var(--radio-root-border-style, solid)`,borderColor:`var(--radio-root-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--radio-root-border-radii, {radii.200})`,padding:`var(--radio-root-padding, {spacing.300})`,"&:has(.peer:checked)":{borderColor:`var(--radio-root-border-color-checked, {colors.neutral.background.5.primary.selected})`},height:`var(--radio-root-height, auto)`}}}});export{t as radioRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__root`,jsx:[`Radio`],base:{display:`block`,cursor:`var(--radio-root-cursor, pointer)`,"[data-orientation=horizontal] &":{width:`var(--radio-root-width, 100%)`,minWidth:`var(--radio-root-min-width, 8rem)`}},variants:{card:{true:{borderWidth:`var(--radio-root-border-width, {borders.100})`,borderStyle:`var(--radio-root-border-style, solid)`,borderColor:`var(--radio-root-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--radio-root-border-radii, {radii.200})`,padding:`var(--radio-root-padding, {spacing.300})`,"&:has(.peer:checked)":{borderColor:`var(--radio-root-border-color-checked, {colors.neutral.background.5.primary.selected})`},height:`var(--radio-root-height, auto)`}}}});export{t as radioRoot};
|
|
2
2
|
//# sourceMappingURL=radio-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-root.mjs","names":[],"sources":["../../../../src/recipes/controls/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: 'block',\n cursor: 'var(--radio-root-cursor, pointer)',\n },\n variants: {\n card: {\n true: {\n borderWidth: 'var(--radio-root-border-width, {borders.100})',\n borderStyle: 'var(--radio-root-border-style, solid)',\n borderColor:\n 'var(--radio-root-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--radio-root-border-radii, {radii.200})',\n padding: 'var(--radio-root-padding, {spacing.300})',\n '&:has(.peer:checked)': {\n borderColor:\n 'var(--radio-root-border-color-checked, {colors.neutral.background.5.primary.selected})',\n },\n height: 'var(--radio-root-height, auto)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,QACT,OAAQ,
|
|
1
|
+
{"version":3,"file":"radio-root.mjs","names":[],"sources":["../../../../src/recipes/controls/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: 'block',\n cursor: 'var(--radio-root-cursor, pointer)',\n\n '[data-orientation=horizontal] &': {\n width: 'var(--radio-root-width, 100%)',\n minWidth: 'var(--radio-root-min-width, 8rem)',\n },\n },\n variants: {\n card: {\n true: {\n borderWidth: 'var(--radio-root-border-width, {borders.100})',\n borderStyle: 'var(--radio-root-border-style, solid)',\n borderColor:\n 'var(--radio-root-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--radio-root-border-radii, {radii.200})',\n padding: 'var(--radio-root-padding, {spacing.300})',\n '&:has(.peer:checked)': {\n borderColor:\n 'var(--radio-root-border-color-checked, {colors.neutral.background.5.primary.selected})',\n },\n height: 'var(--radio-root-height, auto)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,QACT,OAAQ,oCAER,kCAAmC,CACjC,MAAO,gCACP,SAAU,oCACX,CACF,CACD,SAAU,CACR,KAAM,CACJ,KAAM,CACJ,YAAa,gDACb,YAAa,wCACb,YACE,oEACF,aAAc,8CACd,QAAS,2CACT,uBAAwB,CACtB,YACE,yFACH,CACD,OAAQ,iCACT,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio`,jsx:[`Radio`],base:{"--radio-input-size":`{sizes.300}`,"--radio-input-radii":`{radii.900}`,"--radio-input-background":`transparent`,"--radio-input-border-width":`{borders.100}`,"--radio-input-border-style":`solid`,"--radio-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--radio-input-background-checked":`transparent`,"--radio-input-border-width-checked":`{borders.100}`,"--radio-input-border-style-checked":`solid`,"--radio-input-border-color-checked":`{colors.neutral.stroke.5.enabled}`,"--radio-input-opacity-disabled":`.5`,"--radio-input-focus-outline-width":`{borders.100}`,"--radio-input-focus-outline-style":`solid`,"--radio-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--radio-input-focus-outline-offset":`{spacing.50}`,"--radio-input-focus-shadow":`none`,"--radio-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--radio-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--radio-icon-color":`{colors.neutral.background.5.primary.selected}`,"--radio-icon-size":`60%`,"--radio-icon-transition":`{animations.base.100}`,"--radio-inner-size":`{sizes.300}`,"--radio-label-wrapper-gap":`{spacing.100}`,"--radio-label-wrapper-width":`100%`,"--radio-label-font-family":`{fonts.base}`,"--radio-label-font-size":`{fontSizes.300}`,"--radio-label-font-weight":`{fontWeights.regular}`,"--radio-label-line-height":`1.25`,"--radio-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-label-margin":`0`,"--radio-label-opacity-disabled":`.5`,"--radio-label-width":`100%`,"--radio-label-cursor":`pointer`,"--radio-description-font-family":`{fonts.base}`,"--radio-description-font-size":`{fontSizes.300}`,"--radio-description-font-weight":`{fontWeights.regular}`,"--radio-description-line-height":`inherit`,"--radio-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-description-margin":`0`,"--radio-body-gap":`{spacing.200}`,"--radio-error-font-family":`{fonts.base}`,"--radio-error-font-size":`{fontSizes.200}`,"--radio-error-font-weight":`{fontWeights.regular}`,"--radio-error-line-height":`inherit`,"--radio-error-foreground":`{colors.danger.foreground.1.enabled}`,"--radio-error-margin":`{spacing.100} 0 0 0`,"--radio-root-cursor":`pointer`,"--radio-root-border-width":`{borders.100}`,"--radio-root-border-style":`solid`,"--radio-root-border-color":`{colors.neutral.stroke.7.enabled}`,"--radio-root-border-radii":`{radii.200}`,"--radio-root-padding":`{spacing.300}`,"--radio-root-height":`auto`,"--radio-root-border-color-checked":`{colors.neutral.background.5.primary.selected}`}});export{t as radio};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio`,jsx:[`Radio`],base:{"--radio-input-size":`{sizes.300}`,"--radio-input-radii":`{radii.900}`,"--radio-input-background":`transparent`,"--radio-input-border-width":`{borders.100}`,"--radio-input-border-style":`solid`,"--radio-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--radio-input-background-checked":`transparent`,"--radio-input-border-width-checked":`{borders.100}`,"--radio-input-border-style-checked":`solid`,"--radio-input-border-color-checked":`{colors.neutral.stroke.5.enabled}`,"--radio-input-opacity-disabled":`.5`,"--radio-input-focus-outline-width":`{borders.100}`,"--radio-input-focus-outline-style":`solid`,"--radio-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--radio-input-focus-outline-offset":`{spacing.50}`,"--radio-input-focus-shadow":`none`,"--radio-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--radio-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--radio-icon-color":`{colors.neutral.background.5.primary.selected}`,"--radio-icon-size":`60%`,"--radio-icon-transition":`{animations.base.100}`,"--radio-inner-size":`{sizes.300}`,"--radio-label-wrapper-gap":`{spacing.100}`,"--radio-label-wrapper-width":`100%`,"--radio-label-font-family":`{fonts.base}`,"--radio-label-font-size":`{fontSizes.300}`,"--radio-label-font-weight":`{fontWeights.regular}`,"--radio-label-line-height":`1.25`,"--radio-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-label-margin":`0`,"--radio-label-opacity-disabled":`.5`,"--radio-label-width":`100%`,"--radio-label-cursor":`pointer`,"--radio-description-font-family":`{fonts.base}`,"--radio-description-font-size":`{fontSizes.300}`,"--radio-description-font-weight":`{fontWeights.regular}`,"--radio-description-line-height":`inherit`,"--radio-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-description-margin":`0`,"--radio-body-gap":`{spacing.200}`,"--radio-error-font-family":`{fonts.base}`,"--radio-error-font-size":`{fontSizes.200}`,"--radio-error-font-weight":`{fontWeights.regular}`,"--radio-error-line-height":`inherit`,"--radio-error-foreground":`{colors.danger.foreground.1.enabled}`,"--radio-error-margin":`{spacing.100} 0 0 0`,"--radio-root-cursor":`pointer`,"--radio-root-border-width":`{borders.100}`,"--radio-root-border-style":`solid`,"--radio-root-border-color":`{colors.neutral.stroke.7.enabled}`,"--radio-root-border-radii":`{radii.200}`,"--radio-root-padding":`{spacing.300}`,"--radio-root-height":`auto`,"--radio-root-border-color-checked":`{colors.neutral.background.5.primary.selected}`,"--radio-root-width":`100%`,"--radio-root-min-width":`8rem`}});export{t as radio};
|
|
2
2
|
//# sourceMappingURL=radio.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radio = defineRecipe({\n className: 'radio',\n jsx: ['Radio'],\n base: {\n // radio input enabled\n '--radio-input-size': '{sizes.300}',\n '--radio-input-radii': '{radii.900}',\n '--radio-input-background': 'transparent',\n '--radio-input-border-width': '{borders.100}',\n '--radio-input-border-style': 'solid',\n '--radio-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // radio input checked\n '--radio-input-background-checked': 'transparent',\n '--radio-input-border-width-checked': '{borders.100}',\n '--radio-input-border-style-checked': 'solid',\n '--radio-input-border-color-checked': '{colors.neutral.stroke.5.enabled}',\n\n // radio input disabled\n '--radio-input-opacity-disabled': '.5',\n\n // radio input focus\n '--radio-input-focus-outline-width': '{borders.100}',\n '--radio-input-focus-outline-style': 'solid',\n '--radio-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--radio-input-focus-outline-offset': '{spacing.50}',\n '--radio-input-focus-shadow': 'none',\n\n // radio input error\n '--radio-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--radio-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // radio icon\n '--radio-icon-color': '{colors.neutral.background.5.primary.selected}',\n '--radio-icon-size': '60%',\n '--radio-icon-transition': '{animations.base.100}',\n\n // radio inner\n '--radio-inner-size': '{sizes.300}',\n\n // radio label wrapper\n '--radio-label-wrapper-gap': '{spacing.100}',\n '--radio-label-wrapper-width': '100%',\n\n // radio label\n '--radio-label-font-family': '{fonts.base}',\n '--radio-label-font-size': '{fontSizes.300}',\n '--radio-label-font-weight': '{fontWeights.regular}',\n '--radio-label-line-height': '1.25',\n '--radio-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-label-margin': '0',\n '--radio-label-opacity-disabled': '.5',\n '--radio-label-width': '100%',\n '--radio-label-cursor': 'pointer',\n\n // radio description\n '--radio-description-font-family': '{fonts.base}',\n '--radio-description-font-size': '{fontSizes.300}',\n '--radio-description-font-weight': '{fontWeights.regular}',\n '--radio-description-line-height': 'inherit',\n '--radio-description-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-description-margin': '0',\n\n // radio body\n '--radio-body-gap': '{spacing.200}',\n\n // radio error\n '--radio-error-font-family': '{fonts.base}',\n '--radio-error-font-size': '{fontSizes.200}',\n '--radio-error-font-weight': '{fontWeights.regular}',\n '--radio-error-line-height': 'inherit',\n '--radio-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--radio-error-margin': '{spacing.100} 0 0 0',\n\n // radio root\n '--radio-root-cursor': 'pointer',\n '--radio-root-border-width': '{borders.100}',\n '--radio-root-border-style': 'solid',\n '--radio-root-border-color': '{colors.neutral.stroke.7.enabled}',\n '--radio-root-border-radii': '{radii.200}',\n '--radio-root-padding': '{spacing.300}',\n '--radio-root-height': 'auto',\n '--radio-root-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,qBAAsB,cACtB,sBAAuB,cACvB,2BAA4B,cAC5B,6BAA8B,gBAC9B,6BAA8B,QAC9B,6BAA8B,oCAG9B,mCAAoC,cACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCAGtC,iCAAkC,KAGlC,oCAAqC,gBACrC,oCAAqC,QACrC,oCAAqC,oCACrC,qCAAsC,eACtC,6BAA8B,OAG9B,mCAAoC,mCACpC,0CACE,mCAGF,qBAAsB,iDACtB,oBAAqB,MACrB,0BAA2B,wBAG3B,qBAAsB,cAGtB,4BAA6B,gBAC7B,8BAA+B,OAG/B,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,4BAA6B,OAC7B,2BAA4B,wCAC5B,uBAAwB,IACxB,iCAAkC,KAClC,sBAAuB,OACvB,uBAAwB,UAGxB,kCAAmC,eACnC,gCAAiC,kBACjC,kCAAmC,wBACnC,kCAAmC,UACnC,iCAAkC,wCAClC,6BAA8B,IAG9B,mBAAoB,gBAGpB,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,4BAA6B,UAC7B,2BAA4B,uCAC5B,uBAAwB,sBAGxB,sBAAuB,UACvB,4BAA6B,gBAC7B,4BAA6B,QAC7B,4BAA6B,oCAC7B,4BAA6B,cAC7B,uBAAwB,gBACxB,sBAAuB,OACvB,oCACE,
|
|
1
|
+
{"version":3,"file":"radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radio = defineRecipe({\n className: 'radio',\n jsx: ['Radio'],\n base: {\n // radio input enabled\n '--radio-input-size': '{sizes.300}',\n '--radio-input-radii': '{radii.900}',\n '--radio-input-background': 'transparent',\n '--radio-input-border-width': '{borders.100}',\n '--radio-input-border-style': 'solid',\n '--radio-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // radio input checked\n '--radio-input-background-checked': 'transparent',\n '--radio-input-border-width-checked': '{borders.100}',\n '--radio-input-border-style-checked': 'solid',\n '--radio-input-border-color-checked': '{colors.neutral.stroke.5.enabled}',\n\n // radio input disabled\n '--radio-input-opacity-disabled': '.5',\n\n // radio input focus\n '--radio-input-focus-outline-width': '{borders.100}',\n '--radio-input-focus-outline-style': 'solid',\n '--radio-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--radio-input-focus-outline-offset': '{spacing.50}',\n '--radio-input-focus-shadow': 'none',\n\n // radio input error\n '--radio-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--radio-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // radio icon\n '--radio-icon-color': '{colors.neutral.background.5.primary.selected}',\n '--radio-icon-size': '60%',\n '--radio-icon-transition': '{animations.base.100}',\n\n // radio inner\n '--radio-inner-size': '{sizes.300}',\n\n // radio label wrapper\n '--radio-label-wrapper-gap': '{spacing.100}',\n '--radio-label-wrapper-width': '100%',\n\n // radio label\n '--radio-label-font-family': '{fonts.base}',\n '--radio-label-font-size': '{fontSizes.300}',\n '--radio-label-font-weight': '{fontWeights.regular}',\n '--radio-label-line-height': '1.25',\n '--radio-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-label-margin': '0',\n '--radio-label-opacity-disabled': '.5',\n '--radio-label-width': '100%',\n '--radio-label-cursor': 'pointer',\n\n // radio description\n '--radio-description-font-family': '{fonts.base}',\n '--radio-description-font-size': '{fontSizes.300}',\n '--radio-description-font-weight': '{fontWeights.regular}',\n '--radio-description-line-height': 'inherit',\n '--radio-description-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-description-margin': '0',\n\n // radio body\n '--radio-body-gap': '{spacing.200}',\n\n // radio error\n '--radio-error-font-family': '{fonts.base}',\n '--radio-error-font-size': '{fontSizes.200}',\n '--radio-error-font-weight': '{fontWeights.regular}',\n '--radio-error-line-height': 'inherit',\n '--radio-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--radio-error-margin': '{spacing.100} 0 0 0',\n\n // radio root\n '--radio-root-cursor': 'pointer',\n '--radio-root-border-width': '{borders.100}',\n '--radio-root-border-style': 'solid',\n '--radio-root-border-color': '{colors.neutral.stroke.7.enabled}',\n '--radio-root-border-radii': '{radii.200}',\n '--radio-root-padding': '{spacing.300}',\n '--radio-root-height': 'auto',\n '--radio-root-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--radio-root-width': '100%',\n '--radio-root-min-width': '8rem',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,qBAAsB,cACtB,sBAAuB,cACvB,2BAA4B,cAC5B,6BAA8B,gBAC9B,6BAA8B,QAC9B,6BAA8B,oCAG9B,mCAAoC,cACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCAGtC,iCAAkC,KAGlC,oCAAqC,gBACrC,oCAAqC,QACrC,oCAAqC,oCACrC,qCAAsC,eACtC,6BAA8B,OAG9B,mCAAoC,mCACpC,0CACE,mCAGF,qBAAsB,iDACtB,oBAAqB,MACrB,0BAA2B,wBAG3B,qBAAsB,cAGtB,4BAA6B,gBAC7B,8BAA+B,OAG/B,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,4BAA6B,OAC7B,2BAA4B,wCAC5B,uBAAwB,IACxB,iCAAkC,KAClC,sBAAuB,OACvB,uBAAwB,UAGxB,kCAAmC,eACnC,gCAAiC,kBACjC,kCAAmC,wBACnC,kCAAmC,UACnC,iCAAkC,wCAClC,6BAA8B,IAG9B,mBAAoB,gBAGpB,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,4BAA6B,UAC7B,2BAA4B,uCAC5B,uBAAwB,sBAGxB,sBAAuB,UACvB,4BAA6B,gBAC7B,4BAA6B,QAC7B,4BAA6B,oCAC7B,4BAA6B,cAC7B,uBAAwB,gBACxB,sBAAuB,OACvB,oCACE,iDACF,qBAAsB,OACtB,yBAA0B,OAC3B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group__group`,jsx:[`Radio`],base:{display:`flex`,flexDirection:`var(--radio-group-group-direction, column)`,gap:`var(--radio-group-group-gap, {spacing.400})`,marginTop:`var(--radio-group-group-margin-top, {spacing.400})`,'div:has([role="radiogroup"])&':{display:`flex`,order:`var(--radio-group-group-order, 2)`}}});export{t as radioGroupGroup};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group__group`,jsx:[`Radio`],base:{display:`flex`,flexDirection:`var(--radio-group-group-direction, column)`,gap:`var(--radio-group-group-gap, {spacing.400})`,marginTop:`var(--radio-group-group-margin-top, {spacing.400})`,'div:has([role="radiogroup"])&':{display:`flex`,order:`var(--radio-group-group-order, 2)`},'&[data-orientation="horizontal"]':{display:`grid`,width:`var(--radio-group-group-width, fit-content)`,maxWidth:`100%`,gridTemplateColumns:`repeat(auto-fit, minmax(min(var(--radio-group-group-column-size, 8rem), 100%), 1fr))`}}});export{t as radioGroupGroup};
|
|
2
2
|
//# sourceMappingURL=radio-group-group.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group-group.mjs","names":[],"sources":["../../../../src/recipes/controls/radio-group/radio-group-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroupGroup = defineRecipe({\n className: 'radio-group__group',\n jsx: ['Radio'],\n base: {\n display: 'flex',\n flexDirection: 'var(--radio-group-group-direction, column)',\n gap: 'var(--radio-group-group-gap, {spacing.400})',\n marginTop: 'var(--radio-group-group-margin-top, {spacing.400})',\n 'div:has([role=\"radiogroup\"])&': {\n display: 'flex',\n order: 'var(--radio-group-group-order, 2)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,cAAe,6CACf,IAAK,8CACL,UAAW,qDACX,gCAAiC,CAC/B,QAAS,OACT,MAAO,oCACR,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"radio-group-group.mjs","names":[],"sources":["../../../../src/recipes/controls/radio-group/radio-group-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroupGroup = defineRecipe({\n className: 'radio-group__group',\n jsx: ['Radio'],\n base: {\n display: 'flex',\n flexDirection: 'var(--radio-group-group-direction, column)',\n gap: 'var(--radio-group-group-gap, {spacing.400})',\n marginTop: 'var(--radio-group-group-margin-top, {spacing.400})',\n 'div:has([role=\"radiogroup\"])&': {\n display: 'flex',\n order: 'var(--radio-group-group-order, 2)',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n display: 'grid',\n width: 'var(--radio-group-group-width, fit-content)',\n maxWidth: '100%',\n gridTemplateColumns:\n 'repeat(auto-fit, minmax(min(var(--radio-group-group-column-size, 8rem), 100%), 1fr))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,cAAe,6CACf,IAAK,8CACL,UAAW,qDACX,gCAAiC,CAC/B,QAAS,OACT,MAAO,oCACR,CAED,mCAAoC,CAClC,QAAS,OACT,MAAO,8CACP,SAAU,OACV,oBACE,uFACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group`,jsx:[`RadioGroup`],base:{"--text-input-root-gap":`var(--radio-group-root-gap, {spacing.100})`,"--radio-group-group-direction":`column`,"--radio-group-group-gap":`{spacing.400}`,"--radio-group-group-margin-top":`{spacing.400}`,"--radio-group-group-order":`2`,"--text-input-label-order":`var(--radio-group-label-order, 0)`,"--text-input-label-font-family":`var(--radio-group-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--radio-group-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--radio-group-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--radio-group-label-line-height, inherit)`,"--text-input-label-foreground":`var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--radio-group-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--radio-group-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--radio-group-required-font-weight, {fontWeights.medium})`,"--text-input-required-color":`var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--radio-group-description-order, 0)`,"--text-input-description-font-family":`var(--radio-group-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--radio-group-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--radio-group-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--radio-group-description-line-height, inherit)`,"--text-input-description-foreground":`var(--radio-group-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--radio-group-error-order, 4)`,"--text-input-error-font-family":`var(--radio-group-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--radio-group-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--radio-group-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--radio-group-error-line-height, inherit)`,"--text-input-error-foreground":`var(--radio-group-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as radioGroup};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group`,jsx:[`RadioGroup`],base:{"--text-input-root-gap":`var(--radio-group-root-gap, {spacing.100})`,"--radio-group-group-direction":`column`,"--radio-group-group-gap":`{spacing.400}`,"--radio-group-group-margin-top":`{spacing.400}`,"--radio-group-group-order":`2`,"--radio-group-group-column-size":`8rem`,"--radio-group-group-width":`fit-content`,"--text-input-label-order":`var(--radio-group-label-order, 0)`,"--text-input-label-font-family":`var(--radio-group-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--radio-group-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--radio-group-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--radio-group-label-line-height, inherit)`,"--text-input-label-foreground":`var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--radio-group-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--radio-group-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--radio-group-required-font-weight, {fontWeights.medium})`,"--text-input-required-color":`var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--radio-group-description-order, 0)`,"--text-input-description-font-family":`var(--radio-group-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--radio-group-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--radio-group-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--radio-group-description-line-height, inherit)`,"--text-input-description-foreground":`var(--radio-group-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--radio-group-error-order, 4)`,"--text-input-error-font-family":`var(--radio-group-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--radio-group-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--radio-group-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--radio-group-error-line-height, inherit)`,"--text-input-error-foreground":`var(--radio-group-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as radioGroup};
|
|
2
2
|
//# sourceMappingURL=radio-group.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../../../src/recipes/controls/radio-group/radio-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroup = defineRecipe({\n className: 'radio-group',\n jsx: ['RadioGroup'],\n base: {\n // root\n '--text-input-root-gap': 'var(--radio-group-root-gap, {spacing.100})',\n\n // group\n '--radio-group-group-direction': 'column',\n '--radio-group-group-gap': '{spacing.400}',\n '--radio-group-group-margin-top': '{spacing.400}',\n '--radio-group-group-order': '2',\n\n // label\n '--text-input-label-order': 'var(--radio-group-label-order, 0)',\n '--text-input-label-font-family':\n 'var(--radio-group-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--radio-group-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--radio-group-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--radio-group-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--radio-group-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--radio-group-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--radio-group-required-font-weight, {fontWeights.medium})',\n '--text-input-required-color':\n 'var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--radio-group-description-order, 0)',\n '--text-input-description-font-family':\n 'var(--radio-group-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--radio-group-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--radio-group-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--radio-group-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--radio-group-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--radio-group-error-order, 4)',\n '--text-input-error-font-family':\n 'var(--radio-group-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--radio-group-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--radio-group-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--radio-group-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--radio-group-error-foreground, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CAGzB,gCAAiC,SACjC,0BAA2B,gBAC3B,iCAAkC,gBAClC,4BAA6B,
|
|
1
|
+
{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../../../src/recipes/controls/radio-group/radio-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroup = defineRecipe({\n className: 'radio-group',\n jsx: ['RadioGroup'],\n base: {\n // root\n '--text-input-root-gap': 'var(--radio-group-root-gap, {spacing.100})',\n\n // group\n '--radio-group-group-direction': 'column',\n '--radio-group-group-gap': '{spacing.400}',\n '--radio-group-group-margin-top': '{spacing.400}',\n '--radio-group-group-order': '2',\n '--radio-group-group-column-size': '8rem',\n '--radio-group-group-width': 'fit-content',\n\n // label\n '--text-input-label-order': 'var(--radio-group-label-order, 0)',\n '--text-input-label-font-family':\n 'var(--radio-group-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--radio-group-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--radio-group-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--radio-group-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--radio-group-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--radio-group-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--radio-group-required-font-weight, {fontWeights.medium})',\n '--text-input-required-color':\n 'var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--radio-group-description-order, 0)',\n '--text-input-description-font-family':\n 'var(--radio-group-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--radio-group-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--radio-group-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--radio-group-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--radio-group-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--radio-group-error-order, 4)',\n '--text-input-error-font-family':\n 'var(--radio-group-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--radio-group-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--radio-group-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--radio-group-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--radio-group-error-foreground, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CAGzB,gCAAiC,SACjC,0BAA2B,gBAC3B,iCAAkC,gBAClC,4BAA6B,IAC7B,kCAAmC,OACnC,4BAA6B,cAG7B,2BAA4B,oCAC5B,iCACE,qDACF,+BACE,sDACF,iCACE,6DACF,iCACE,gDACF,gCACE,6EAGF,oCACE,wDACF,kCACE,yDACF,oCACE,gEACF,8BACE,2EACF,yCACE,qFAGF,iCAAkC,0CAClC,uCACE,2DACF,qCACE,4DACF,uCACE,oEACF,uCACE,sDACF,sCACE,mFAGF,2BAA4B,oCAC5B,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4EACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`badge__root`,jsx:[`Badge`],base:{backgroundColor:`var(--badge-background, {colors.neutral.background.1.enabled})`,color:`var(--badge-foreground, {colors.neutral.foreground.1.enabled})`,borderWidth:`var(--badge-border-width, {borders.100})`,borderStyle:`var(--badge-border-style, solid)`,borderColor:`var(--badge-border-color, transparent)`,display:`inline-flex`,flexFlow:`row nowrap`,justifyContent:`center`,alignItems:`center`,gap:`var(--badge-gap, {spacing.200})`,minHeight:`var(--badge-height, {sizes.200})`,minWidth:`var(--badge-width, var(--badge-height, {sizes.200}))`,paddingInline:`var(--badge-padding-inline, {spacing.300})`,paddingBlock:`var(--badge-padding-block, {spacing.100})`,borderRadius:`var(--badge-radii, {radii.900})`,boxSizing:`border-box`}});export{t as badgeRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`badge__root`,jsx:[`Badge`],base:{backgroundColor:`var(--badge-background, {colors.neutral.background.1.enabled})`,color:`var(--badge-foreground, {colors.neutral.foreground.1.enabled})`,borderWidth:`var(--badge-border-width, {borders.100})`,borderStyle:`var(--badge-border-style, solid)`,borderColor:`var(--badge-border-color, transparent)`,display:`inline-flex`,flexFlow:`row nowrap`,justifyContent:`center`,alignItems:`center`,gap:`var(--badge-gap, {spacing.200})`,minHeight:`var(--badge-height, {sizes.200})`,minWidth:`var(--badge-width, var(--badge-height, {sizes.200}))`,paddingInline:`var(--badge-padding-inline, {spacing.300})`,paddingBlock:`var(--badge-padding-block, {spacing.100})`,borderRadius:`var(--badge-radii, {radii.900})`,boxShadow:`var(--badge-shadow, none)`,boxSizing:`border-box`}});export{t as badgeRoot};
|
|
2
2
|
//# sourceMappingURL=badge-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/badge/badge-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const badgeRoot = defineRecipe({\n className: 'badge__root',\n jsx: ['Badge'],\n base: {\n backgroundColor:\n 'var(--badge-background, {colors.neutral.background.1.enabled})',\n color: 'var(--badge-foreground, {colors.neutral.foreground.1.enabled})',\n borderWidth: 'var(--badge-border-width, {borders.100})',\n borderStyle: 'var(--badge-border-style, solid)',\n borderColor: 'var(--badge-border-color, transparent)',\n display: 'inline-flex',\n flexFlow: 'row nowrap',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 'var(--badge-gap, {spacing.200})',\n minHeight: 'var(--badge-height, {sizes.200})',\n minWidth: 'var(--badge-width, var(--badge-height, {sizes.200}))',\n paddingInline: 'var(--badge-padding-inline, {spacing.300})',\n paddingBlock: 'var(--badge-padding-block, {spacing.100})',\n borderRadius: 'var(--badge-radii, {radii.900})',\n boxSizing: 'border-box',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBACE,iEACF,MAAO,iEACP,YAAa,2CACb,YAAa,mCACb,YAAa,yCACb,QAAS,cACT,SAAU,aACV,eAAgB,SAChB,WAAY,SACZ,IAAK,kCACL,UAAW,mCACX,SAAU,uDACV,cAAe,6CACf,aAAc,4CACd,aAAc,kCACd,UAAW,aACZ,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"badge-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/badge/badge-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const badgeRoot = defineRecipe({\n className: 'badge__root',\n jsx: ['Badge'],\n base: {\n backgroundColor:\n 'var(--badge-background, {colors.neutral.background.1.enabled})',\n color: 'var(--badge-foreground, {colors.neutral.foreground.1.enabled})',\n borderWidth: 'var(--badge-border-width, {borders.100})',\n borderStyle: 'var(--badge-border-style, solid)',\n borderColor: 'var(--badge-border-color, transparent)',\n display: 'inline-flex',\n flexFlow: 'row nowrap',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 'var(--badge-gap, {spacing.200})',\n minHeight: 'var(--badge-height, {sizes.200})',\n minWidth: 'var(--badge-width, var(--badge-height, {sizes.200}))',\n paddingInline: 'var(--badge-padding-inline, {spacing.300})',\n paddingBlock: 'var(--badge-padding-block, {spacing.100})',\n borderRadius: 'var(--badge-radii, {radii.900})',\n boxShadow: 'var(--badge-shadow, none)',\n boxSizing: 'border-box',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBACE,iEACF,MAAO,iEACP,YAAa,2CACb,YAAa,mCACb,YAAa,yCACb,QAAS,cACT,SAAU,aACV,eAAgB,SAChB,WAAY,SACZ,IAAK,kCACL,UAAW,mCACX,SAAU,uDACV,cAAe,6CACf,aAAc,4CACd,aAAc,kCACd,UAAW,4BACX,UAAW,aACZ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`badge`,jsx:[`Badge`],base:{"--badge-background":`{colors.neutral.background.1.enabled}`,"--badge-foreground":`{colors.neutral.foreground.1.enabled}`,"--badge-border-width":`{borders.100}`,"--badge-border-style":`solid`,"--badge-border-color":`transparent`,"--badge-height":`{sizes.200}`,"--badge-width":`var(--badge-height, {sizes.200})`,"--badge-gap":`{spacing.200}`,"--badge-radii":`{radii.900}`,"--badge-padding-inline":`{spacing.300}`,"--badge-padding-block":`{spacing.100}`,"--badge-label-font-family":`{fonts.base}`,"--badge-label-font-size":`{fontSizes.300}`,"--badge-label-font-weight":`{fontWeights.regular}`,"--badge-label-text-align":`center`,"--badge-label-text-transform":`none`}});export{t as badge};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`badge`,jsx:[`Badge`],base:{"--badge-background":`{colors.neutral.background.1.enabled}`,"--badge-foreground":`{colors.neutral.foreground.1.enabled}`,"--badge-border-width":`{borders.100}`,"--badge-border-style":`solid`,"--badge-border-color":`transparent`,"--badge-height":`{sizes.200}`,"--badge-width":`var(--badge-height, {sizes.200})`,"--badge-gap":`{spacing.200}`,"--badge-radii":`{radii.900}`,"--badge-padding-inline":`{spacing.300}`,"--badge-padding-block":`{spacing.100}`,"--badge-shadow":`none`,"--badge-label-font-family":`{fonts.base}`,"--badge-label-font-size":`{fontSizes.300}`,"--badge-label-font-weight":`{fontWeights.regular}`,"--badge-label-text-align":`center`,"--badge-label-text-transform":`none`}});export{t as badge};
|
|
2
2
|
//# sourceMappingURL=badge.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../src/recipes/data-display/badge/badge.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const badge = defineRecipe({\n className: 'badge',\n jsx: ['Badge'],\n base: {\n // root\n '--badge-background': '{colors.neutral.background.1.enabled}',\n '--badge-foreground': '{colors.neutral.foreground.1.enabled}',\n '--badge-border-width': '{borders.100}',\n '--badge-border-style': 'solid',\n '--badge-border-color': 'transparent',\n '--badge-height': '{sizes.200}',\n '--badge-width': 'var(--badge-height, {sizes.200})',\n '--badge-gap': '{spacing.200}',\n '--badge-radii': '{radii.900}',\n '--badge-padding-inline': '{spacing.300}',\n '--badge-padding-block': '{spacing.100}',\n\n // label\n '--badge-label-font-family': '{fonts.base}',\n '--badge-label-font-size': '{fontSizes.300}',\n '--badge-label-font-weight': '{fontWeights.regular}',\n '--badge-label-text-align': 'center',\n '--badge-label-text-transform': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,qBAAsB,wCACtB,qBAAsB,wCACtB,uBAAwB,gBACxB,uBAAwB,QACxB,uBAAwB,cACxB,iBAAkB,cAClB,gBAAiB,mCACjB,cAAe,gBACf,gBAAiB,cACjB,yBAA0B,gBAC1B,wBAAyB,
|
|
1
|
+
{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../src/recipes/data-display/badge/badge.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const badge = defineRecipe({\n className: 'badge',\n jsx: ['Badge'],\n base: {\n // root\n '--badge-background': '{colors.neutral.background.1.enabled}',\n '--badge-foreground': '{colors.neutral.foreground.1.enabled}',\n '--badge-border-width': '{borders.100}',\n '--badge-border-style': 'solid',\n '--badge-border-color': 'transparent',\n '--badge-height': '{sizes.200}',\n '--badge-width': 'var(--badge-height, {sizes.200})',\n '--badge-gap': '{spacing.200}',\n '--badge-radii': '{radii.900}',\n '--badge-padding-inline': '{spacing.300}',\n '--badge-padding-block': '{spacing.100}',\n '--badge-shadow': 'none',\n\n // label\n '--badge-label-font-family': '{fonts.base}',\n '--badge-label-font-size': '{fontSizes.300}',\n '--badge-label-font-weight': '{fontWeights.regular}',\n '--badge-label-text-align': 'center',\n '--badge-label-text-transform': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,qBAAsB,wCACtB,qBAAsB,wCACtB,uBAAwB,gBACxB,uBAAwB,QACxB,uBAAwB,cACxB,iBAAkB,cAClB,gBAAiB,mCACjB,cAAe,gBACf,gBAAiB,cACjB,yBAA0B,gBAC1B,wBAAyB,gBACzB,iBAAkB,OAGlB,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,2BAA4B,SAC5B,+BAAgC,OACjC,CACF,CAAC"}
|