@mage-ui/preset 1.0.187 → 1.0.188
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-error.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-error.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/data-display/icons/icon-wrapped/icon-wrapped-root.mjs +1 -1
- package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.mjs.map +1 -1
- package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped.mjs +1 -1
- package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped.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.300})`,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};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__description`,jsx:[`Checkbox`],base:{order:`var(--checkbox-description-order, 2)`,fontFamily:`var(--checkbox-description-font-family, {fonts.base})`,fontSize:`var(--checkbox-description-font-size, {fontSizes.300})`,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.300})',\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
|
+
{"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 order: 'var(--checkbox-description-order, 2)',\n fontFamily: 'var(--checkbox-description-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-description-font-size, {fontSizes.300})',\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,MAAO,uCACP,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__error`,jsx:[`Checkbox`],base:{fontFamily:`var(--checkbox-error-font-family, {fonts.base})`,fontSize:`var(--checkbox-error-font-size, {fontSizes.200})`,fontWeight:`var(--checkbox-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--checkbox-error-line-height, inherit)`,color:`var(--checkbox-error-foreground, {colors.danger.foreground.1.enabled})`,margin:`var(--checkbox-error-margin, {spacing.100} 0 0 0)`}});export{t as checkboxError};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__error`,jsx:[`Checkbox`],base:{order:`var(--checkbox-error-order, 3)`,fontFamily:`var(--checkbox-error-font-family, {fonts.base})`,fontSize:`var(--checkbox-error-font-size, {fontSizes.200})`,fontWeight:`var(--checkbox-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--checkbox-error-line-height, inherit)`,color:`var(--checkbox-error-foreground, {colors.danger.foreground.1.enabled})`,margin:`var(--checkbox-error-margin, {spacing.100} 0 0 0)`}});export{t as checkboxError};
|
|
2
2
|
//# sourceMappingURL=checkbox-error.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-error.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxError = defineRecipe({\n className: 'checkbox__error',\n jsx: ['Checkbox'],\n base: {\n fontFamily: 'var(--checkbox-error-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-error-font-size, {fontSizes.200})',\n fontWeight: 'var(--checkbox-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--checkbox-error-line-height, inherit)',\n color:\n 'var(--checkbox-error-foreground, {colors.danger.foreground.1.enabled})',\n margin: 'var(--checkbox-error-margin, {spacing.100} 0 0 0)',\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,6CACZ,MACE,yEACF,OAAQ,oDACT,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"checkbox-error.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxError = defineRecipe({\n className: 'checkbox__error',\n jsx: ['Checkbox'],\n base: {\n order: 'var(--checkbox-error-order, 3)',\n fontFamily: 'var(--checkbox-error-font-family, {fonts.base})',\n fontSize: 'var(--checkbox-error-font-size, {fontSizes.200})',\n fontWeight: 'var(--checkbox-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--checkbox-error-line-height, inherit)',\n color:\n 'var(--checkbox-error-foreground, {colors.danger.foreground.1.enabled})',\n margin: 'var(--checkbox-error-margin, {spacing.100} 0 0 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MAAO,iCACP,WAAY,kDACZ,SAAU,mDACV,WAAY,2DACZ,WAAY,6CACZ,MACE,yEACF,OAAQ,oDACT,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.300})`,fontWeight:`var(--checkbox-label-font-weight, {fontWeights.regular})`,lineHeight:`var(--checkbox-label-line-height, 1.4)`,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};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__label`,jsx:[`Checkbox`],base:{order:`var(--checkbox-label-order, 1)`,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.4)`,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.300})',\n fontWeight: 'var(--checkbox-label-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--checkbox-label-line-height, 1.4)',\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
|
+
{"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 order: 'var(--checkbox-label-order, 1)',\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.4)',\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,MAAO,iCACP,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-input-size":`{sizes.300}`,"--checkbox-input-radii":`{radii.100}`,"--checkbox-input-background":`transparent`,"--checkbox-input-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--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-input-focus-outline-width":`{borders.100}`,"--checkbox-input-focus-outline-style":`solid`,"--checkbox-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--checkbox-input-focus-outline-offset":`{spacing.50}`,"--checkbox-input-focus-shadow":`none`,"--checkbox-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--checkbox-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--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.neutral.foreground.2.enabled}`,"--checkbox-label-required-color-error":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.300}`,"--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.200}`,"--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};
|
|
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-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--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-input-focus-outline-width":`{borders.100}`,"--checkbox-input-focus-outline-style":`solid`,"--checkbox-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--checkbox-input-focus-outline-offset":`{spacing.50}`,"--checkbox-input-focus-shadow":`none`,"--checkbox-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--checkbox-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--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-order":`1`,"--checkbox-label-required-color":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-required-color-error":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.300}`,"--checkbox-description-font-weight":`{fontWeights.regular}`,"--checkbox-description-line-height":`inherit`,"--checkbox-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-description-margin":`0`,"--checkbox-description-order":`2`,"--checkbox-body-align":`center`,"--checkbox-body-gap":`{spacing.200}`,"--checkbox-error-font-family":`{fonts.base}`,"--checkbox-error-font-size":`{fontSizes.200}`,"--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`,"--checkbox-error-order":`3`}});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 // checkbox input enabled\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // checkbox input checked\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\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\n // checkbox input disabled\n '--checkbox-input-opacity-disabled': '.5',\n\n // checkbox input focus\n '--checkbox-input-focus-outline-width': '{borders.100}',\n '--checkbox-input-focus-outline-style': 'solid',\n '--checkbox-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--checkbox-input-focus-outline-offset': '{spacing.50}',\n '--checkbox-input-focus-shadow': 'none',\n\n // checkbox input error\n '--checkbox-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--checkbox-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\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.neutral.foreground.2.enabled}',\n '--checkbox-label-required-color-error':\n '{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.300}',\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.200}',\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,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCAGjC,sCACE,iDACF,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDAGF,oCAAqC,KAGrC,uCAAwC,gBACxC,uCAAwC,QACxC,uCAAwC,oCACxC,wCAAyC,eACzC,gCAAiC,OAGjC,sCAAuC,mCACvC,6CACE,mCAGF,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,
|
|
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 enabled\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // checkbox input checked\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\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\n // checkbox input disabled\n '--checkbox-input-opacity-disabled': '.5',\n\n // checkbox input focus\n '--checkbox-input-focus-outline-width': '{borders.100}',\n '--checkbox-input-focus-outline-style': 'solid',\n '--checkbox-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--checkbox-input-focus-outline-offset': '{spacing.50}',\n '--checkbox-input-focus-shadow': 'none',\n\n // checkbox input error\n '--checkbox-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--checkbox-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\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 '--checkbox-label-order': '1',\n\n // checkbox label required\n '--checkbox-label-required-color': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-required-color-error':\n '{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.300}',\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 '--checkbox-description-order': '2',\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.200}',\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 '--checkbox-error-order': '3',\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,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCAGjC,sCACE,iDACF,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDAGF,oCAAqC,KAGrC,uCAAwC,gBACxC,uCAAwC,QACxC,uCAAwC,oCACxC,wCAAyC,eACzC,gCAAiC,OAGjC,sCAAuC,mCACvC,6CACE,mCAGF,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,KACrC,yBAA0B,IAG1B,kCAAmC,wCACnC,wCACE,uCAEF,wBAAyB,wBAGzB,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,wBACtC,qCAAsC,UACtC,oCACE,wCACF,gCAAiC,IACjC,+BAAgC,IAGhC,wBAAyB,SACzB,sBAAuB,gBAGvB,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,UAChC,8BAA+B,uCAC/B,0BAA2B,sBAC3B,yBAA0B,IAC3B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon-wrapped__root`,jsx:[`IconWrapped`],base:{display:`inline-flex`,flexFlow:`row nowrap`,alignItems:`center`,justifyContent:`center`,backgroundColor:`var(--icon-wrapped-background, {colors.neutral.background.2.enabled})`,color:`var(--icon-wrapped-foreground, {colors.neutral.foreground.2.enabled})`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon-wrapped__root`,jsx:[`IconWrapped`],base:{display:`inline-flex`,flexFlow:`row nowrap`,alignItems:`center`,justifyContent:`center`,backgroundColor:`var(--icon-wrapped-background, {colors.neutral.background.2.enabled})`,color:`var(--icon-wrapped-foreground, {colors.neutral.foreground.2.enabled})`,minWidth:`var(--icon-wrapped-size, {sizes.600})`,minHeight:`var(--icon-wrapped-size, {sizes.600})`,borderRadius:`var(--icon-wrapped-radii, {radii.900})`,borderWidth:`var(--icon-wrapped-border-width, {borders.100})`,borderStyle:`var(--icon-wrapped-border-style, solid)`,borderColor:`var(--icon-wrapped-border-color, transparent)`,paddingInline:`var(--icon-wrapped-padding-inline, {spacing.200})`,paddingBlock:`var(--icon-wrapped-padding-block, {spacing.200})`,aspectRatio:`var(--icon-wrapped-aspect-ratio, 1 / 1)`}});export{t as iconWrappedRoot};
|
|
2
2
|
//# sourceMappingURL=icon-wrapped-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-wrapped-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const iconWrappedRoot = defineRecipe({\n className: 'icon-wrapped__root',\n jsx: ['IconWrapped'],\n base: {\n display: 'inline-flex',\n flexFlow: 'row nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor:\n 'var(--icon-wrapped-background, {colors.neutral.background.2.enabled})',\n color:\n 'var(--icon-wrapped-foreground, {colors.neutral.foreground.2.enabled})',\n
|
|
1
|
+
{"version":3,"file":"icon-wrapped-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const iconWrappedRoot = defineRecipe({\n className: 'icon-wrapped__root',\n jsx: ['IconWrapped'],\n base: {\n display: 'inline-flex',\n flexFlow: 'row nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor:\n 'var(--icon-wrapped-background, {colors.neutral.background.2.enabled})',\n color:\n 'var(--icon-wrapped-foreground, {colors.neutral.foreground.2.enabled})',\n minWidth: 'var(--icon-wrapped-size, {sizes.600})',\n minHeight: 'var(--icon-wrapped-size, {sizes.600})',\n borderRadius: 'var(--icon-wrapped-radii, {radii.900})',\n borderWidth: 'var(--icon-wrapped-border-width, {borders.100})',\n borderStyle: 'var(--icon-wrapped-border-style, solid)',\n borderColor: 'var(--icon-wrapped-border-color, transparent)',\n paddingInline: 'var(--icon-wrapped-padding-inline, {spacing.200})',\n paddingBlock: 'var(--icon-wrapped-padding-block, {spacing.200})',\n aspectRatio: 'var(--icon-wrapped-aspect-ratio, 1 / 1)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,cAAc,CACpB,KAAM,CACJ,QAAS,cACT,SAAU,aACV,WAAY,SACZ,eAAgB,SAChB,gBACE,wEACF,MACE,wEACF,SAAU,wCACV,UAAW,wCACX,aAAc,yCACd,YAAa,kDACb,YAAa,0CACb,YAAa,gDACb,cAAe,oDACf,aAAc,mDACd,YAAa,0CACd,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon-wrapped`,jsx:[`IconWrapped`],base:{"--icon-wrapped-size":`{sizes.600}`,"--icon-wrapped-background":`{colors.neutral.background.2.enabled}`,"--icon-wrapped-foreground":`{colors.neutral.foreground.2.enabled}`,"--icon-wrapped-radii":`{radii.900}`,"--icon-wrapped-border-width":`{borders.0}`,"--icon-wrapped-border-style":`solid`,"--icon-wrapped-border-color":`transparent`,"--icon-wrapped-padding-inline":`{spacing.200}`,"--icon-wrapped-padding-block":`{spacing.200}`}});export{t as iconWrapped};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon-wrapped`,jsx:[`IconWrapped`],base:{"--icon-wrapped-size":`{sizes.600}`,"--icon-wrapped-background":`{colors.neutral.background.2.enabled}`,"--icon-wrapped-foreground":`{colors.neutral.foreground.2.enabled}`,"--icon-wrapped-radii":`{radii.900}`,"--icon-wrapped-border-width":`{borders.0}`,"--icon-wrapped-border-style":`solid`,"--icon-wrapped-border-color":`transparent`,"--icon-wrapped-padding-inline":`{spacing.200}`,"--icon-wrapped-padding-block":`{spacing.200}`,"--icon-wrapped-aspect-ratio":`1 / 1`}});export{t as iconWrapped};
|
|
2
2
|
//# sourceMappingURL=icon-wrapped.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-wrapped.mjs","names":[],"sources":["../../../../../src/recipes/data-display/icons/icon-wrapped/icon-wrapped.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const iconWrapped = defineRecipe({\n className: 'icon-wrapped',\n jsx: ['IconWrapped'],\n base: {\n '--icon-wrapped-size': '{sizes.600}',\n '--icon-wrapped-background': '{colors.neutral.background.2.enabled}',\n '--icon-wrapped-foreground': '{colors.neutral.foreground.2.enabled}',\n '--icon-wrapped-radii': '{radii.900}',\n '--icon-wrapped-border-width': '{borders.0}',\n '--icon-wrapped-border-style': 'solid',\n '--icon-wrapped-border-color': 'transparent',\n '--icon-wrapped-padding-inline': '{spacing.200}',\n '--icon-wrapped-padding-block': '{spacing.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,cAAc,CACpB,KAAM,CACJ,sBAAuB,cACvB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,uBAAwB,cACxB,8BAA+B,cAC/B,8BAA+B,QAC/B,8BAA+B,cAC/B,gCAAiC,gBACjC,+BAAgC,
|
|
1
|
+
{"version":3,"file":"icon-wrapped.mjs","names":[],"sources":["../../../../../src/recipes/data-display/icons/icon-wrapped/icon-wrapped.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const iconWrapped = defineRecipe({\n className: 'icon-wrapped',\n jsx: ['IconWrapped'],\n base: {\n '--icon-wrapped-size': '{sizes.600}',\n '--icon-wrapped-background': '{colors.neutral.background.2.enabled}',\n '--icon-wrapped-foreground': '{colors.neutral.foreground.2.enabled}',\n '--icon-wrapped-radii': '{radii.900}',\n '--icon-wrapped-border-width': '{borders.0}',\n '--icon-wrapped-border-style': 'solid',\n '--icon-wrapped-border-color': 'transparent',\n '--icon-wrapped-padding-inline': '{spacing.200}',\n '--icon-wrapped-padding-block': '{spacing.200}',\n '--icon-wrapped-aspect-ratio': '1 / 1',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,cAAc,CACpB,KAAM,CACJ,sBAAuB,cACvB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,uBAAwB,cACxB,8BAA+B,cAC/B,8BAA+B,QAC/B,8BAA+B,cAC/B,gCAAiC,gBACjC,+BAAgC,gBAChC,8BAA+B,QAChC,CACF,CAAC"}
|