@mage-ui/preset 1.0.152 → 1.0.153

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.
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`indicator__label`,jsx:[`Indicator`],base:{boxSizing:`border-box`,position:`absolute`,fontFamily:`var(--indicator-font-family, {fonts.base})`,fontSize:`var(--indicator-font-size, {fontSizes.100})`,lineHeight:`var(--indicator-line-height, inherit)`,backgroundColor:`var(--indicator-background, {colors.neutral.background.1.enabled})`,color:`var(--indicator-foreground, {colors.neutral.foreground.1.enabled})`,minWidth:`var(--indicator-min-width, 1rem)`,minHeight:`var(--indicator-min-height, 1rem)`,borderRadius:`var(--indicator-border-radius, {radii.900})`,borderWidth:`var(--indicator-border-width, {borders.100})`,borderStyle:`var(--indicator-border-style, solid)`,borderColor:`var(--indicator-border-color, {colors.neutral.stroke.1.enabled})`,display:`inline-flex`,flexWrap:`nowrap`,flexDirection:`row`,justifyContent:`center`,alignItems:`center`,textAlign:`center`,zIndex:`100`,userSelect:`none`,paddingInline:`var(--indicator-padding-inline, {spacing.50})`,_empty:{backgroundColor:`var(--indicator-empty-background, {colors.danger.background.1.enabled})`,minWidth:`var(--indicator-empty-width, .75rem)`,minHeight:`var(--indicator-empty-height, .75rem)`,borderRadius:`var(--indicator-empty-border-radius, {radii.900})`,borderWidth:`var(--indicator-empty-border-width, {borders.100})`,borderStyle:`var(--indicator-empty-border-style, solid)`,borderColor:`var(--indicator-empty-border-color, {colors.danger.stroke.1.enabled})`,paddingInline:`0`}},variants:{position:{"top-start":{top:0,left:0,transform:`translate(-50%, -50%)`},"top-center":{top:0,left:`50%`,transform:`translate(-50%, -50%)`},"top-end":{top:0,right:0,transform:`translate(50%, -50%)`},"center-start":{top:`50%`,left:0,transform:`translate(-50%, -50%)`},"center-end":{top:`50%`,right:0,transform:`translate(50%, -50%)`},"center-center":{top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`},"bottom-start":{bottom:0,left:0,transform:`translate(-50%, 50%)`},"bottom-end":{bottom:0,right:0,transform:`translate(50%, 50%)`},"bottom-center":{bottom:0,left:`50%`,transform:`translate(-50%, 50%)`}}}});export{t as indicatorLabel};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`indicator__label`,jsx:[`Indicator`],base:{boxSizing:`border-box`,position:`absolute`,fontFamily:`var(--indicator-font-family, {fonts.base})`,fontSize:`var(--indicator-font-size, {fontSizes.100})`,lineHeight:`var(--indicator-line-height, inherit)`,backgroundColor:`var(--indicator-background, {colors.neutral.background.1.enabled})`,color:`var(--indicator-foreground, {colors.neutral.foreground.1.enabled})`,minWidth:`var(--indicator-min-width, 1rem)`,minHeight:`var(--indicator-min-height, 1rem)`,borderRadius:`var(--indicator-border-radius, {radii.900})`,borderWidth:`var(--indicator-border-width, {borders.100})`,borderStyle:`var(--indicator-border-style, solid)`,borderColor:`var(--indicator-border-color, {colors.neutral.stroke.1.enabled})`,display:`inline-flex`,flexWrap:`nowrap`,flexDirection:`row`,justifyContent:`center`,alignItems:`center`,textAlign:`center`,zIndex:`var(--indicator-zindex, unset)`,userSelect:`none`,paddingInline:`var(--indicator-padding-inline, {spacing.50})`,_empty:{backgroundColor:`var(--indicator-empty-background, {colors.danger.background.1.enabled})`,minWidth:`var(--indicator-empty-width, .75rem)`,minHeight:`var(--indicator-empty-height, .75rem)`,borderRadius:`var(--indicator-empty-border-radius, {radii.900})`,borderWidth:`var(--indicator-empty-border-width, {borders.100})`,borderStyle:`var(--indicator-empty-border-style, solid)`,borderColor:`var(--indicator-empty-border-color, {colors.danger.stroke.1.enabled})`,paddingInline:`0`}},variants:{position:{"top-start":{top:0,left:0,transform:`translate(-50%, -50%)`},"top-center":{top:0,left:`50%`,transform:`translate(-50%, -50%)`},"top-end":{top:0,right:0,transform:`translate(50%, -50%)`},"center-start":{top:`50%`,left:0,transform:`translate(-50%, -50%)`},"center-end":{top:`50%`,right:0,transform:`translate(50%, -50%)`},"center-center":{top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`},"bottom-start":{bottom:0,left:0,transform:`translate(-50%, 50%)`},"bottom-end":{bottom:0,right:0,transform:`translate(50%, 50%)`},"bottom-center":{bottom:0,left:`50%`,transform:`translate(-50%, 50%)`}}}});export{t as indicatorLabel};
2
2
  //# sourceMappingURL=indicator-label.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"indicator-label.mjs","names":[],"sources":["../../../../src/recipes/data-display/indicator/indicator-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const indicatorLabel = defineRecipe({\n className: 'indicator__label',\n jsx: ['Indicator'],\n base: {\n boxSizing: 'border-box',\n position: 'absolute',\n fontFamily: 'var(--indicator-font-family, {fonts.base})',\n fontSize: 'var(--indicator-font-size, {fontSizes.100})',\n lineHeight: 'var(--indicator-line-height, inherit)',\n backgroundColor:\n 'var(--indicator-background, {colors.neutral.background.1.enabled})',\n color: 'var(--indicator-foreground, {colors.neutral.foreground.1.enabled})',\n minWidth: 'var(--indicator-min-width, 1rem)',\n minHeight: 'var(--indicator-min-height, 1rem)',\n borderRadius: 'var(--indicator-border-radius, {radii.900})',\n borderWidth: 'var(--indicator-border-width, {borders.100})',\n borderStyle: 'var(--indicator-border-style, solid)',\n borderColor:\n 'var(--indicator-border-color, {colors.neutral.stroke.1.enabled})',\n display: 'inline-flex',\n flexWrap: 'nowrap',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n zIndex: '100',\n userSelect: 'none',\n paddingInline: 'var(--indicator-padding-inline, {spacing.50})',\n\n _empty: {\n backgroundColor:\n 'var(--indicator-empty-background, {colors.danger.background.1.enabled})',\n minWidth: 'var(--indicator-empty-width, .75rem)',\n minHeight: 'var(--indicator-empty-height, .75rem)',\n borderRadius: 'var(--indicator-empty-border-radius, {radii.900})',\n borderWidth: 'var(--indicator-empty-border-width, {borders.100})',\n borderStyle: 'var(--indicator-empty-border-style, solid)',\n borderColor:\n 'var(--indicator-empty-border-color, {colors.danger.stroke.1.enabled})',\n paddingInline: '0',\n },\n },\n variants: {\n position: {\n 'top-start': { top: 0, left: 0, transform: 'translate(-50%, -50%)' },\n 'top-center': { top: 0, left: '50%', transform: 'translate(-50%, -50%)' },\n 'top-end': { top: 0, right: 0, transform: 'translate(50%, -50%)' },\n 'center-start': {\n top: '50%',\n left: 0,\n transform: 'translate(-50%, -50%)',\n },\n 'center-end': { top: '50%', right: 0, transform: 'translate(50%, -50%)' },\n 'center-center': {\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n },\n 'bottom-start': { bottom: 0, left: 0, transform: 'translate(-50%, 50%)' },\n 'bottom-end': { bottom: 0, right: 0, transform: 'translate(50%, 50%)' },\n 'bottom-center': {\n bottom: 0,\n left: '50%',\n transform: 'translate(-50%, 50%)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,UAAW,aACX,SAAU,WACV,WAAY,6CACZ,SAAU,8CACV,WAAY,wCACZ,gBACE,qEACF,MAAO,qEACP,SAAU,mCACV,UAAW,oCACX,aAAc,8CACd,YAAa,+CACb,YAAa,uCACb,YACE,mEACF,QAAS,cACT,SAAU,SACV,cAAe,MACf,eAAgB,SAChB,WAAY,SACZ,UAAW,SACX,OAAQ,MACR,WAAY,OACZ,cAAe,gDAEf,OAAQ,CACN,gBACE,0EACF,SAAU,uCACV,UAAW,wCACX,aAAc,oDACd,YAAa,qDACb,YAAa,6CACb,YACE,wEACF,cAAe,IAChB,CACF,CACD,SAAU,CACR,SAAU,CACR,YAAa,CAAE,IAAK,EAAG,KAAM,EAAG,UAAW,wBAAyB,CACpE,aAAc,CAAE,IAAK,EAAG,KAAM,MAAO,UAAW,wBAAyB,CACzE,UAAW,CAAE,IAAK,EAAG,MAAO,EAAG,UAAW,uBAAwB,CAClE,eAAgB,CACd,IAAK,MACL,KAAM,EACN,UAAW,wBACZ,CACD,aAAc,CAAE,IAAK,MAAO,MAAO,EAAG,UAAW,uBAAwB,CACzE,gBAAiB,CACf,IAAK,MACL,KAAM,MACN,UAAW,wBACZ,CACD,eAAgB,CAAE,OAAQ,EAAG,KAAM,EAAG,UAAW,uBAAwB,CACzE,aAAc,CAAE,OAAQ,EAAG,MAAO,EAAG,UAAW,sBAAuB,CACvE,gBAAiB,CACf,OAAQ,EACR,KAAM,MACN,UAAW,uBACZ,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"indicator-label.mjs","names":[],"sources":["../../../../src/recipes/data-display/indicator/indicator-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const indicatorLabel = defineRecipe({\n className: 'indicator__label',\n jsx: ['Indicator'],\n base: {\n boxSizing: 'border-box',\n position: 'absolute',\n fontFamily: 'var(--indicator-font-family, {fonts.base})',\n fontSize: 'var(--indicator-font-size, {fontSizes.100})',\n lineHeight: 'var(--indicator-line-height, inherit)',\n backgroundColor:\n 'var(--indicator-background, {colors.neutral.background.1.enabled})',\n color: 'var(--indicator-foreground, {colors.neutral.foreground.1.enabled})',\n minWidth: 'var(--indicator-min-width, 1rem)',\n minHeight: 'var(--indicator-min-height, 1rem)',\n borderRadius: 'var(--indicator-border-radius, {radii.900})',\n borderWidth: 'var(--indicator-border-width, {borders.100})',\n borderStyle: 'var(--indicator-border-style, solid)',\n borderColor:\n 'var(--indicator-border-color, {colors.neutral.stroke.1.enabled})',\n display: 'inline-flex',\n flexWrap: 'nowrap',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n zIndex: 'var(--indicator-zindex, unset)',\n userSelect: 'none',\n paddingInline: 'var(--indicator-padding-inline, {spacing.50})',\n\n _empty: {\n backgroundColor:\n 'var(--indicator-empty-background, {colors.danger.background.1.enabled})',\n minWidth: 'var(--indicator-empty-width, .75rem)',\n minHeight: 'var(--indicator-empty-height, .75rem)',\n borderRadius: 'var(--indicator-empty-border-radius, {radii.900})',\n borderWidth: 'var(--indicator-empty-border-width, {borders.100})',\n borderStyle: 'var(--indicator-empty-border-style, solid)',\n borderColor:\n 'var(--indicator-empty-border-color, {colors.danger.stroke.1.enabled})',\n paddingInline: '0',\n },\n },\n variants: {\n position: {\n 'top-start': { top: 0, left: 0, transform: 'translate(-50%, -50%)' },\n 'top-center': { top: 0, left: '50%', transform: 'translate(-50%, -50%)' },\n 'top-end': { top: 0, right: 0, transform: 'translate(50%, -50%)' },\n 'center-start': {\n top: '50%',\n left: 0,\n transform: 'translate(-50%, -50%)',\n },\n 'center-end': { top: '50%', right: 0, transform: 'translate(50%, -50%)' },\n 'center-center': {\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n },\n 'bottom-start': { bottom: 0, left: 0, transform: 'translate(-50%, 50%)' },\n 'bottom-end': { bottom: 0, right: 0, transform: 'translate(50%, 50%)' },\n 'bottom-center': {\n bottom: 0,\n left: '50%',\n transform: 'translate(-50%, 50%)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,UAAW,aACX,SAAU,WACV,WAAY,6CACZ,SAAU,8CACV,WAAY,wCACZ,gBACE,qEACF,MAAO,qEACP,SAAU,mCACV,UAAW,oCACX,aAAc,8CACd,YAAa,+CACb,YAAa,uCACb,YACE,mEACF,QAAS,cACT,SAAU,SACV,cAAe,MACf,eAAgB,SAChB,WAAY,SACZ,UAAW,SACX,OAAQ,iCACR,WAAY,OACZ,cAAe,gDAEf,OAAQ,CACN,gBACE,0EACF,SAAU,uCACV,UAAW,wCACX,aAAc,oDACd,YAAa,qDACb,YAAa,6CACb,YACE,wEACF,cAAe,IAChB,CACF,CACD,SAAU,CACR,SAAU,CACR,YAAa,CAAE,IAAK,EAAG,KAAM,EAAG,UAAW,wBAAyB,CACpE,aAAc,CAAE,IAAK,EAAG,KAAM,MAAO,UAAW,wBAAyB,CACzE,UAAW,CAAE,IAAK,EAAG,MAAO,EAAG,UAAW,uBAAwB,CAClE,eAAgB,CACd,IAAK,MACL,KAAM,EACN,UAAW,wBACZ,CACD,aAAc,CAAE,IAAK,MAAO,MAAO,EAAG,UAAW,uBAAwB,CACzE,gBAAiB,CACf,IAAK,MACL,KAAM,MACN,UAAW,wBACZ,CACD,eAAgB,CAAE,OAAQ,EAAG,KAAM,EAAG,UAAW,uBAAwB,CACzE,aAAc,CAAE,OAAQ,EAAG,MAAO,EAAG,UAAW,sBAAuB,CACvE,gBAAiB,CACf,OAAQ,EACR,KAAM,MACN,UAAW,uBACZ,CACF,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`indicator`,jsx:[`Indicator`],base:{"--indicator-font-family":`{fonts.base}`,"--indicator-font-size":`{fontSizes.200}`,"--indicator-line-height":`1`,"--indicator-background":`{colors.neutral.background.1.enabled}`,"--indicator-foreground":`{colors.neutral.foreground.1.enabled}`,"--indicator-min-width":`1rem`,"--indicator-min-height":`1rem`,"--indicator-border-radius":`{radii.900}`,"--indicator-border-width":`{borders.100}`,"--indicator-border-style":`solid`,"--indicator-border-color":`{colors.neutral.stroke.1.enabled}`,"--indicator-padding-inline":`{spacing.50}`,"--indicator-empty-background":`{colors.danger.background.1.enabled}`,"--indicator-empty-width":`.75rem`,"--indicator-empty-height":`.75rem`,"--indicator-empty-border-radius":`{radii.900}`,"--indicator-empty-border-width":`{borders.100}`,"--indicator-empty-border-style":`solid`,"--indicator-empty-border-color":`{colors.danger.stroke.1.enabled}`}});export{t as indicator};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`indicator`,jsx:[`Indicator`],base:{"--indicator-font-family":`{fonts.base}`,"--indicator-font-size":`{fontSizes.200}`,"--indicator-line-height":`1`,"--indicator-background":`{colors.neutral.background.1.enabled}`,"--indicator-foreground":`{colors.neutral.foreground.1.enabled}`,"--indicator-min-width":`1rem`,"--indicator-min-height":`1rem`,"--indicator-border-radius":`{radii.900}`,"--indicator-border-width":`{borders.100}`,"--indicator-border-style":`solid`,"--indicator-border-color":`{colors.neutral.stroke.1.enabled}`,"--indicator-padding-inline":`{spacing.50}`,"--indicator-empty-background":`{colors.danger.background.1.enabled}`,"--indicator-empty-width":`.75rem`,"--indicator-empty-height":`.75rem`,"--indicator-empty-border-radius":`{radii.900}`,"--indicator-empty-border-width":`{borders.100}`,"--indicator-empty-border-style":`solid`,"--indicator-empty-border-color":`{colors.danger.stroke.1.enabled}`,"--indicator-zindex":`unset`}});export{t as indicator};
2
2
  //# sourceMappingURL=indicator.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"indicator.mjs","names":[],"sources":["../../../../src/recipes/data-display/indicator/indicator.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const indicator = defineRecipe({\n className: 'indicator',\n jsx: ['Indicator'],\n base: {\n '--indicator-font-family': '{fonts.base}',\n '--indicator-font-size': '{fontSizes.200}',\n '--indicator-line-height': '1',\n '--indicator-background': '{colors.neutral.background.1.enabled}',\n '--indicator-foreground': '{colors.neutral.foreground.1.enabled}',\n '--indicator-min-width': '1rem',\n '--indicator-min-height': '1rem',\n '--indicator-border-radius': '{radii.900}',\n '--indicator-border-width': '{borders.100}',\n '--indicator-border-style': 'solid',\n '--indicator-border-color': '{colors.neutral.stroke.1.enabled}',\n '--indicator-padding-inline': '{spacing.50}',\n '--indicator-empty-background': '{colors.danger.background.1.enabled}',\n '--indicator-empty-width': '.75rem',\n '--indicator-empty-height': '.75rem',\n '--indicator-empty-border-radius': '{radii.900}',\n '--indicator-empty-border-width': '{borders.100}',\n '--indicator-empty-border-style': 'solid',\n '--indicator-empty-border-color': '{colors.danger.stroke.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,YACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,0BAA2B,eAC3B,wBAAyB,kBACzB,0BAA2B,IAC3B,yBAA0B,wCAC1B,yBAA0B,wCAC1B,wBAAyB,OACzB,yBAA0B,OAC1B,4BAA6B,cAC7B,2BAA4B,gBAC5B,2BAA4B,QAC5B,2BAA4B,oCAC5B,6BAA8B,eAC9B,+BAAgC,uCAChC,0BAA2B,SAC3B,2BAA4B,SAC5B,kCAAmC,cACnC,iCAAkC,gBAClC,iCAAkC,QAClC,iCAAkC,mCACnC,CACF,CAAC"}
1
+ {"version":3,"file":"indicator.mjs","names":[],"sources":["../../../../src/recipes/data-display/indicator/indicator.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const indicator = defineRecipe({\n className: 'indicator',\n jsx: ['Indicator'],\n base: {\n '--indicator-font-family': '{fonts.base}',\n '--indicator-font-size': '{fontSizes.200}',\n '--indicator-line-height': '1',\n '--indicator-background': '{colors.neutral.background.1.enabled}',\n '--indicator-foreground': '{colors.neutral.foreground.1.enabled}',\n '--indicator-min-width': '1rem',\n '--indicator-min-height': '1rem',\n '--indicator-border-radius': '{radii.900}',\n '--indicator-border-width': '{borders.100}',\n '--indicator-border-style': 'solid',\n '--indicator-border-color': '{colors.neutral.stroke.1.enabled}',\n '--indicator-padding-inline': '{spacing.50}',\n '--indicator-empty-background': '{colors.danger.background.1.enabled}',\n '--indicator-empty-width': '.75rem',\n '--indicator-empty-height': '.75rem',\n '--indicator-empty-border-radius': '{radii.900}',\n '--indicator-empty-border-width': '{borders.100}',\n '--indicator-empty-border-style': 'solid',\n '--indicator-empty-border-color': '{colors.danger.stroke.1.enabled}',\n '--indicator-zindex': 'unset',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,YACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,0BAA2B,eAC3B,wBAAyB,kBACzB,0BAA2B,IAC3B,yBAA0B,wCAC1B,yBAA0B,wCAC1B,wBAAyB,OACzB,yBAA0B,OAC1B,4BAA6B,cAC7B,2BAA4B,gBAC5B,2BAA4B,QAC5B,2BAA4B,oCAC5B,6BAA8B,eAC9B,+BAAgC,uCAChC,0BAA2B,SAC3B,2BAA4B,SAC5B,kCAAmC,cACnC,iCAAkC,gBAClC,iCAAkC,QAClC,iCAAkC,mCAClC,qBAAsB,QACvB,CACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/preset",
3
- "version": "1.0.152",
3
+ "version": "1.0.153",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],