@mage-ui/preset 1.0.4 → 1.0.6
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/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/utils/clear-button/clear-button.mjs +1 -1
- package/dist/recipes/controls/utils/clear-button/clear-button.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:`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`},"
|
|
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"] &':{"--text-input-input-border-color":`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 '
|
|
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 '--text-input-input-border-color':\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\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,OAAQ,CACN,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,kCACE,+EACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`clear-button`,jsx:[`ClearButton`],base:{"--button-icon-radii":`var(--clear-button-radii, {radii.100})`,"--button-icon-disabled-opacity":`var(--clear-button-disabled-opacity, .5)`,"--button-icon-transition":`var(--clear-button-transition, {animations.base.100})`,"--button-icon-align":`var(--clear-button-align, center)`,"--button-icon-height":`var(--clear-button-height, {sizes.200})`,"--button-icon-padding-inline":`var(--clear-button-padding-inline, 0)`,"--button-icon-background":`var(--clear-button-background {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--button-icon-border-color":`var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--clear-button-border-width, {borders.100})`,"--button-icon-border-style":`var(--clear-button-border-style, solid)`,"--button-icon-focus-outline-width":`var(--clear-button-focus-outline-width, {borders.200})`,"--button-icon-focus-outline-style":`var(--clear-button-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--clear-button-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--clear-button-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-icon-icon-size":`66%`}});export{t as clearButton};
|
|
1
|
+
import{buttonIcon as e}from"../../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`clear-button`,jsx:[`ClearButton`],base:{"--button-icon-radii":`var(--clear-button-radii, {radii.100})`,"--button-icon-disabled-opacity":`var(--clear-button-disabled-opacity, .5)`,"--button-icon-transition":`var(--clear-button-transition, {animations.base.100})`,"--button-icon-align":`var(--clear-button-align, center)`,"--button-icon-height":`var(--clear-button-height, {sizes.200})`,"--button-icon-padding-inline":`var(--clear-button-padding-inline, 0)`,"--button-icon-background":`var(--clear-button-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--button-icon-border-color":`var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--clear-button-border-width, {borders.100})`,"--button-icon-border-style":`var(--clear-button-border-style, solid)`,"--button-icon-focus-outline-width":`var(--clear-button-focus-outline-width, {borders.200})`,"--button-icon-focus-outline-style":`var(--clear-button-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--clear-button-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--clear-button-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-icon-icon-size":`66%`}});export{t as clearButton};
|
|
2
2
|
//# sourceMappingURL=clear-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clear-button.mjs","names":[],"sources":["../../../../../src/recipes/controls/utils/clear-button/clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { buttonIcon } from '../../../buttons/button-icon/button-icon';\n\nexport const clearButton = buttonIcon.merge({\n className: 'clear-button',\n jsx: ['ClearButton'],\n base: {\n '--button-icon-radii': 'var(--clear-button-radii, {radii.100})',\n '--button-icon-disabled-opacity'
|
|
1
|
+
{"version":3,"file":"clear-button.mjs","names":[],"sources":["../../../../../src/recipes/controls/utils/clear-button/clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { buttonIcon } from '../../../buttons/button-icon/button-icon';\n\nexport const clearButton = buttonIcon.merge({\n className: 'clear-button',\n jsx: ['ClearButton'],\n base: {\n '--button-icon-radii': 'var(--clear-button-radii, {radii.100})',\n '--button-icon-disabled-opacity':\n 'var(--clear-button-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--clear-button-transition, {animations.base.100})',\n '--button-icon-align': 'var(--clear-button-align, center)',\n '--button-icon-height': 'var(--clear-button-height, {sizes.200})',\n '--button-icon-padding-inline': 'var(--clear-button-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--clear-button-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--button-icon-border-color':\n 'var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--clear-button-border-width, {borders.100})',\n '--button-icon-border-style': 'var(--clear-button-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--clear-button-focus-outline-width, {borders.200})',\n '--button-icon-focus-outline-style':\n 'var(--clear-button-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--clear-button-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--clear-button-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n\n '--button-icon-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAKA,MAAa,EAAc,EAAW,MAAM,CAC1C,UAAW,eACX,IAAK,CAAC,cAAc,CACpB,KAAM,CACJ,sBAAuB,yCACvB,iCACE,2CACF,2BACE,wDACF,sBAAuB,oCACvB,uBAAwB,0CACxB,+BAAgC,wCAEhC,2BACE,wEACF,iCACE,8EAEF,2BACE,wEACF,iCACE,8EAEF,6BACE,sEACF,mCACE,4EAEF,6BACE,mDACF,6BAA8B,0CAE9B,oCACE,yDACF,oCACE,iDACF,qCACE,yDACF,oCACE,6EAEF,0BAA2B,MAC5B,CACF,CAAC"}
|