@mage-ui/preset 1.0.193 → 1.0.195
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/controls/radio/radio-label.mjs +1 -1
- package/dist/recipes/controls/radio/radio-label.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio-radio.mjs +1 -1
- package/dist/recipes/controls/radio/radio-radio.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/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__label`,jsx:[`Radio`],base:{fontFamily:`var(--radio-label-font-family, {fonts.base})`,fontSize:`var(--radio-label-font-size, {fontSizes.300})`,fontWeight:`var(--radio-label-font-weight, {fontWeights.regular})`,lineHeight:`var(--radio-label-line-height, 1.25)`,margin:`var(--radio-label-margin, 0)`,color:`var(--radio-label-foreground, {colors.neutral.foreground.2.enabled})`,width:`var(--radio-label-width, 100%)`,cursor:`var(--radio-label-cursor, pointer)`,_disabled:{cursor:`not-allowed`,opacity:`var(--radio-label-opacity-disabled, .5)`}}});export{t as radioLabel};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__label`,jsx:[`Radio`],base:{fontFamily:`var(--radio-label-font-family, {fonts.base})`,fontSize:`var(--radio-label-font-size, {fontSizes.300})`,fontWeight:`var(--radio-label-font-weight, {fontWeights.regular})`,lineHeight:`var(--radio-label-line-height, 1.25)`,textAlign:`var(--radio-label-text-align, inherit)`,margin:`var(--radio-label-margin, 0)`,color:`var(--radio-label-foreground, {colors.neutral.foreground.2.enabled})`,width:`var(--radio-label-width, 100%)`,cursor:`var(--radio-label-cursor, pointer)`,_groupChecked:{color:`var(--radio-label-foreground-checked, var(--radio-label-foreground, {colors.neutral.foreground.2.enabled}))`},_disabled:{cursor:`not-allowed`,opacity:`var(--radio-label-opacity-disabled, .5)`}}});export{t as radioLabel};
|
|
2
2
|
//# sourceMappingURL=radio-label.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-label.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioLabel = defineRecipe({\n className: 'radio__label',\n jsx: ['Radio'],\n base: {\n fontFamily: 'var(--radio-label-font-family, {fonts.base})',\n fontSize: 'var(--radio-label-font-size, {fontSizes.300})',\n fontWeight: 'var(--radio-label-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--radio-label-line-height, 1.25)',\n margin: 'var(--radio-label-margin, 0)',\n color:\n 'var(--radio-label-foreground, {colors.neutral.foreground.2.enabled})',\n width: 'var(--radio-label-width, 100%)',\n cursor: 'var(--radio-label-cursor, pointer)',\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--radio-label-opacity-disabled, .5)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,+CACZ,SAAU,gDACV,WAAY,wDACZ,WAAY,uCACZ,OAAQ,+BACR,MACE,uEACF,MAAO,iCACP,OAAQ,qCACR,UAAW,CACT,OAAQ,cACR,QAAS,0CACV,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"radio-label.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioLabel = defineRecipe({\n className: 'radio__label',\n jsx: ['Radio'],\n base: {\n fontFamily: 'var(--radio-label-font-family, {fonts.base})',\n fontSize: 'var(--radio-label-font-size, {fontSizes.300})',\n fontWeight: 'var(--radio-label-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--radio-label-line-height, 1.25)',\n textAlign: 'var(--radio-label-text-align, inherit)',\n margin: 'var(--radio-label-margin, 0)',\n color:\n 'var(--radio-label-foreground, {colors.neutral.foreground.2.enabled})',\n width: 'var(--radio-label-width, 100%)',\n cursor: 'var(--radio-label-cursor, pointer)',\n _groupChecked: {\n color:\n 'var(--radio-label-foreground-checked, var(--radio-label-foreground, {colors.neutral.foreground.2.enabled}))',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--radio-label-opacity-disabled, .5)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,+CACZ,SAAU,gDACV,WAAY,wDACZ,WAAY,uCACZ,UAAW,yCACX,OAAQ,+BACR,MACE,uEACF,MAAO,iCACP,OAAQ,qCACR,cAAe,CACb,MACE,8GACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,0CACV,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__radio`,jsx:[`Radio`],base:{display:`block`,appearance:`none`,width:`var(--radio-input-size, {sizes.300})`,height:`var(--radio-input-size, {sizes.300})`,borderRadius:`var(--radio-input-radii, {radii.900})`,aspectRatio:`1`,backgroundColor:`var(--radio-input-background, transparent)`,borderWidth:`var(--radio-input-border-width, {borders.100})`,borderStyle:`var(--radio-input-border-style, solid)`,borderColor:`var(--radio-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--radio-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--radio-input-background-checked, transparent)`,borderWidth:`var(--radio-input-border-width-checked, {borders.100})`,borderStyle:`var(--radio-input-border-style-checked, solid)`,borderColor:`var(--radio-input-border-color-checked, {colors.neutral.stroke.5.enabled})`},_disabled:{cursor:`not-allowed`,opacity:`var(--radio-input-opacity-disabled, .5)`},_focusVisible:{outlineWidth:`var(--radio-input-focus-outline-width, {borders.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__radio`,jsx:[`Radio`],base:{display:`block`,appearance:`none`,width:`var(--radio-input-size, {sizes.300})`,height:`var(--radio-input-size, {sizes.300})`,borderRadius:`var(--radio-input-radii, {radii.900})`,aspectRatio:`1`,backgroundColor:`var(--radio-input-background, transparent)`,borderWidth:`var(--radio-input-border-width, {borders.100})`,borderStyle:`var(--radio-input-border-style, solid)`,borderColor:`var(--radio-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--radio-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--radio-input-background-checked, transparent)`,borderWidth:`var(--radio-input-border-width-checked, {borders.100})`,borderStyle:`var(--radio-input-border-style-checked, solid)`,borderColor:`var(--radio-input-border-color-checked, {colors.neutral.stroke.5.enabled})`},_disabled:{cursor:`not-allowed`,opacity:`var(--radio-input-opacity-disabled, .5)`},_focusVisible:{outlineWidth:`var(--radio-input-focus-outline-width, {borders.100})`,outlineStyle:`var(--radio-input-focus-outline-style, solid)`,outlineColor:`var(--radio-input-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--radio-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--radio-input-focus-shadow, none)`},'&[data-error="true"]':{borderColor:`var(--radio-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focusVisible:{outlineColor:`var(--radio-input-focus-outline-color-error, {colors.danger.stroke.1.focused})`}}}});export{t as radioRadio};
|
|
2
2
|
//# sourceMappingURL=radio-radio.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-radio.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioRadio = defineRecipe({\n className: 'radio__radio',\n jsx: ['Radio'],\n base: {\n display: 'block',\n appearance: 'none',\n width: 'var(--radio-input-size, {sizes.300})',\n height: 'var(--radio-input-size, {sizes.300})',\n borderRadius: 'var(--radio-input-radii, {radii.900})',\n aspectRatio: '1',\n backgroundColor: 'var(--radio-input-background, transparent)',\n borderWidth: 'var(--radio-input-border-width, {borders.100})',\n borderStyle: 'var(--radio-input-border-style, solid)',\n borderColor:\n 'var(--radio-input-border-color, {colors.neutral.stroke.5.enabled})',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n paddingInline: '0!',\n pointerEvents: 'auto!',\n cursor: 'pointer',\n transition: 'var(--radio-transition, {animations.base.100})',\n _checked: {\n backgroundColor: 'var(--radio-input-background-checked, transparent)',\n borderWidth: 'var(--radio-input-border-width-checked, {borders.100})',\n borderStyle: 'var(--radio-input-border-style-checked, solid)',\n borderColor:\n 'var(--radio-input-border-color-checked, {colors.neutral.stroke.5.enabled})',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--radio-input-opacity-disabled, .5)',\n },\n _focusVisible: {\n outlineWidth: 'var(--radio-input-focus-outline-width, {borders.
|
|
1
|
+
{"version":3,"file":"radio-radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-radio.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioRadio = defineRecipe({\n className: 'radio__radio',\n jsx: ['Radio'],\n base: {\n display: 'block',\n appearance: 'none',\n width: 'var(--radio-input-size, {sizes.300})',\n height: 'var(--radio-input-size, {sizes.300})',\n borderRadius: 'var(--radio-input-radii, {radii.900})',\n aspectRatio: '1',\n backgroundColor: 'var(--radio-input-background, transparent)',\n borderWidth: 'var(--radio-input-border-width, {borders.100})',\n borderStyle: 'var(--radio-input-border-style, solid)',\n borderColor:\n 'var(--radio-input-border-color, {colors.neutral.stroke.5.enabled})',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n paddingInline: '0!',\n pointerEvents: 'auto!',\n cursor: 'pointer',\n transition: 'var(--radio-transition, {animations.base.100})',\n _checked: {\n backgroundColor: 'var(--radio-input-background-checked, transparent)',\n borderWidth: 'var(--radio-input-border-width-checked, {borders.100})',\n borderStyle: 'var(--radio-input-border-style-checked, solid)',\n borderColor:\n 'var(--radio-input-border-color-checked, {colors.neutral.stroke.5.enabled})',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--radio-input-opacity-disabled, .5)',\n },\n _focusVisible: {\n outlineWidth: 'var(--radio-input-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--radio-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--radio-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--radio-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--radio-input-focus-shadow, none)',\n },\n '&[data-error=\"true\"]': {\n borderColor:\n 'var(--radio-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focusVisible: {\n outlineColor:\n 'var(--radio-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,uCACP,OAAQ,uCACR,aAAc,wCACd,YAAa,IACb,gBAAiB,6CACjB,YAAa,iDACb,YAAa,yCACb,YACE,qEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,iDACZ,SAAU,CACR,gBAAiB,qDACjB,YAAa,yDACb,YAAa,iDACb,YACE,6EACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,0CACV,CACD,cAAe,CACb,aAAc,wDACd,aAAc,gDACd,aACE,4EACF,cAAe,wDACf,UAAW,wCACZ,CACD,uBAAwB,CACtB,YACE,0EACF,cAAe,CACb,aACE,iFACH,CACF,CACF,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)`,"[data-orientation=horizontal] &":{width:`var(--radio-root-width, 100%)`,minWidth:`var(--radio-root-min-width, 8rem)`}},variants:{card:{true:{backgroundColor:`var(--radio-root-background, transparent)`,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)":{backgroundColor:`var(--radio-root-background-checked, transparent)`,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:{backgroundColor:`var(--radio-root-background, transparent)`,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)":{backgroundColor:`var(--radio-root-background-checked, transparent)`,borderColor:`var(--radio-root-border-color-checked, {colors.neutral.background.5.primary.selected})`},height:`var(--radio-root-height, auto)`}},button:{true:{position:`relative`,"& label::after":{content:`""`,position:`absolute`,inset:0},textAlign:`var(--radio-root-button-text-align, center)`,backgroundColor:`var(--radio-root-button-background, transparent)`,borderWidth:`var(--radio-root-button-border-width, {borders.100})`,borderStyle:`var(--radio-root-button-border-style, solid)`,borderColor:`var(--radio-root-button-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--radio-root-button-border-radii, {radii.200})`,padding:`var(--radio-root-button-padding, {spacing.300})`,height:`var(--radio-root-button-height, auto)`,width:`var(--radio-root-button-width, 100%)`,"&:has(.peer:checked)":{backgroundColor:`var(--radio-root-button-background-checked, {colors.primary.background.1.enabled})`,borderColor:`var(--radio-root-button-border-color-checked, {colors.primary.background.1.enabled})`,"& :is(label, .radio__description)":{color:`var(--radio-root-button-foreground-checked, {colors.primary.foreground.onPrimary.2.enabled})`}},"&:has(.peer:focus-visible)":{outlineWidth:`var(--radio-root-button-focus-outline-width, {borders.150})`,outlineStyle:`var(--radio-root-button-focus-outline-style, solid)`,outlineColor:`var(--radio-root-button-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--radio-root-button-focus-outline-offset, {spacing.50})`}}}}});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 '[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 backgroundColor: 'var(--radio-root-background, transparent)',\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 backgroundColor: 'var(--radio-root-background-checked, transparent)',\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,gBAAiB,4CACjB,YAAa,gDACb,YAAa,wCACb,YACE,oEACF,aAAc,8CACd,QAAS,2CACT,uBAAwB,CACtB,gBAAiB,oDACjB,YACE,yFACH,CACD,OAAQ,iCACT,CACF,CACF,CACF,CAAC"}
|
|
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 backgroundColor: 'var(--radio-root-background, transparent)',\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 backgroundColor: 'var(--radio-root-background-checked, transparent)',\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 button: {\n true: {\n position: 'relative',\n '& label::after': {\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n textAlign: 'var(--radio-root-button-text-align, center)',\n backgroundColor: 'var(--radio-root-button-background, transparent)',\n borderWidth: 'var(--radio-root-button-border-width, {borders.100})',\n borderStyle: 'var(--radio-root-button-border-style, solid)',\n borderColor:\n 'var(--radio-root-button-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--radio-root-button-border-radii, {radii.200})',\n padding: 'var(--radio-root-button-padding, {spacing.300})',\n height: 'var(--radio-root-button-height, auto)',\n width: 'var(--radio-root-button-width, 100%)',\n '&:has(.peer:checked)': {\n backgroundColor:\n 'var(--radio-root-button-background-checked, {colors.primary.background.1.enabled})',\n borderColor:\n 'var(--radio-root-button-border-color-checked, {colors.primary.background.1.enabled})',\n '& :is(label, .radio__description)': {\n color:\n 'var(--radio-root-button-foreground-checked, {colors.primary.foreground.onPrimary.2.enabled})',\n },\n },\n '&:has(.peer:focus-visible)': {\n outlineWidth:\n 'var(--radio-root-button-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--radio-root-button-focus-outline-style, solid)',\n outlineColor:\n 'var(--radio-root-button-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--radio-root-button-focus-outline-offset, {spacing.50})',\n },\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,gBAAiB,4CACjB,YAAa,gDACb,YAAa,wCACb,YACE,oEACF,aAAc,8CACd,QAAS,2CACT,uBAAwB,CACtB,gBAAiB,oDACjB,YACE,yFACH,CACD,OAAQ,iCACT,CACF,CACD,OAAQ,CACN,KAAM,CACJ,SAAU,WACV,iBAAkB,CAChB,QAAS,KACT,SAAU,WACV,MAAO,EACR,CACD,UAAW,8CACX,gBAAiB,mDACjB,YAAa,uDACb,YAAa,+CACb,YACE,2EACF,aAAc,qDACd,QAAS,kDACT,OAAQ,wCACR,MAAO,uCACP,uBAAwB,CACtB,gBACE,qFACF,YACE,uFACF,oCAAqC,CACnC,MACE,+FACH,CACF,CACD,6BAA8B,CAC5B,aACE,8DACF,aAAc,sDACd,aACE,kFACF,cACE,8DACH,CACF,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}`,"--radio-root-width":`100%`,"--radio-root-min-width":`8rem`,"--radio-root-background":`transparent`,"--radio-root-background-checked":`transparent`}});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-transition":`{animations.base.100}`,"--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-foreground-checked":`var(--radio-label-foreground, {colors.neutral.foreground.2.enabled})`,"--radio-label-text-align":`inherit`,"--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`,"--radio-root-background":`transparent`,"--radio-root-background-checked":`transparent`,"--radio-root-button-text-align":`center`,"--radio-root-button-background":`transparent`,"--radio-root-button-background-checked":`{colors.primary.background.1.enabled}`,"--radio-root-button-foreground-checked":`{colors.primary.foreground.onPrimary.2.enabled}`,"--radio-root-button-border-width":`{borders.100}`,"--radio-root-button-border-style":`solid`,"--radio-root-button-border-color":`{colors.neutral.stroke.7.enabled}`,"--radio-root-button-border-color-checked":`{colors.primary.background.1.enabled}`,"--radio-root-button-border-radii":`{radii.200}`,"--radio-root-button-padding":`{spacing.300}`,"--radio-root-button-height":`auto`,"--radio-root-button-width":`100%`,"--radio-root-button-focus-outline-width":`{borders.150}`,"--radio-root-button-focus-outline-style":`solid`,"--radio-root-button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--radio-root-button-focus-outline-offset":`{spacing.50}`}});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 '--radio-root-width': '100%',\n '--radio-root-min-width': '8rem',\n '--radio-root-background': 'transparent',\n '--radio-root-background-checked': 'transparent',\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,OAC1B,0BAA2B,cAC3B,kCAAmC,cACpC,CACF,CAAC"}
|
|
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 transition\n '--radio-transition': '{animations.base.100}',\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-foreground-checked':\n 'var(--radio-label-foreground, {colors.neutral.foreground.2.enabled})',\n '--radio-label-text-align': 'inherit',\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 '--radio-root-background': 'transparent',\n '--radio-root-background-checked': 'transparent',\n\n // radio root button\n '--radio-root-button-text-align': 'center',\n '--radio-root-button-background': 'transparent',\n '--radio-root-button-background-checked':\n '{colors.primary.background.1.enabled}',\n '--radio-root-button-foreground-checked':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--radio-root-button-border-width': '{borders.100}',\n '--radio-root-button-border-style': 'solid',\n '--radio-root-button-border-color': '{colors.neutral.stroke.7.enabled}',\n '--radio-root-button-border-color-checked':\n '{colors.primary.background.1.enabled}',\n '--radio-root-button-border-radii': '{radii.200}',\n '--radio-root-button-padding': '{spacing.300}',\n '--radio-root-button-height': 'auto',\n '--radio-root-button-width': '100%',\n '--radio-root-button-focus-outline-width': '{borders.150}',\n '--radio-root-button-focus-outline-style': 'solid',\n '--radio-root-button-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--radio-root-button-focus-outline-offset': '{spacing.50}',\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,qBAAsB,wBAGtB,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,mCACE,uEACF,2BAA4B,UAC5B,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,OAC1B,0BAA2B,cAC3B,kCAAmC,cAGnC,iCAAkC,SAClC,iCAAkC,cAClC,yCACE,wCACF,yCACE,kDACF,mCAAoC,gBACpC,mCAAoC,QACpC,mCAAoC,oCACpC,2CACE,wCACF,mCAAoC,cACpC,8BAA+B,gBAC/B,6BAA8B,OAC9B,4BAA6B,OAC7B,0CAA2C,gBAC3C,0CAA2C,QAC3C,0CACE,oCACF,2CAA4C,eAC7C,CACF,CAAC"}
|