@mage-ui/preset 1.0.29 → 1.0.30
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/checkbox/checkbox-description.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-description.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-icon.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-icon.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-inner.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-inner.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-input.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-input.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-label.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-label.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input.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:`checkbox__description`,jsx:[`Checkbox`],base:{fontFamily:`var(--checkbox-description-font-family, {fonts.base})`,fontSize:`var(--checkbox-description-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__description`,jsx:[`Checkbox`],base:{fontFamily:`var(--checkbox-description-font-family, {fonts.base})`,fontSize:`var(--checkbox-description-font-size, {fontSizes.200})`,fontWeight:`var(--checkbox-description-font-weight, {fontWeights.regular})`,lineHeight:`var(--checkbox-description-line-height, inherit)`,color:`var(--checkbox-description-foreground, {colors.neutral.foreground.2.enabled})`,margin:`var(--checkbox-description-margin, 0)`}});export{t as checkboxDescription};
|
|
2
2
|
//# sourceMappingURL=checkbox-description.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-description.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxDescription = defineRecipe({\n className: 'checkbox__description',\n jsx: ['Checkbox'],\n base: {\n fontFamily: 'var(--checkbox-description-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-description-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"checkbox-description.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxDescription = defineRecipe({\n className: 'checkbox__description',\n jsx: ['Checkbox'],\n base: {\n fontFamily: 'var(--checkbox-description-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-description-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--checkbox-description-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--checkbox-description-line-height, inherit)',\n color:\n 'var(--checkbox-description-foreground, {colors.neutral.foreground.2.enabled})',\n margin: 'var(--checkbox-description-margin, 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,wBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,WAAY,mDACZ,MACE,gFACF,OAAQ,wCACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__icon`,jsx:[`Checkbox`],base:{color:`var(--checkbox-icon-color, {colors.neutral.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__icon`,jsx:[`Checkbox`],base:{color:`var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})`,position:`absolute`,inset:0,width:`var(--checkbox-icon-size, 60%)`,margin:`auto`,pointerEvents:`none`,opacity:0,transition:`var(--checkbox-transition, {animations.base.100})`,_peerChecked:{opacity:1}}});export{t as checkboxIcon};
|
|
2
2
|
//# sourceMappingURL=checkbox-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n className: 'checkbox__icon',\n jsx: ['Checkbox'],\n base: {\n color
|
|
1
|
+
{"version":3,"file":"checkbox-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n className: 'checkbox__icon',\n jsx: ['Checkbox'],\n base: {\n color:\n 'var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})',\n position: 'absolute',\n inset: 0,\n width: 'var(--checkbox-icon-size, 60%)',\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'var(--checkbox-transition, {animations.base.100})',\n _peerChecked: {\n opacity: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,2EACF,SAAU,WACV,MAAO,EACP,MAAO,iCACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,WAAY,oDACZ,aAAc,CACZ,QAAS,EACV,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__inner`,jsx:[`Checkbox`],base:{position:`relative`,width:`var(--checkbox-size, {sizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__inner`,jsx:[`Checkbox`],base:{position:`relative`,width:`var(--checkbox-size, {sizes.300})`,aspectRatio:`1`}});export{t as checkboxInner};
|
|
2
2
|
//# sourceMappingURL=checkbox-inner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-inner.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInner = defineRecipe({\n className: 'checkbox__inner',\n jsx: ['Checkbox'],\n base: {\n position: 'relative',\n width: 'var(--checkbox-size, {sizes.
|
|
1
|
+
{"version":3,"file":"checkbox-inner.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInner = defineRecipe({\n className: 'checkbox__inner',\n jsx: ['Checkbox'],\n base: {\n position: 'relative',\n width: 'var(--checkbox-size, {sizes.300})',\n aspectRatio: '1',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,WACV,MAAO,oCACP,YAAa,IACd,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,width:`var(--checkbox-input-size, {sizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,width:`var(--checkbox-input-size, {sizes.300})`,height:`var(--checkbox-input-size, {sizes.300})`,borderRadius:`var(--checkbox-input-radii, {radii.100})`,aspectRatio:`1`,backgroundColor:`var(--checkbox-input-background, transparent)`,borderWidth:`var(--checkbox-input-border-width, {borders.100})`,borderStyle:`var(--checkbox-input-border-style, solid)`,borderColor:`var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--checkbox-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},_disabled:{cursor:`not-allowed`,opacity:`var(--checkbox-input-opacity-disabled, .5)`}}});export{t as checkboxInput};
|
|
2
2
|
//# sourceMappingURL=checkbox-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-input.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInput = defineRecipe({\n className: 'checkbox__input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n width: 'var(--checkbox-input-size, {sizes.
|
|
1
|
+
{"version":3,"file":"checkbox-input.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInput = defineRecipe({\n className: 'checkbox__input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n width: 'var(--checkbox-input-size, {sizes.300})',\n height: 'var(--checkbox-input-size, {sizes.300})',\n borderRadius: 'var(--checkbox-input-radii, {radii.100})',\n aspectRatio: '1',\n backgroundColor: 'var(--checkbox-input-background, transparent)',\n borderWidth: 'var(--checkbox-input-border-width, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style, solid)',\n borderColor:\n 'var(--checkbox-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(--checkbox-transition, {animations.base.100})',\n _checked: {\n backgroundColor:\n 'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n borderColor:\n 'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--checkbox-input-opacity-disabled, .5)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,0CACP,OAAQ,0CACR,aAAc,2CACd,YAAa,IACb,gBAAiB,gDACjB,YAAa,oDACb,YAAa,4CACb,YACE,wEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,oDACZ,SAAU,CACR,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,6CACV,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__label`,jsx:[`Checkbox`],base:{fontFamily:`var(--checkbox-label-font-family, {fonts.base})`,fontSize:`var(--checkbox-label-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__label`,jsx:[`Checkbox`],base:{fontFamily:`var(--checkbox-label-font-family, {fonts.base})`,fontSize:`var(--checkbox-label-font-size, {fontSizes.300})`,fontWeight:`var(--checkbox-label-font-weight, {fontWeights.regular})`,lineHeight:`var(--checkbox-label-line-height, 1.2)`,margin:`var(--checkbox-label-margin, 0)`,color:`var(--checkbox-label-foreground, {colors.neutral.foreground.2.enabled})`,_disabled:{cursor:`not-allowed`,opacity:`var(--checkbox-label-opacity-disabled, .5)`}}});export{t as checkboxLabel};
|
|
2
2
|
//# sourceMappingURL=checkbox-label.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-label.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxLabel = defineRecipe({\n className: 'checkbox__label',\n jsx: ['Checkbox'],\n base: {\n fontFamily: 'var(--checkbox-label-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-label-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"checkbox-label.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxLabel = defineRecipe({\n className: 'checkbox__label',\n jsx: ['Checkbox'],\n base: {\n fontFamily: 'var(--checkbox-label-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-label-font-size, {fontSizes.300})',\n fontWeight: 'var(--checkbox-label-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--checkbox-label-line-height, 1.2)',\n margin: 'var(--checkbox-label-margin, 0)',\n color:\n 'var(--checkbox-label-foreground, {colors.neutral.foreground.2.enabled})',\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--checkbox-label-opacity-disabled, .5)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,WAAY,kDACZ,SAAU,mDACV,WAAY,2DACZ,WAAY,yCACZ,OAAQ,kCACR,MACE,0EACF,UAAW,CACT,OAAQ,cACR,QAAS,6CACV,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox`,jsx:[`Checkbox`],base:{"--checkbox-
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox`,jsx:[`Checkbox`],base:{"--checkbox-input-size":`{sizes.300}`,"--checkbox-input-radii":`{radii.100}`,"--checkbox-input-background":`transparent`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-border-width-checked":`{borders.100}`,"--checkbox-input-border-style-checked":`solid`,"--checkbox-input-border-color-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-opacity-disabled":`.5`,"--checkbox-icon-color":`{colors.neutral.stroke.1.onPrimary.selected}`,"--checkbox-icon-size":`60%`,"--checkbox-size":`{sizes.300}`,"--checkbox-label-wrapper-gap":`{spacing.100}`,"--checkbox-label-font-family":`{fonts.base}`,"--checkbox-label-font-size":`{fontSizes.300}`,"--checkbox-label-font-weight":`{fontWeights.regular}`,"--checkbox-label-line-height":`1.2`,"--checkbox-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-margin":`0`,"--checkbox-label-opacity-disabled":`.5`,"--checkbox-label-required-color":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.200}`,"--checkbox-description-font-weight":`{fontWeights.regular}`,"--checkbox-description-line-height":`inherit`,"--checkbox-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-description-margin":`0`,"--checkbox-body-align":`center`,"--checkbox-body-gap":`{spacing.200}`,"--checkbox-error-font-family":`{fonts.base}`,"--checkbox-error-font-size":`{fontSizes.300}`,"--checkbox-error-font-weight":`{fontWeights.regular}`,"--checkbox-error-line-height":`inherit`,"--checkbox-error-foreground":`{colors.danger.foreground.1.enabled}`,"--checkbox-error-margin":`{spacing.100} 0 0 0`}});export{t as checkbox};
|
|
2
2
|
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkbox = defineRecipe({\n className: 'checkbox',\n jsx: ['Checkbox'],\n base: {\n
|
|
1
|
+
{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkbox = defineRecipe({\n className: 'checkbox',\n jsx: ['Checkbox'],\n base: {\n // checkbox input\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n '--checkbox-input-border-width-checked': '{borders.100}',\n '--checkbox-input-border-style-checked': 'solid',\n '--checkbox-input-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--checkbox-input-opacity-disabled': '.5',\n\n // checkbox icon\n '--checkbox-icon-color': '{colors.neutral.stroke.1.onPrimary.selected}',\n '--checkbox-icon-size': '60%',\n\n // checkbox inner\n '--checkbox-size': '{sizes.300}',\n\n // checkbox label wrapper\n '--checkbox-label-wrapper-gap': '{spacing.100}',\n\n // checkbox label\n '--checkbox-label-font-family': '{fonts.base}',\n '--checkbox-label-font-size': '{fontSizes.300}',\n '--checkbox-label-font-weight': '{fontWeights.regular}',\n '--checkbox-label-line-height': '1.2',\n '--checkbox-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-margin': '0',\n '--checkbox-label-opacity-disabled': '.5',\n\n // checkbox label required\n '--checkbox-label-required-color': '{colors.danger.foreground.1.enabled}',\n\n '--checkbox-transition': '{animations.base.100}',\n\n // checkbox description\n '--checkbox-description-font-family': '{fonts.base}',\n '--checkbox-description-font-size': '{fontSizes.200}',\n '--checkbox-description-font-weight': '{fontWeights.regular}',\n '--checkbox-description-line-height': 'inherit',\n '--checkbox-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--checkbox-description-margin': '0',\n\n // checkbox body\n '--checkbox-body-align': 'center',\n '--checkbox-body-gap': '{spacing.200}',\n\n // checkbox error\n '--checkbox-error-font-family': '{fonts.base}',\n '--checkbox-error-font-size': '{fontSizes.300}',\n '--checkbox-error-font-weight': '{fontWeights.regular}',\n '--checkbox-error-line-height': 'inherit',\n '--checkbox-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--checkbox-error-margin': '{spacing.100} 0 0 0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,cACzB,yBAA0B,cAC1B,8BAA+B,cAC/B,sCACE,iDACF,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCACjC,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDACF,oCAAqC,KAGrC,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,KAGrC,kCAAmC,uCAEnC,wBAAyB,wBAGzB,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,wBACtC,qCAAsC,UACtC,oCACE,wCACF,gCAAiC,IAGjC,wBAAyB,SACzB,sBAAuB,gBAGvB,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,UAChC,8BAA+B,uCAC/B,0BAA2B,sBAC5B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`100%`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`100%`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineWidth:`var(--text-input-input-focus-outline-width, {borders.200})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineColor:`var(--text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--text-input-input-focus-shadow)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
|
|
2
2
|
//# sourceMappingURL=text-input-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n
|
|
1
|
+
{"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineWidth:\n 'var(--text-input-input-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset:\n 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--text-input-input-focus-shadow)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,OACP,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,6DACF,aAAc,qDACd,aACE,iFACF,cACE,6DACF,UAAW,uCACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,sIACH,CACD,qCAAsC,CACpC,iBACE,sIACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-gap":`{spacing.100}`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.400}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.400}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.300}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.300}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-input-wrapper-margin-top":`{spacing.100}`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.400}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.100}`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-border-style":`solid`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.1.hovered}`,"--text-input-input-focus-outline-width":`{borders.200}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.1.focused}`,"--text-input-input-focus-shadow":`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-gap":`{spacing.100}`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.400}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.400}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.300}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.300}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-input-wrapper-margin-top":`{spacing.100}`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.400}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.100}`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-border-style":`solid`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.1.hovered}`,"--text-input-input-focus-outline-width":`{borders.200}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.1.focused}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.1.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.25`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
|
|
2
2
|
//# sourceMappingURL=text-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInput = defineRecipe({\n className: 'text-input',\n jsx: ['TextInput'],\n base: {\n /* Root */\n '--text-input-root-gap': '{spacing.100}',\n\n /* Wrapper */\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n\n /* Label */\n '--text-input-label-font-family': '{fonts.base}',\n '--text-input-label-font-size': '{fontSizes.400}',\n '--text-input-label-font-weight': '{fontWeights.medium}',\n '--text-input-label-line-height': 'inherit',\n '--text-input-label-foreground': '{colors.neutral.foreground.1.enabled}',\n\n /* Required */\n '--text-input-required-font-family': '{fonts.base}',\n '--text-input-required-font-size': '{fontSizes.400}',\n '--text-input-required-font-weight': '{fontWeights.medium}',\n '--text-input-required-foreground': '{colors.neutral.foreground.1.enabled}',\n '--text-input-required-foreground-error':\n '{colors.danger.foreground.1.enabled}',\n\n /* Description */\n '--text-input-description-font-family': '{fonts.base}',\n '--text-input-description-font-size': '{fontSizes.300}',\n '--text-input-description-font-weight': '{fontWeights.regular}',\n '--text-input-description-line-height': 'inherit',\n '--text-input-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Error */\n '--text-input-error-font-family': '{fonts.base}',\n '--text-input-error-font-size': '{fontSizes.300}',\n '--text-input-error-font-weight': '{fontWeights.regular}',\n '--text-input-error-line-height': 'inherit',\n '--text-input-error-foreground': '{colors.danger.foreground.1.enabled}',\n\n /* Input */\n '--text-input-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-input-font-family': '{fonts.base}',\n '--text-input-input-font-size': '{fontSizes.400}',\n '--text-input-input-font-weight': '{fontWeights.regular}',\n '--text-input-input-line-height': 'inherit',\n '--text-input-input-text-align': 'left',\n '--text-input-input-background': 'transparent',\n '--text-input-input-foreground': '{colors.neutral.foreground.1.enabled}',\n '--text-input-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--text-input-input-border-width': '{borders.100}',\n '--text-input-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--text-input-input-border-style': 'solid',\n '--text-input-input-radii': '{radii.200}',\n '--text-input-input-height': '{sizes.700}',\n '--text-input-input-padding-inline-start': '{spacing.300}',\n '--text-input-input-padding-inline-end': '{spacing.300}',\n '--text-input-input-transition': 'all 0.2s ease-in-out',\n\n /* Input - hover */\n '--text-input-input-hover-background': 'transparent',\n '--text-input-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-hover-foreground':\n '{colors.neutral.foreground.1.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.200}',\n '--text-input-input-focus-outline-style': 'solid',\n '--text-input-input-focus-outline-offset': '{spacing.50}',\n '--text-input-input-focus-outline-color':\n '{colors.neutral.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.1.focused}',\n '--text-input-input-focus-shadow'
|
|
1
|
+
{"version":3,"file":"text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInput = defineRecipe({\n className: 'text-input',\n jsx: ['TextInput'],\n base: {\n /* Root */\n '--text-input-root-gap': '{spacing.100}',\n\n /* Wrapper */\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n\n /* Label */\n '--text-input-label-font-family': '{fonts.base}',\n '--text-input-label-font-size': '{fontSizes.400}',\n '--text-input-label-font-weight': '{fontWeights.medium}',\n '--text-input-label-line-height': 'inherit',\n '--text-input-label-foreground': '{colors.neutral.foreground.1.enabled}',\n\n /* Required */\n '--text-input-required-font-family': '{fonts.base}',\n '--text-input-required-font-size': '{fontSizes.400}',\n '--text-input-required-font-weight': '{fontWeights.medium}',\n '--text-input-required-foreground': '{colors.neutral.foreground.1.enabled}',\n '--text-input-required-foreground-error':\n '{colors.danger.foreground.1.enabled}',\n\n /* Description */\n '--text-input-description-font-family': '{fonts.base}',\n '--text-input-description-font-size': '{fontSizes.300}',\n '--text-input-description-font-weight': '{fontWeights.regular}',\n '--text-input-description-line-height': 'inherit',\n '--text-input-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Error */\n '--text-input-error-font-family': '{fonts.base}',\n '--text-input-error-font-size': '{fontSizes.300}',\n '--text-input-error-font-weight': '{fontWeights.regular}',\n '--text-input-error-line-height': 'inherit',\n '--text-input-error-foreground': '{colors.danger.foreground.1.enabled}',\n\n /* Input */\n '--text-input-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-input-font-family': '{fonts.base}',\n '--text-input-input-font-size': '{fontSizes.400}',\n '--text-input-input-font-weight': '{fontWeights.regular}',\n '--text-input-input-line-height': 'inherit',\n '--text-input-input-text-align': 'left',\n '--text-input-input-background': 'transparent',\n '--text-input-input-foreground': '{colors.neutral.foreground.1.enabled}',\n '--text-input-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--text-input-input-border-width': '{borders.100}',\n '--text-input-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--text-input-input-border-style': 'solid',\n '--text-input-input-radii': '{radii.200}',\n '--text-input-input-height': '{sizes.700}',\n '--text-input-input-padding-inline-start': '{spacing.300}',\n '--text-input-input-padding-inline-end': '{spacing.300}',\n '--text-input-input-transition': 'all 0.2s ease-in-out',\n\n /* Input - hover */\n '--text-input-input-hover-background': 'transparent',\n '--text-input-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-hover-foreground':\n '{colors.neutral.foreground.1.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.200}',\n '--text-input-input-focus-outline-style': 'solid',\n '--text-input-input-focus-outline-offset': '{spacing.50}',\n '--text-input-input-focus-outline-color':\n '{colors.neutral.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.1.focused}',\n '--text-input-input-focus-shadow': 'none',\n\n /* Input - disabled */\n '--text-input-input-disabled-background': 'transparent',\n '--text-input-input-disabled-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--text-input-input-disabled-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-disabled-opacity': '0.25',\n\n /* Input - sections */\n '--text-input-section-size': '{sizes.600}',\n '--text-input-left-section-width': '{sizes.600}',\n '--text-input-right-section-width': '{sizes.600}',\n '--text-input-left-section-position': '{spacing.200}',\n '--text-input-right-section-position': '{spacing.200}',\n '--text-input-left-section-pointer-events': 'none',\n '--text-input-right-section-pointer-events': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CAEJ,wBAAyB,gBAGzB,kCAAmC,gBACnC,wCAAyC,MAGzC,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,uBAClC,iCAAkC,UAClC,gCAAiC,wCAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,mCAAoC,wCACpC,yCACE,uCAGF,uCAAwC,eACxC,qCAAsC,kBACtC,uCAAwC,wBACxC,uCAAwC,UACxC,sCACE,wCAGF,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,uCAGjC,wCAAyC,gBACzC,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,OACjC,gCAAiC,cACjC,gCAAiC,wCACjC,kCAAmC,oCACnC,4CACE,wCACF,kCAAmC,gBACnC,wCAAyC,mCACzC,kCAAmC,QACnC,2BAA4B,cAC5B,4BAA6B,cAC7B,0CAA2C,gBAC3C,wCAAyC,gBACzC,gCAAiC,uBAGjC,sCAAuC,cACvC,wCACE,oCACF,sCACE,wCAGF,yCAA0C,gBAC1C,yCAA0C,QAC1C,0CAA2C,eAC3C,yCACE,oCACF,wCACE,oCACF,kCAAmC,OAGnC,yCAA0C,cAC1C,yCACE,wCACF,2CACE,oCACF,sCAAuC,OAGvC,4BAA6B,cAC7B,kCAAmC,cACnC,mCAAoC,cACpC,qCAAsC,gBACtC,sCAAuC,gBACvC,2CAA4C,OAC5C,4CAA6C,OAC9C,CACF,CAAC"}
|