@mage-ui/preset 1.0.167 → 1.0.168
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-wrapper.mjs +1 -1
- package/dist/recipes/controls/radio/radio-label-wrapper.mjs.map +1 -1
- 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/dist/recipes/data-display/description-list/description-list-wrapper.mjs +1 -1
- package/dist/recipes/data-display/description-list/description-list-wrapper.mjs.map +1 -1
- package/dist/recipes/data-display/description-list/description-list.mjs +1 -1
- package/dist/recipes/data-display/description-list/description-list.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__wrapper`,jsx:[`Radio`],base:{display:`inline-flex`,flexDirection:`column`,alignItems:`flex-start`,gap:`var(--radio-label-wrapper-gap, {spacing.100})`}});export{t as radioLabelWrapper};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__label__wrapper`,jsx:[`Radio`],base:{display:`inline-flex`,flexDirection:`column`,alignItems:`flex-start`,gap:`var(--radio-label-wrapper-gap, {spacing.100})`,width:`var(--radio-label-wrapper-width, 100%)`}});export{t as radioLabelWrapper};
|
|
2
2
|
//# sourceMappingURL=radio-label-wrapper.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-label-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-label-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioLabelWrapper = defineRecipe({\n className: 'radio__label__wrapper',\n jsx: ['Radio'],\n base: {\n display: 'inline-flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n gap: 'var(--radio-label-wrapper-gap, {spacing.100})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,cACT,cAAe,SACf,WAAY,aACZ,IAAK,
|
|
1
|
+
{"version":3,"file":"radio-label-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-label-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioLabelWrapper = defineRecipe({\n className: 'radio__label__wrapper',\n jsx: ['Radio'],\n base: {\n display: 'inline-flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n gap: 'var(--radio-label-wrapper-gap, {spacing.100})',\n width: 'var(--radio-label-wrapper-width, 100%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,cACT,cAAe,SACf,WAAY,aACZ,IAAK,gDACL,MAAO,yCACR,CACF,CAAC"}
|
|
@@ -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})`,_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)`,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};
|
|
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 _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,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 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,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)`},
|
|
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.150})`,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
|
|
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.150})',\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:{}});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)`},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}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,
|
|
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,oCACT,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-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-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`}});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}`}});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\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\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}) 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,
|
|
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,iDACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list__wrapper`,jsx:[`DescriptionList`],base:{background:`var(--description-list-wrapper-background, transparent)`,display:`var(--description-list-wrapper-display, flex)`,flexDirection:`var(--description-list-wrapper-flex-direction, column)`,gridTemplateColumns:`var(--description-list-wrapper-grid-template-columns, none)`,gridColumn:`var(--description-list-wrapper-grid-column, auto)`,gap:`var(--description-list-wrapper-gap, {spacing.200})`,paddingTop:`var(--description-list-wrapper-padding-top, {spacing.0})`,paddingBottom:`var(--description-list-wrapper-padding-bottom, {spacing.0})`,paddingLeft:`var(--description-list-wrapper-padding-left, {spacing.0})`,paddingRight:`var(--description-list-wrapper-padding-right, {spacing.0})`,borderRadius:`var(--description-list-wrapper-radii, {radii.0})`,borderColor:`var(--description-list-wrapper-border-color, transparent)`,borderWidth:`var(--description-list-wrapper-border-width, {borders.0})`,'[data-orientation="horizontal"] &':{minWidth:`var(--description-list-column-size, 12rem)`}}});export{t as descriptionListWrapper};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list__wrapper`,jsx:[`DescriptionList`],base:{background:`var(--description-list-wrapper-background, transparent)`,display:`var(--description-list-wrapper-display, flex)`,flexDirection:`var(--description-list-wrapper-flex-direction, column)`,gridTemplateColumns:`var(--description-list-wrapper-grid-template-columns, none)`,gridColumn:`var(--description-list-wrapper-grid-column, auto)`,gap:`var(--description-list-wrapper-gap, {spacing.200})`,paddingTop:`var(--description-list-wrapper-padding-top, {spacing.0})`,paddingBottom:`var(--description-list-wrapper-padding-bottom, {spacing.0})`,paddingLeft:`var(--description-list-wrapper-padding-left, {spacing.0})`,paddingRight:`var(--description-list-wrapper-padding-right, {spacing.0})`,borderRadius:`var(--description-list-wrapper-radii, {radii.0})`,borderColor:`var(--description-list-wrapper-border-color, transparent)`,borderWidth:`var(--description-list-wrapper-border-width, {borders.0})`,borderStyle:`var(--description-list-wrapper-border-style, solid)`,'[data-orientation="horizontal"] &':{minWidth:`var(--description-list-column-size, 12rem)`},_first:{borderWidth:`var(--description-list-wrapper-first-border-width, {borders.0})`,borderColor:`var(--description-list-wrapper-first-border-color, transparent)`,borderStyle:`var(--description-list-wrapper-first-border-style, solid)`,background:`var(--description-list-wrapper-first-background, transparent)`},_last:{borderWidth:`var(--description-list-wrapper-last-border-width, {borders.0})`,borderColor:`var(--description-list-wrapper-last-border-color, transparent)`,borderStyle:`var(--description-list-wrapper-last-border-style, solid)`,background:`var(--description-list-wrapper-last-background, transparent)`},_odd:{borderWidth:`var(--description-list-wrapper-odd-border-width, {borders.0})`,borderColor:`var(--description-list-wrapper-odd-border-color, transparent)`,borderStyle:`var(--description-list-wrapper-odd-border-style, solid)`,background:`var(--description-list-wrapper-odd-background, transparent)`},_even:{borderWidth:`var(--description-list-wrapper-even-border-width, {borders.0})`,borderColor:`var(--description-list-wrapper-even-border-color, transparent)`,borderStyle:`var(--description-list-wrapper-even-border-style, solid)`,background:`var(--description-list-wrapper-even-background, transparent)`}}});export{t as descriptionListWrapper};
|
|
2
2
|
//# sourceMappingURL=description-list-wrapper.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-wrapper.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionListWrapper = defineRecipe({\n className: 'description-list__wrapper',\n jsx: ['DescriptionList'],\n base: {\n background: 'var(--description-list-wrapper-background, transparent)',\n display: 'var(--description-list-wrapper-display, flex)',\n flexDirection: 'var(--description-list-wrapper-flex-direction, column)',\n gridTemplateColumns:\n 'var(--description-list-wrapper-grid-template-columns, none)',\n gridColumn: 'var(--description-list-wrapper-grid-column, auto)',\n gap: 'var(--description-list-wrapper-gap, {spacing.200})',\n paddingTop: 'var(--description-list-wrapper-padding-top, {spacing.0})',\n paddingBottom:\n 'var(--description-list-wrapper-padding-bottom, {spacing.0})',\n paddingLeft: 'var(--description-list-wrapper-padding-left, {spacing.0})',\n paddingRight: 'var(--description-list-wrapper-padding-right, {spacing.0})',\n borderRadius: 'var(--description-list-wrapper-radii, {radii.0})',\n borderColor: 'var(--description-list-wrapper-border-color, transparent)',\n borderWidth: 'var(--description-list-wrapper-border-width, {borders.0})',\n\n '[data-orientation=\"horizontal\"] &': {\n minWidth: 'var(--description-list-column-size, 12rem)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,4BACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,WAAY,0DACZ,QAAS,gDACT,cAAe,yDACf,oBACE,8DACF,WAAY,oDACZ,IAAK,qDACL,WAAY,2DACZ,cACE,8DACF,YAAa,4DACb,aAAc,6DACd,aAAc,mDACd,YAAa,4DACb,YAAa,
|
|
1
|
+
{"version":3,"file":"description-list-wrapper.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionListWrapper = defineRecipe({\n className: 'description-list__wrapper',\n jsx: ['DescriptionList'],\n base: {\n background: 'var(--description-list-wrapper-background, transparent)',\n display: 'var(--description-list-wrapper-display, flex)',\n flexDirection: 'var(--description-list-wrapper-flex-direction, column)',\n gridTemplateColumns:\n 'var(--description-list-wrapper-grid-template-columns, none)',\n gridColumn: 'var(--description-list-wrapper-grid-column, auto)',\n gap: 'var(--description-list-wrapper-gap, {spacing.200})',\n paddingTop: 'var(--description-list-wrapper-padding-top, {spacing.0})',\n paddingBottom:\n 'var(--description-list-wrapper-padding-bottom, {spacing.0})',\n paddingLeft: 'var(--description-list-wrapper-padding-left, {spacing.0})',\n paddingRight: 'var(--description-list-wrapper-padding-right, {spacing.0})',\n borderRadius: 'var(--description-list-wrapper-radii, {radii.0})',\n borderColor: 'var(--description-list-wrapper-border-color, transparent)',\n borderWidth: 'var(--description-list-wrapper-border-width, {borders.0})',\n borderStyle: 'var(--description-list-wrapper-border-style, solid)',\n\n '[data-orientation=\"horizontal\"] &': {\n minWidth: 'var(--description-list-column-size, 12rem)',\n },\n _first: {\n borderWidth:\n 'var(--description-list-wrapper-first-border-width, {borders.0})',\n borderColor:\n 'var(--description-list-wrapper-first-border-color, transparent)',\n borderStyle: 'var(--description-list-wrapper-first-border-style, solid)',\n background:\n 'var(--description-list-wrapper-first-background, transparent)',\n },\n _last: {\n borderWidth:\n 'var(--description-list-wrapper-last-border-width, {borders.0})',\n borderColor:\n 'var(--description-list-wrapper-last-border-color, transparent)',\n borderStyle: 'var(--description-list-wrapper-last-border-style, solid)',\n background:\n 'var(--description-list-wrapper-last-background, transparent)',\n },\n _odd: {\n borderWidth:\n 'var(--description-list-wrapper-odd-border-width, {borders.0})',\n borderColor:\n 'var(--description-list-wrapper-odd-border-color, transparent)',\n borderStyle: 'var(--description-list-wrapper-odd-border-style, solid)',\n background: 'var(--description-list-wrapper-odd-background, transparent)',\n },\n _even: {\n borderWidth:\n 'var(--description-list-wrapper-even-border-width, {borders.0})',\n borderColor:\n 'var(--description-list-wrapper-even-border-color, transparent)',\n borderStyle: 'var(--description-list-wrapper-even-border-style, solid)',\n background:\n 'var(--description-list-wrapper-even-background, transparent)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,4BACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,WAAY,0DACZ,QAAS,gDACT,cAAe,yDACf,oBACE,8DACF,WAAY,oDACZ,IAAK,qDACL,WAAY,2DACZ,cACE,8DACF,YAAa,4DACb,aAAc,6DACd,aAAc,mDACd,YAAa,4DACb,YAAa,4DACb,YAAa,sDAEb,oCAAqC,CACnC,SAAU,6CACX,CACD,OAAQ,CACN,YACE,kEACF,YACE,kEACF,YAAa,4DACb,WACE,gEACH,CACD,MAAO,CACL,YACE,iEACF,YACE,iEACF,YAAa,2DACb,WACE,+DACH,CACD,KAAM,CACJ,YACE,gEACF,YACE,gEACF,YAAa,0DACb,WAAY,8DACb,CACD,MAAO,CACL,YACE,iEACF,YACE,iEACF,YAAa,2DACb,WACE,+DACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list`,jsx:[`DescriptionList`],base:{"--description-list-column-size":`12rem`,"--description-list-row-gap":`{spacing.600}`,"--description-list-background":`transparent`,"--description-list-column-gap":`{spacing.600}`,"--description-list-padding-top":`{spacing.0}`,"--description-list-padding-bottom":`{spacing.0}`,"--description-list-padding-left":`{spacing.0}`,"--description-list-padding-right":`{spacing.0}`,"--description-list-radii":`{radii.0}`,"--description-list-border-color":`transparent`,"--description-list-border-width":`{borders.0}`,"--description-list-vertical-grid-template-columns":`minmax(0, 1fr)`,"--description-list-horizontal-grid-template-columns":`repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))`,"--description-list-wrapper-background":`transparent`,"--description-list-wrapper-gap":`{spacing.200}`,"--description-list-wrapper-padding-top":`{spacing.0}`,"--description-list-wrapper-padding-bottom":`{spacing.0}`,"--description-list-wrapper-padding-left":`{spacing.0}`,"--description-list-wrapper-padding-right":`{spacing.0}`,"--description-list-wrapper-radii":`{radii.0}`,"--description-list-wrapper-border-color":`transparent`,"--description-list-wrapper-border-width":`{borders.0}`,"--description-list-wrapper-flex-direction":`column`,"--description-list-wrapper-display":`flex`,"--description-list-wrapper-grid-template-columns":`none`,"--description-list-wrapper-grid-column":`auto`,"--description-list-term-grid-column":`auto`,"--description-list-term-font-size":`{fontSizes.300}`,"--description-list-term-font-weight":`{fontWeights.bold}`,"--description-list-term-align-text":`left`,"--description-list-term-color":`{colors.neutral.foreground.1.enabled}`,"--description-list-description-font-size":`{fontSizes.300}`,"--description-list-description-font-weight":`{fontWeights.medium}`,"--description-list-description-align-text":`left`,"--description-list-description-color":`{colors.neutral.foreground.2.enabled}`,"--description-list-description-grid-column":`auto`,"--description-list-description-link-color":`{colors.primary.foreground.1.enabled}`}});export{t as descriptionList};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list`,jsx:[`DescriptionList`],base:{"--description-list-column-size":`12rem`,"--description-list-row-gap":`{spacing.600}`,"--description-list-background":`transparent`,"--description-list-column-gap":`{spacing.600}`,"--description-list-padding-top":`{spacing.0}`,"--description-list-padding-bottom":`{spacing.0}`,"--description-list-padding-left":`{spacing.0}`,"--description-list-padding-right":`{spacing.0}`,"--description-list-radii":`{radii.0}`,"--description-list-border-color":`transparent`,"--description-list-border-width":`{borders.0}`,"--description-list-vertical-grid-template-columns":`minmax(0, 1fr)`,"--description-list-horizontal-grid-template-columns":`repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))`,"--description-list-wrapper-background":`transparent`,"--description-list-wrapper-gap":`{spacing.200}`,"--description-list-wrapper-padding-top":`{spacing.0}`,"--description-list-wrapper-padding-bottom":`{spacing.0}`,"--description-list-wrapper-padding-left":`{spacing.0}`,"--description-list-wrapper-padding-right":`{spacing.0}`,"--description-list-wrapper-radii":`{radii.0}`,"--description-list-wrapper-border-color":`transparent`,"--description-list-wrapper-border-width":`{borders.0}`,"--description-list-wrapper-border-style":`solid`,"--description-list-wrapper-flex-direction":`column`,"--description-list-wrapper-display":`flex`,"--description-list-wrapper-grid-template-columns":`none`,"--description-list-wrapper-grid-column":`auto`,"--description-list-wrapper-first-border-width":`{borders.0}`,"--description-list-wrapper-first-border-color":`transparent`,"--description-list-wrapper-first-border-style":`solid`,"--description-list-wrapper-first-background":`transparent`,"--description-list-wrapper-last-border-width":`{borders.0}`,"--description-list-wrapper-last-border-color":`transparent`,"--description-list-wrapper-last-border-style":`solid`,"--description-list-wrapper-last-background":`transparent`,"--description-list-wrapper-odd-border-width":`{borders.0}`,"--description-list-wrapper-odd-border-color":`transparent`,"--description-list-wrapper-odd-border-style":`solid`,"--description-list-wrapper-odd-background":`transparent`,"--description-list-wrapper-even-border-width":`{borders.0}`,"--description-list-wrapper-even-border-color":`transparent`,"--description-list-wrapper-even-border-style":`solid`,"--description-list-wrapper-even-background":`transparent`,"--description-list-term-grid-column":`auto`,"--description-list-term-font-size":`{fontSizes.300}`,"--description-list-term-font-weight":`{fontWeights.bold}`,"--description-list-term-align-text":`left`,"--description-list-term-color":`{colors.neutral.foreground.1.enabled}`,"--description-list-description-font-size":`{fontSizes.300}`,"--description-list-description-font-weight":`{fontWeights.medium}`,"--description-list-description-align-text":`left`,"--description-list-description-color":`{colors.neutral.foreground.2.enabled}`,"--description-list-description-grid-column":`auto`,"--description-list-description-link-color":`{colors.primary.foreground.1.enabled}`}});export{t as descriptionList};
|
|
2
2
|
//# sourceMappingURL=description-list.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-list.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionList = defineRecipe({\n className: 'description-list',\n jsx: ['DescriptionList'],\n base: {\n '--description-list-column-size': '12rem',\n '--description-list-row-gap': '{spacing.600}',\n '--description-list-background': 'transparent',\n '--description-list-column-gap': '{spacing.600}',\n '--description-list-padding-top': '{spacing.0}',\n '--description-list-padding-bottom': '{spacing.0}',\n '--description-list-padding-left': '{spacing.0}',\n '--description-list-padding-right': '{spacing.0}',\n '--description-list-radii': '{radii.0}',\n '--description-list-border-color': 'transparent',\n '--description-list-border-width': '{borders.0}',\n\n '--description-list-vertical-grid-template-columns': 'minmax(0, 1fr)',\n\n '--description-list-horizontal-grid-template-columns':\n 'repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))',\n\n '--description-list-wrapper-background': 'transparent',\n '--description-list-wrapper-gap': '{spacing.200}',\n '--description-list-wrapper-padding-top': '{spacing.0}',\n '--description-list-wrapper-padding-bottom': '{spacing.0}',\n '--description-list-wrapper-padding-left': '{spacing.0}',\n '--description-list-wrapper-padding-right': '{spacing.0}',\n '--description-list-wrapper-radii': '{radii.0}',\n '--description-list-wrapper-border-color': 'transparent',\n '--description-list-wrapper-border-width': '{borders.0}',\n '--description-list-wrapper-flex-direction': 'column',\n '--description-list-wrapper-display': 'flex',\n '--description-list-wrapper-grid-template-columns': 'none',\n '--description-list-wrapper-grid-column': 'auto',\n\n '--description-list-term-grid-column': 'auto',\n '--description-list-term-font-size': '{fontSizes.300}',\n '--description-list-term-font-weight': '{fontWeights.bold}',\n '--description-list-term-align-text': 'left',\n '--description-list-term-color': '{colors.neutral.foreground.1.enabled}',\n\n '--description-list-description-font-size': '{fontSizes.300}',\n '--description-list-description-font-weight': '{fontWeights.medium}',\n '--description-list-description-align-text': 'left',\n '--description-list-description-color':\n '{colors.neutral.foreground.2.enabled}',\n '--description-list-description-grid-column': 'auto',\n\n '--description-list-description-link-color':\n '{colors.primary.foreground.1.enabled}',\n
|
|
1
|
+
{"version":3,"file":"description-list.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionList = defineRecipe({\n className: 'description-list',\n jsx: ['DescriptionList'],\n base: {\n '--description-list-column-size': '12rem',\n '--description-list-row-gap': '{spacing.600}',\n '--description-list-background': 'transparent',\n '--description-list-column-gap': '{spacing.600}',\n '--description-list-padding-top': '{spacing.0}',\n '--description-list-padding-bottom': '{spacing.0}',\n '--description-list-padding-left': '{spacing.0}',\n '--description-list-padding-right': '{spacing.0}',\n '--description-list-radii': '{radii.0}',\n '--description-list-border-color': 'transparent',\n '--description-list-border-width': '{borders.0}',\n\n '--description-list-vertical-grid-template-columns': 'minmax(0, 1fr)',\n\n '--description-list-horizontal-grid-template-columns':\n 'repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))',\n\n '--description-list-wrapper-background': 'transparent',\n '--description-list-wrapper-gap': '{spacing.200}',\n '--description-list-wrapper-padding-top': '{spacing.0}',\n '--description-list-wrapper-padding-bottom': '{spacing.0}',\n '--description-list-wrapper-padding-left': '{spacing.0}',\n '--description-list-wrapper-padding-right': '{spacing.0}',\n '--description-list-wrapper-radii': '{radii.0}',\n '--description-list-wrapper-border-color': 'transparent',\n '--description-list-wrapper-border-width': '{borders.0}',\n '--description-list-wrapper-border-style': 'solid',\n '--description-list-wrapper-flex-direction': 'column',\n '--description-list-wrapper-display': 'flex',\n '--description-list-wrapper-grid-template-columns': 'none',\n '--description-list-wrapper-grid-column': 'auto',\n '--description-list-wrapper-first-border-width': '{borders.0}',\n '--description-list-wrapper-first-border-color': 'transparent',\n '--description-list-wrapper-first-border-style': 'solid',\n '--description-list-wrapper-first-background': 'transparent',\n '--description-list-wrapper-last-border-width': '{borders.0}',\n '--description-list-wrapper-last-border-color': 'transparent',\n '--description-list-wrapper-last-border-style': 'solid',\n '--description-list-wrapper-last-background': 'transparent',\n '--description-list-wrapper-odd-border-width': '{borders.0}',\n '--description-list-wrapper-odd-border-color': 'transparent',\n '--description-list-wrapper-odd-border-style': 'solid',\n '--description-list-wrapper-odd-background': 'transparent',\n '--description-list-wrapper-even-border-width': '{borders.0}',\n '--description-list-wrapper-even-border-color': 'transparent',\n '--description-list-wrapper-even-border-style': 'solid',\n '--description-list-wrapper-even-background': 'transparent',\n\n '--description-list-term-grid-column': 'auto',\n '--description-list-term-font-size': '{fontSizes.300}',\n '--description-list-term-font-weight': '{fontWeights.bold}',\n '--description-list-term-align-text': 'left',\n '--description-list-term-color': '{colors.neutral.foreground.1.enabled}',\n\n '--description-list-description-font-size': '{fontSizes.300}',\n '--description-list-description-font-weight': '{fontWeights.medium}',\n '--description-list-description-align-text': 'left',\n '--description-list-description-color':\n '{colors.neutral.foreground.2.enabled}',\n '--description-list-description-grid-column': 'auto',\n\n '--description-list-description-link-color':\n '{colors.primary.foreground.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,iCAAkC,QAClC,6BAA8B,gBAC9B,gCAAiC,cACjC,gCAAiC,gBACjC,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,2BAA4B,YAC5B,kCAAmC,cACnC,kCAAmC,cAEnC,oDAAqD,iBAErD,sDACE,uFAEF,wCAAyC,cACzC,iCAAkC,gBAClC,yCAA0C,cAC1C,4CAA6C,cAC7C,0CAA2C,cAC3C,2CAA4C,cAC5C,mCAAoC,YACpC,0CAA2C,cAC3C,0CAA2C,cAC3C,0CAA2C,QAC3C,4CAA6C,SAC7C,qCAAsC,OACtC,mDAAoD,OACpD,yCAA0C,OAC1C,gDAAiD,cACjD,gDAAiD,cACjD,gDAAiD,QACjD,8CAA+C,cAC/C,+CAAgD,cAChD,+CAAgD,cAChD,+CAAgD,QAChD,6CAA8C,cAC9C,8CAA+C,cAC/C,8CAA+C,cAC/C,8CAA+C,QAC/C,4CAA6C,cAC7C,+CAAgD,cAChD,+CAAgD,cAChD,+CAAgD,QAChD,6CAA8C,cAE9C,sCAAuC,OACvC,oCAAqC,kBACrC,sCAAuC,qBACvC,qCAAsC,OACtC,gCAAiC,wCAEjC,2CAA4C,kBAC5C,6CAA8C,uBAC9C,4CAA6C,OAC7C,uCACE,wCACF,6CAA8C,OAE9C,4CACE,wCACH,CACF,CAAC"}
|