@mage-ui/preset 1.0.44 → 1.0.47
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/buttons/button/button-inner.mjs +1 -1
- package/dist/recipes/buttons/button/button-inner.mjs.map +1 -1
- package/dist/recipes/buttons/button/button-root.mjs +1 -1
- package/dist/recipes/buttons/button/button-root.mjs.map +1 -1
- package/dist/recipes/buttons/button-icon/button-icon-icon.mjs +1 -1
- package/dist/recipes/buttons/button-icon/button-icon-icon.mjs.map +1 -1
- package/dist/recipes/buttons/button-icon/button-icon.mjs +1 -1
- package/dist/recipes/buttons/button-icon/button-icon.mjs.map +1 -1
- package/dist/recipes/buttons/button-icon-visual/button-icon-visual-icon-raw.mjs +1 -1
- package/dist/recipes/buttons/button-icon-visual/button-icon-visual-icon-raw.mjs.map +1 -1
- package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs +1 -1
- package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs.map +1 -1
- package/dist/recipes/buttons/button-visual/button-visual-inner.mjs.map +1 -1
- package/dist/recipes/buttons/button-visual/button-visual-label.mjs.map +1 -1
- package/dist/recipes/buttons/button-visual/button-visual-root.mjs.map +1 -1
- package/dist/recipes/buttons/button-visual/button-visual-section.mjs.map +1 -1
- package/dist/recipes/buttons/button-visual/button-visual.mjs.map +1 -1
- package/dist/recipes/index.mjs +1 -1
- package/dist/recipes/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/recipes/layouts/index.mjs +0 -2
- package/dist/recipes/layouts/index.mjs.map +0 -1
- package/dist/recipes/layouts/top-bar/index.mjs +0 -2
- package/dist/recipes/layouts/top-bar/index.mjs.map +0 -1
- package/dist/recipes/layouts/top-bar/top-bar-end-slot.mjs +0 -2
- package/dist/recipes/layouts/top-bar/top-bar-end-slot.mjs.map +0 -1
- package/dist/recipes/layouts/top-bar/top-bar-root.mjs +0 -2
- package/dist/recipes/layouts/top-bar/top-bar-root.mjs.map +0 -1
- package/dist/recipes/layouts/top-bar/top-bar-start-slot.mjs +0 -2
- package/dist/recipes/layouts/top-bar/top-bar-start-slot.mjs.map +0 -1
- package/dist/recipes/layouts/top-bar/top-bar-wrapper.mjs +0 -2
- package/dist/recipes/layouts/top-bar/top-bar-wrapper.mjs.map +0 -1
- package/dist/recipes/layouts/top-bar/top-bar.mjs +0 -2
- package/dist/recipes/layouts/top-bar/top-bar.mjs.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button__inner`,jsx:[`Button`],base:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`var(--button-inner-gap,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button__inner`,jsx:[`Button`],base:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`var(--button-inner-gap, {spacing.200})`}});export{t as buttonInner};
|
|
2
2
|
//# sourceMappingURL=button-inner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-inner.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonInner = defineRecipe({\n className: 'button__inner',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: 'var(--button-inner-gap,
|
|
1
|
+
{"version":3,"file":"button-inner.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonInner = defineRecipe({\n className: 'button__inner',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: 'var(--button-inner-gap, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,IAAK,yCACN,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button__root`,jsx:[`Button`],base:{fontFamily:`var(--button-font-family)`,fontSize:`var(--button-font-size)`,fontWeight:`var(--button-font-weight)`,lineHeight:`var(--button-line-height)`,backgroundColor:`var(--button-background)`,color:`var(--button-foreground)`,borderColor:`var(--button-border-color)`,borderWidth:`var(--button-border-width)`,borderStyle:`var(--button-border-style)`,height:`var(--button-height)`,paddingInline:`var(--button-padding-inline)`,borderRadius:`var(--button-radii)`,display:`inline-flex`,gap:`var(--button-gap, {spacing.200})`,alignItems:`var(--button-align, center)`,justifyContent:`var(--button-justify, center)`,textAlign:`var(--button-text-align, center)`,textTransform:`var(--button-text-transform)`,whiteSpace:`var(--button-white-space, nowrap)`,cursor:`pointer`,transition:`var(--button-transition)`,boxSizing:`border-box`,_icon:{fill:`var(--button-svg-fill, currentColor)`,stroke:`var(--button-svg-stroke, currentColor)`},_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--button-focus-outline-width)`,outlineStyle:`var(--button-focus-outline-style)`,outlineColor:`var(--button-focus-outline-color)`,outlineOffset:`var(--button-focus-outline-offset)`,boxShadow:`var(--button-focus-shadow)`},_hover:{backgroundColor:`var(--button-background-hover)`,color:`var(--button-foreground-hover)`,borderColor:`var(--button-border-color-hover)`},_disabled:{opacity:`var(--button-disabled-opacity)`,pointerEvents:`none`}},variants:{width:{fullWidth:{width:`100%`}}}});export{t as buttonRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button__root`,jsx:[`Button`],base:{fontFamily:`var(--button-font-family, {fonts.base})`,fontSize:`var(--button-font-size, {fontSizes.400})`,fontWeight:`var(--button-font-weight, {fontWeights.medium})`,lineHeight:`var(--button-line-height, 1)`,backgroundColor:`var(--button-background, {colors.neutral.background.1.enabled})`,color:`var(--button-foreground, {colors.neutral.foreground.1.enabled})`,borderColor:`var(--button-border-color, {colors.neutral.stroke.1.enabled})`,borderWidth:`var(--button-border-width, {borders.100})`,borderStyle:`var(--button-border-style, solid)`,height:`var(--button-height, {sizes.500})`,paddingInline:`var(--button-padding-inline, {spacing.300})`,borderRadius:`var(--button-radii, {radii.100})`,display:`inline-flex`,gap:`var(--button-gap, {spacing.200})`,alignItems:`var(--button-align, center)`,justifyContent:`var(--button-justify, center)`,textAlign:`var(--button-text-align, center)`,textTransform:`var(--button-text-transform)`,whiteSpace:`var(--button-white-space, nowrap)`,cursor:`pointer`,transition:`var(--button-transition)`,boxSizing:`border-box`,_icon:{fill:`var(--button-svg-fill, currentColor)`,stroke:`var(--button-svg-stroke, currentColor)`},_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--button-focus-outline-width, {borders.150})`,outlineStyle:`var(--button-focus-outline-style, solid)`,outlineColor:`var(--button-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--button-focus-outline-offset, {spacing.50})`,boxShadow:`var(--button-focus-shadow, none)`},_hover:{backgroundColor:`var(--button-background-hover, {colors.neutral.background.1.hovered})`,color:`var(--button-foreground-hover, {colors.neutral.foreground.1.hovered})`,borderColor:`var(--button-border-color-hover, {colors.neutral.stroke.1.hovered})`},_disabled:{opacity:`var(--button-disabled-opacity, 0.5)`,pointerEvents:`none`}},variants:{width:{fullWidth:{width:`100%`}}}});export{t as buttonRoot};
|
|
2
2
|
//# sourceMappingURL=button-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonRoot = defineRecipe({\n className: 'button__root',\n jsx: ['Button'],\n base: {\n fontFamily: 'var(--button-font-family)',\n fontSize: 'var(--button-font-size)',\n fontWeight: 'var(--button-font-weight)',\n lineHeight: 'var(--button-line-height)',\n backgroundColor
|
|
1
|
+
{"version":3,"file":"button-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonRoot = defineRecipe({\n className: 'button__root',\n jsx: ['Button'],\n base: {\n fontFamily: 'var(--button-font-family, {fonts.base})',\n fontSize: 'var(--button-font-size, {fontSizes.400})',\n fontWeight: 'var(--button-font-weight, {fontWeights.medium})',\n lineHeight: 'var(--button-line-height, 1)',\n backgroundColor:\n 'var(--button-background, {colors.neutral.background.1.enabled})',\n color: 'var(--button-foreground, {colors.neutral.foreground.1.enabled})',\n borderColor:\n 'var(--button-border-color, {colors.neutral.stroke.1.enabled})',\n borderWidth: 'var(--button-border-width, {borders.100})',\n borderStyle: 'var(--button-border-style, solid)',\n height: 'var(--button-height, {sizes.500})',\n paddingInline: 'var(--button-padding-inline, {spacing.300})',\n borderRadius: 'var(--button-radii, {radii.100})',\n display: 'inline-flex',\n gap: 'var(--button-gap, {spacing.200})',\n alignItems: 'var(--button-align, center)',\n justifyContent: 'var(--button-justify, center)',\n textAlign: 'var(--button-text-align, center)',\n textTransform: 'var(--button-text-transform)',\n whiteSpace: 'var(--button-white-space, nowrap)',\n cursor: 'pointer',\n transition: 'var(--button-transition)',\n boxSizing: 'border-box',\n _icon: {\n fill: 'var(--button-svg-fill, currentColor)',\n stroke: 'var(--button-svg-stroke, currentColor)',\n },\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth: 'var(--button-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--button-focus-outline-style, solid)',\n outlineColor:\n 'var(--button-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset: 'var(--button-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--button-focus-shadow, none)',\n },\n _hover: {\n backgroundColor:\n 'var(--button-background-hover, {colors.neutral.background.1.hovered})',\n color:\n 'var(--button-foreground-hover, {colors.neutral.foreground.1.hovered})',\n borderColor:\n 'var(--button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n },\n _disabled: {\n opacity: 'var(--button-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n variants: {\n width: {\n fullWidth: {\n width: '100%',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,WAAY,0CACZ,SAAU,2CACV,WAAY,kDACZ,WAAY,+BACZ,gBACE,kEACF,MAAO,kEACP,YACE,gEACF,YAAa,4CACb,YAAa,oCACb,OAAQ,oCACR,cAAe,8CACf,aAAc,mCACd,QAAS,cACT,IAAK,mCACL,WAAY,8BACZ,eAAgB,gCAChB,UAAW,mCACX,cAAe,+BACf,WAAY,oCACZ,OAAQ,UACR,WAAY,2BACZ,UAAW,aACX,MAAO,CACL,KAAM,uCACN,OAAQ,yCACT,CACD,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aAAc,mDACd,aAAc,2CACd,aACE,uEACF,cAAe,mDACf,UAAW,mCACZ,CACD,OAAQ,CACN,gBACE,wEACF,MACE,wEACF,YACE,sEACH,CACD,UAAW,CACT,QAAS,sCACT,cAAe,OAChB,CACF,CACD,SAAU,CACR,MAAO,CACL,UAAW,CACT,MAAO,OACR,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-icon__icon`,jsx:[`ButtonIcon`],base:{display:`flex`,justifyContent:`center`,alignItems:`center`,aspectRatio:`1`,width:`var(--button-icon-icon-size,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button-icon__icon`,jsx:[`ButtonIcon`],base:{display:`flex`,justifyContent:`center`,alignItems:`center`,aspectRatio:`1`,width:`var(--button-icon-icon-size, 66%)`}});export{t as buttonIconIcon};
|
|
2
2
|
//# sourceMappingURL=button-icon-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-icon.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonIconIcon = defineRecipe({\n className: 'button-icon__icon',\n jsx: ['ButtonIcon'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n width: 'var(--button-icon-icon-size,
|
|
1
|
+
{"version":3,"file":"button-icon-icon.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonIconIcon = defineRecipe({\n className: 'button-icon__icon',\n jsx: ['ButtonIcon'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n width: 'var(--button-icon-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,YAAa,IACb,MAAO,oCACR,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{button as e}from"../button/button.mjs";const t=e.merge({className:`button-icon`,jsx:[`ButtonIcon`],base:{"--button-radii":`var(--button-icon-radii, {radii.100})`,"--button-align":`var(--button-icon-align, center)`,"--button-justify":`var(--button-icon-justify, center)`,"--button-text-align":`var(--button-icon-text-align, center)`,"--button-height":`var(--button-icon-height, {sizes.500})`,"--button-padding-inline":`var(--button-icon-padding-inline, 0)`,"--button-disabled-opacity":`var(--button-icon-disabled-opacity, .5)`,"--button-transition":`var(--button-icon-transition, {animations.base.100})`,"--button-background":`var(--button-icon-background, {colors.neutral.background.1.enabled})`,"--button-background-hover":`var(--button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground":`var(--button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-foreground-hover":`var(--button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color":`var(--button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-border-color-hover":`var(--button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-border-width":` var(--button-icon-border-width, {borders.100})`,"--button-border-style":`var(--button-icon-border-style, solid)`,"--button-focus-outline-width":`var(--button-icon-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--button-icon-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--button-icon-focus-outline-offset, {spacing.50})`,"--button-focus-outline-color":`var(--button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-focus-shadow":`var(--button-icon-focus-shadow, none)`,"--button-svg-fill":`var(--button-icon-svg-fill, currentColor)`,"--button-svg-stroke":`var(--button-icon-svg-stroke, currentColor)`,"--button-icon-icon-size":`66%`}});export{t as buttonIcon};
|
|
1
|
+
import{button as e}from"../button/button.mjs";const t=e.merge({className:`button-icon`,jsx:[`ButtonIcon`],base:{"--button-radii":`var(--button-icon-radii, {radii.100})`,"--button-align":`var(--button-icon-align, center)`,"--button-justify":`var(--button-icon-justify, center)`,"--button-text-align":`var(--button-icon-text-align, center)`,"--button-height":`var(--button-icon-height, {sizes.500})`,"--button-padding-inline":`var(--button-icon-padding-inline, 0)`,"--button-disabled-opacity":`var(--button-icon-disabled-opacity, .5)`,"--button-transition":`var(--button-icon-transition, {animations.base.100})`,"--button-background":`var(--button-icon-background, {colors.neutral.background.1.enabled})`,"--button-background-hover":`var(--button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground":`var(--button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-foreground-hover":`var(--button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color":`var(--button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-border-color-hover":`var(--button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-border-width":` var(--button-icon-border-width, {borders.100})`,"--button-border-style":`var(--button-icon-border-style, solid)`,"--button-focus-outline-width":`var(--button-icon-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--button-icon-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--button-icon-focus-outline-offset, {spacing.50})`,"--button-focus-outline-color":`var(--button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-focus-shadow":`var(--button-icon-focus-shadow, none)`,"--button-svg-fill":`var(--button-icon-svg-fill, currentColor)`,"--button-svg-stroke":`var(--button-icon-svg-stroke, currentColor)`,"--button-icon-icon-size":`66%`,"--button-icon-icon-raw-size":`100%`}});export{t as buttonIcon};
|
|
2
2
|
//# sourceMappingURL=button-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonIcon = button.merge({\n className: 'button-icon',\n jsx: ['ButtonIcon'],\n base: {\n '--button-radii': 'var(--button-icon-radii, {radii.100})',\n '--button-align': 'var(--button-icon-align, center)',\n '--button-justify': 'var(--button-icon-justify, center)',\n '--button-text-align': 'var(--button-icon-text-align, center)',\n '--button-height': 'var(--button-icon-height, {sizes.500})',\n '--button-padding-inline': 'var(--button-icon-padding-inline, 0)',\n '--button-disabled-opacity': 'var(--button-icon-disabled-opacity, .5)',\n '--button-transition':\n 'var(--button-icon-transition, {animations.base.100})',\n\n '--button-background':\n 'var(--button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-background-hover':\n 'var(--button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-foreground':\n 'var(--button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-foreground-hover':\n 'var(--button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-border-color':\n 'var(--button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-color-hover':\n 'var(--button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-border-width': ' var(--button-icon-border-width, {borders.100})',\n '--button-border-style': 'var(--button-icon-border-style, solid)',\n\n '--button-focus-outline-width':\n 'var(--button-icon-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--button-icon-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-icon-focus-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-focus-shadow': 'var(--button-icon-focus-shadow, none)',\n\n '--button-svg-fill': 'var(--button-icon-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-icon-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAa,EAAO,MAAM,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,iBAAkB,wCAClB,iBAAkB,mCAClB,mBAAoB,qCACpB,sBAAuB,wCACvB,kBAAmB,yCACnB,0BAA2B,uCAC3B,4BAA6B,0CAC7B,sBACE,uDAEF,sBACE,uEACF,4BACE,6EAEF,sBACE,uEACF,4BACE,6EAEF,wBACE,qEACF,8BACE,2EAEF,wBAAyB,kDACzB,wBAAyB,yCAEzB,+BACE,wDACF,+BACE,gDACF,gCACE,wDACF,+BACE,4EACF,wBAAyB,wCAEzB,oBAAqB,4CACrB,sBAAuB,8CAEvB,0BAA2B,
|
|
1
|
+
{"version":3,"file":"button-icon.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonIcon = button.merge({\n className: 'button-icon',\n jsx: ['ButtonIcon'],\n base: {\n '--button-radii': 'var(--button-icon-radii, {radii.100})',\n '--button-align': 'var(--button-icon-align, center)',\n '--button-justify': 'var(--button-icon-justify, center)',\n '--button-text-align': 'var(--button-icon-text-align, center)',\n '--button-height': 'var(--button-icon-height, {sizes.500})',\n '--button-padding-inline': 'var(--button-icon-padding-inline, 0)',\n '--button-disabled-opacity': 'var(--button-icon-disabled-opacity, .5)',\n '--button-transition':\n 'var(--button-icon-transition, {animations.base.100})',\n\n '--button-background':\n 'var(--button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-background-hover':\n 'var(--button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-foreground':\n 'var(--button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-foreground-hover':\n 'var(--button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-border-color':\n 'var(--button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-color-hover':\n 'var(--button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-border-width': ' var(--button-icon-border-width, {borders.100})',\n '--button-border-style': 'var(--button-icon-border-style, solid)',\n\n '--button-focus-outline-width':\n 'var(--button-icon-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--button-icon-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-icon-focus-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-focus-shadow': 'var(--button-icon-focus-shadow, none)',\n\n '--button-svg-fill': 'var(--button-icon-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-icon-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': '66%',\n\n '--button-icon-icon-raw-size': '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAa,EAAO,MAAM,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,iBAAkB,wCAClB,iBAAkB,mCAClB,mBAAoB,qCACpB,sBAAuB,wCACvB,kBAAmB,yCACnB,0BAA2B,uCAC3B,4BAA6B,0CAC7B,sBACE,uDAEF,sBACE,uEACF,4BACE,6EAEF,sBACE,uEACF,4BACE,6EAEF,wBACE,qEACF,8BACE,2EAEF,wBAAyB,kDACzB,wBAAyB,yCAEzB,+BACE,wDACF,+BACE,gDACF,gCACE,wDACF,+BACE,4EACF,wBAAyB,wCAEzB,oBAAqB,4CACrB,sBAAuB,8CAEvB,0BAA2B,MAE3B,8BAA+B,OAChC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIconIconRaw as e}from"../button-icon/button-icon-icon-raw.mjs";const t=e.merge({className:`button-icon-visual__icon-raw`,jsx:[`ButtonIcon`],base:{
|
|
1
|
+
import{buttonIconIconRaw as e}from"../button-icon/button-icon-icon-raw.mjs";const t=e.merge({className:`button-icon-visual__icon-raw`,jsx:[`ButtonIcon`],base:{}});export{t as buttonIconVisualIconRaw};
|
|
2
2
|
//# sourceMappingURL=button-icon-visual-icon-raw.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-visual-icon-raw.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon-visual/button-icon-visual-icon-raw.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIconIconRaw } from '../button-icon/button-icon-icon-raw';\n\nexport const buttonIconVisualIconRaw = buttonIconIconRaw.merge({\n className: 'button-icon-visual__icon-raw',\n jsx: ['ButtonIcon'],\n base: {
|
|
1
|
+
{"version":3,"file":"button-icon-visual-icon-raw.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon-visual/button-icon-visual-icon-raw.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIconIconRaw } from '../button-icon/button-icon-icon-raw';\n\nexport const buttonIconVisualIconRaw = buttonIconIconRaw.merge({\n className: 'button-icon-visual__icon-raw',\n jsx: ['ButtonIcon'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4EAOA,MAAa,EAA0B,EAAkB,MAAM,CAC7D,UAAW,+BACX,IAAK,CAAC,aAAa,CACnB,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../button-icon/button-icon.mjs";const t=e.merge({className:`button-icon-visual`,jsx:[`ButtonIconVisual`],base:{"--button-icon-radii":`var(--button-icon-visual-radii, {radii.100})`,"--button-icon-align":`var(--button-icon-visual-align, center)`,"--button-icon-justify":`var(--button-icon-visual-justify, center)`,"--button-icon-text-align":`var(--button-icon-visual-text-align, center)`,"--button-icon-height":`var(--button-icon-visual-height, {sizes.500})`,"--button-icon-padding-inline":`var(--button-icon-visual-padding-inline, 0)`,"--button-icon-disabled-opacity":`var(--button-icon-visual-disabled-opacity, .5)`,"--button-icon-transition":`var(--button-icon-visual-transition, {animations.base.100})`,"--button-icon-background":`var(--button-icon-visual-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--button-icon-visual-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--button-icon-visual-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--button-icon-visual-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--button-icon-visual-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--button-icon-visual-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--button-icon-visual-border-width, {borders.100})`,"--button-icon-border-style":`var(--button-icon-visual-border-style, solid)`,"--button-icon-focus-outline-width":`var(--button-icon-visual-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--button-icon-visual-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--button-icon-visual-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--button-icon-visual-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-icon-focus-shadow":`var(--button-icon-visual-focus-shadow, none)`,"--button-icon-svg-fill":`var(--button-icon-visual-svg-fill, currentColor)`,"--button-icon-svg-stroke":`var(--button-icon-visual-svg-stroke, currentColor)`,"--button-icon-icon-size":`var(--button-icon-visual-icon-size, 66%)`}});export{t as buttonIconVisual};
|
|
1
|
+
import{buttonIcon as e}from"../button-icon/button-icon.mjs";const t=e.merge({className:`button-icon-visual`,jsx:[`ButtonIconVisual`],base:{"--button-icon-radii":`var(--button-icon-visual-radii, {radii.100})`,"--button-icon-align":`var(--button-icon-visual-align, center)`,"--button-icon-justify":`var(--button-icon-visual-justify, center)`,"--button-icon-text-align":`var(--button-icon-visual-text-align, center)`,"--button-icon-height":`var(--button-icon-visual-height, {sizes.500})`,"--button-icon-padding-inline":`var(--button-icon-visual-padding-inline, 0)`,"--button-icon-disabled-opacity":`var(--button-icon-visual-disabled-opacity, .5)`,"--button-icon-transition":`var(--button-icon-visual-transition, {animations.base.100})`,"--button-icon-background":`var(--button-icon-visual-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--button-icon-visual-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--button-icon-visual-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--button-icon-visual-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--button-icon-visual-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--button-icon-visual-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--button-icon-visual-border-width, {borders.100})`,"--button-icon-border-style":`var(--button-icon-visual-border-style, solid)`,"--button-icon-focus-outline-width":`var(--button-icon-visual-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--button-icon-visual-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--button-icon-visual-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--button-icon-visual-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-icon-focus-shadow":`var(--button-icon-visual-focus-shadow, none)`,"--button-icon-svg-fill":`var(--button-icon-visual-svg-fill, currentColor)`,"--button-icon-svg-stroke":`var(--button-icon-visual-svg-stroke, currentColor)`,"--button-icon-icon-size":`var(--button-icon-visual-icon-size, 66%)`,"--button-icon-icon-raw-size":`var(--button-icon-visual-icon-raw-size, 100%)`}});export{t as buttonIconVisual};
|
|
2
2
|
//# sourceMappingURL=button-icon-visual.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon-visual/button-icon-visual.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../button-icon/button-icon';\n\nexport const buttonIconVisual = buttonIcon.merge({\n className: 'button-icon-visual',\n jsx: ['ButtonIconVisual'],\n base: {\n '--button-icon-radii': 'var(--button-icon-visual-radii, {radii.100})',\n '--button-icon-align': 'var(--button-icon-visual-align, center)',\n '--button-icon-justify': 'var(--button-icon-visual-justify, center)',\n '--button-icon-text-align': 'var(--button-icon-visual-text-align, center)',\n '--button-icon-height': 'var(--button-icon-visual-height, {sizes.500})',\n '--button-icon-padding-inline':\n 'var(--button-icon-visual-padding-inline, 0)',\n '--button-icon-disabled-opacity':\n 'var(--button-icon-visual-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--button-icon-visual-transition, {animations.base.100})',\n\n '--button-icon-background':\n 'var(--button-icon-visual-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--button-icon-visual-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--button-icon-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--button-icon-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--button-icon-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--button-icon-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--button-icon-visual-border-width, {borders.100})',\n '--button-icon-border-style':\n 'var(--button-icon-visual-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--button-icon-visual-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--button-icon-visual-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--button-icon-visual-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--button-icon-visual-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-icon-focus-shadow':\n 'var(--button-icon-visual-focus-shadow, none)',\n\n '--button-icon-svg-fill':\n 'var(--button-icon-visual-svg-fill, currentColor)',\n '--button-icon-svg-stroke':\n 'var(--button-icon-visual-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': 'var(--button-icon-visual-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAmB,EAAW,MAAM,CAC/C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,sBAAuB,+CACvB,sBAAuB,0CACvB,wBAAyB,4CACzB,2BAA4B,+CAC5B,uBAAwB,gDACxB,+BACE,8CACF,iCACE,iDACF,2BACE,8DAEF,2BACE,8EACF,iCACE,oFAEF,2BACE,8EACF,iCACE,oFAEF,6BACE,4EACF,mCACE,kFAEF,6BACE,yDACF,6BACE,gDAEF,oCACE,+DACF,oCACE,uDACF,qCACE,+DACF,oCACE,mFACF,6BACE,+CAEF,yBACE,mDACF,2BACE,qDAEF,0BAA2B,
|
|
1
|
+
{"version":3,"file":"button-icon-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon-visual/button-icon-visual.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../button-icon/button-icon';\n\nexport const buttonIconVisual = buttonIcon.merge({\n className: 'button-icon-visual',\n jsx: ['ButtonIconVisual'],\n base: {\n '--button-icon-radii': 'var(--button-icon-visual-radii, {radii.100})',\n '--button-icon-align': 'var(--button-icon-visual-align, center)',\n '--button-icon-justify': 'var(--button-icon-visual-justify, center)',\n '--button-icon-text-align': 'var(--button-icon-visual-text-align, center)',\n '--button-icon-height': 'var(--button-icon-visual-height, {sizes.500})',\n '--button-icon-padding-inline':\n 'var(--button-icon-visual-padding-inline, 0)',\n '--button-icon-disabled-opacity':\n 'var(--button-icon-visual-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--button-icon-visual-transition, {animations.base.100})',\n\n '--button-icon-background':\n 'var(--button-icon-visual-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--button-icon-visual-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--button-icon-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--button-icon-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--button-icon-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--button-icon-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--button-icon-visual-border-width, {borders.100})',\n '--button-icon-border-style':\n 'var(--button-icon-visual-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--button-icon-visual-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--button-icon-visual-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--button-icon-visual-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--button-icon-visual-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-icon-focus-shadow':\n 'var(--button-icon-visual-focus-shadow, none)',\n\n '--button-icon-svg-fill':\n 'var(--button-icon-visual-svg-fill, currentColor)',\n '--button-icon-svg-stroke':\n 'var(--button-icon-visual-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': 'var(--button-icon-visual-icon-size, 66%)',\n '--button-icon-icon-raw-size':\n 'var(--button-icon-visual-icon-raw-size, 100%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAmB,EAAW,MAAM,CAC/C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,sBAAuB,+CACvB,sBAAuB,0CACvB,wBAAyB,4CACzB,2BAA4B,+CAC5B,uBAAwB,gDACxB,+BACE,8CACF,iCACE,iDACF,2BACE,8DAEF,2BACE,8EACF,iCACE,oFAEF,2BACE,8EACF,iCACE,oFAEF,6BACE,4EACF,mCACE,kFAEF,6BACE,yDACF,6BACE,gDAEF,oCACE,+DACF,oCACE,uDACF,qCACE,+DACF,oCACE,mFACF,6BACE,+CAEF,yBACE,mDACF,2BACE,qDAEF,0BAA2B,2CAC3B,8BACE,gDACH,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-visual-inner.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-inner.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"button-visual-inner.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-inner.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonInner } from '../button/button-inner';\n\nexport const buttonVisualInner = buttonInner.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual__inner',\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAoB,EAAY,MAAM,CACjD,IAAK,CAAC,eAAe,CACrB,UAAW,uBACX,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-visual-label.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-label.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"button-visual-label.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonLabel } from '../button/button-label';\n\nexport const buttonVisualLabel = buttonLabel.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual__label',\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAoB,EAAY,MAAM,CACjD,IAAK,CAAC,eAAe,CACrB,UAAW,uBACX,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-visual-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-root.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"button-visual-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../button/button-root';\n\nexport const buttonVisualRoot = buttonRoot.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual__root',\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAOA,MAAa,EAAmB,EAAW,MAAM,CAC/C,IAAK,CAAC,eAAe,CACrB,UAAW,sBACX,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-visual-section.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-section.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"button-visual-section.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual-section.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonSection } from '../button/button-section';\n\nexport const buttonVisualSection = buttonSection.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual__section',\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6DAOA,MAAa,EAAsB,EAAc,MAAM,CACrD,IAAK,CAAC,eAAe,CACrB,UAAW,yBACX,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"button-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonVisual = button.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual',\n base: {\n '--button-font-family': 'var(--button-visual-font-family, {fonts.base})',\n '--button-font-size': 'var(--button-visual-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--button-visual-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--button-visual-line-height, 1)',\n '--button-text-transform': 'var(--button-visual-text-transform, none)',\n '--button-white-space': 'var(--button-visual-white-space, nowrap)',\n '--button-align': 'var(--button-visual-align, center)',\n '--button-justify': 'var(--button-visual-justify, center)',\n '--button-text-align': 'var(--button-visual-text-align, center)',\n '--button-height': 'var(--button-visual-height, {sizes.500})',\n '--button-visual-width': '100%',\n '--button-padding-inline':\n 'var(--button-visual-padding-inline, {spacing.300})',\n '--button-gap': 'var(--button-visual-gap, {spacing.200})',\n '--button-focus-outline-width':\n 'var(--button-visual-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--button-visual-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-visual-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-visual-outline-color, {colors.neutral.stroke.1.focused})',\n '--button-focus-shadow': 'var(--button-visual-focus-shadow, none)',\n '--button-background':\n 'var(--button-visual-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--button-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-radii': 'var(--button-visual-radii, {radii.100})',\n '--button-border-color':\n 'var(--button-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-width': 'var(--button-visual-border-width, {borders.100})',\n '--button-border-style': 'var(--button-visual-border-style, solid)',\n '--button-background-hover':\n 'var(--button-visual-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--button-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--button-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n '--button-disabled-opacity': 'var(--button-visual-disabled-opacity, 0.5)',\n '--button-transition': 'var(--button-visual-transition, {animations.200})',\n\n '--button-inner-gap': 'var(--button-visual-inner-gap, 0.5rem)',\n\n '--button-svg-fill': 'var(--button-visual-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-visual-svg-stroke, currentColor)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAe,EAAO,MAAM,CACvC,IAAK,CAAC,eAAe,CACrB,UAAW,gBACX,KAAM,CACJ,uBAAwB,iDACxB,qBAAsB,kDACtB,uBACE,yDACF,uBAAwB,sCACxB,0BAA2B,4CAC3B,uBAAwB,2CACxB,iBAAkB,qCAClB,mBAAoB,uCACpB,sBAAuB,0CACvB,kBAAmB,2CACnB,wBAAyB,OACzB,0BACE,qDACF,eAAgB,0CAChB,+BACE,0DACF,+BACE,kDACF,gCACE,oDACF,+BACE,wEACF,wBAAyB,0CACzB,sBACE,yEACF,sBACE,yEACF,iBAAkB,0CAClB,wBACE,uEACF,wBAAyB,mDACzB,wBAAyB,2CACzB,4BACE,+EACF,4BACE,+EACF,8BACE,6EACF,4BAA6B,6CAC7B,sBAAuB,oDAEvB,qBAAsB,yCAEtB,oBAAqB,8CACrB,sBAAuB,gDACxB,CACF,CAAC"}
|
package/dist/recipes/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"./buttons/index.mjs";import t from"./controls/index.mjs";import n from"./data-display/index.mjs";import r from"./forms/index.mjs";import i from"./
|
|
1
|
+
import e from"./buttons/index.mjs";import t from"./controls/index.mjs";import n from"./data-display/index.mjs";import r from"./forms/index.mjs";import i from"./misc/index.mjs";import a from"./navigations/index.mjs";import o from"./overlays/index.mjs";import s from"./shared/index.mjs";const c={...e,...t,...n,...r,...i,...a,...o,...s},l={};export{c as recipes,l as slotRecipes};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":["buttons","controls","dataDisplay","
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["buttons","controls","dataDisplay","forms","misc","navigations","overlays","shared"],"sources":["../../src/recipes/index.ts"],"sourcesContent":["import type { RecipeConfig, SlotRecipeConfig } from '@pandacss/dev';\n\nimport buttons from './buttons';\nimport controls from './controls';\nimport dataDisplay from './data-display';\nimport forms from './forms';\nimport misc from './misc';\nimport navigations from './navigations';\nimport overlays from './overlays';\nimport shared from './shared';\n\nexport const recipes = {\n ...buttons,\n ...controls,\n ...dataDisplay,\n ...forms,\n ...misc,\n ...navigations,\n ...overlays,\n ...shared,\n} as Record<string, Partial<RecipeConfig>>;\n\nexport const slotRecipes = {} as Record<string, Partial<SlotRecipeConfig>>;\n"],"mappings":"6RAWA,MAAa,EAAU,CACrB,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ,CAEY,EAAc,EAAE"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":["topBar"],"sources":["../../../src/recipes/layouts/index.ts"],"sourcesContent":["import topBar from './top-bar';\n\nexport default {\n ...topBar,\n};\n"],"mappings":"mCAEA,IAAA,EAAe,CACb,GAAGA,EACJ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{topBar as e}from"./top-bar.mjs";import{topBarEndSlot as t}from"./top-bar-end-slot.mjs";import{topBarRoot as n}from"./top-bar-root.mjs";import{topBarStartSlot as r}from"./top-bar-start-slot.mjs";import{topBarWrapper as i}from"./top-bar-wrapper.mjs";var a={topBar:e,topBarRoot:n,topBarWrapper:i,topBarStartSlot:r,topBarEndSlot:t};export{a as default};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/layouts/top-bar/index.ts"],"sourcesContent":["import { topBar } from './top-bar';\nimport { topBarEndSlot } from './top-bar-end-slot';\nimport { topBarRoot } from './top-bar-root';\nimport { topBarStartSlot } from './top-bar-start-slot';\nimport { topBarWrapper } from './top-bar-wrapper';\n\nexport default {\n topBar,\n topBarRoot,\n topBarWrapper,\n topBarStartSlot,\n topBarEndSlot,\n};\n"],"mappings":"+PAMA,IAAA,EAAe,CACb,SACA,aACA,gBACA,kBACA,gBACD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`top-bar__end-slot`,jsx:[`TopBar`],base:{display:`flex`,flexDirection:`row`,justifyContent:`flex-end`,alignItems:`center`,gap:`var(--top-bar-end-slot-gap, {spacing.400})`}});export{t as topBarEndSlot};
|
|
2
|
-
//# sourceMappingURL=top-bar-end-slot.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"top-bar-end-slot.mjs","names":[],"sources":["../../../../src/recipes/layouts/top-bar/top-bar-end-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const topBarEndSlot = defineRecipe({\n className: 'top-bar__end-slot',\n jsx: ['TopBar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'center',\n gap: 'var(--top-bar-end-slot-gap, {spacing.400})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,oBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,WAAY,SACZ,IAAK,6CACN,CACF,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`top-bar__root`,jsx:[`TopBar`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`center`,alignItems:`center`,gap:`var(--top-bar-gap, {spacing.0})`,paddingBlock:`var(--top-bar-padding-block, {spacing.0})`,paddingInline:`var(--top-bar-padding-inline, {spacing.600})`,backgroundColor:`var(--top-bar-background, {colors.neutral.background.1.enabled})`,width:`var(--top-bar-width, 100%)`,height:`var(--top-bar-height, {sizes.1000})`,boxShadow:`var(--top-bar-box-shadow, none)`}});export{t as topBarRoot};
|
|
2
|
-
//# sourceMappingURL=top-bar-root.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"top-bar-root.mjs","names":[],"sources":["../../../../src/recipes/layouts/top-bar/top-bar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const topBarRoot = defineRecipe({\n className: 'top-bar__root',\n jsx: ['TopBar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 'var(--top-bar-gap, {spacing.0})',\n paddingBlock: 'var(--top-bar-padding-block, {spacing.0})',\n paddingInline: 'var(--top-bar-padding-inline, {spacing.600})',\n backgroundColor:\n 'var(--top-bar-background, {colors.neutral.background.1.enabled})',\n width: 'var(--top-bar-width, 100%)',\n height: 'var(--top-bar-height, {sizes.1000})',\n boxShadow: 'var(--top-bar-box-shadow, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,gBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,SAChB,WAAY,SACZ,IAAK,kCACL,aAAc,4CACd,cAAe,+CACf,gBACE,mEACF,MAAO,6BACP,OAAQ,sCACR,UAAW,kCACZ,CACF,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`top-bar__start-slot`,jsx:[`TopBar`],base:{display:`flex`,flexDirection:`row`,justifyContent:`flex-start`,alignItems:`center`}});export{t as topBarStartSlot};
|
|
2
|
-
//# sourceMappingURL=top-bar-start-slot.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"top-bar-start-slot.mjs","names":[],"sources":["../../../../src/recipes/layouts/top-bar/top-bar-start-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const topBarStartSlot = defineRecipe({\n className: 'top-bar__start-slot',\n jsx: ['TopBar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-start',\n alignItems: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,sBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,aAChB,WAAY,SACb,CACF,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`top-bar__wrapper`,jsx:[`TopBar`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--top-bar-wrapper-gap, {spacing.600})`,paddingBlock:`var(--top-bar-wrapper-padding-block, {spacing.400})`,paddingInline:`var(--top-bar-wrapper-padding-inline, {spacing.0})`,width:`var(--top-bar-wrapper-width, 100%)`,height:`var(--top-bar-wrapper-height, auto)`,borderBottomWidth:`var(--top-bar-wrapper-border-bottom-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--top-bar-wrapper-border-bottom-color, {colors.neutral.stroke.7.enabled})`,maxWidth:`var(--top-bar-wrapper-max-width, 100%)`}});export{t as topBarWrapper};
|
|
2
|
-
//# sourceMappingURL=top-bar-wrapper.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"top-bar-wrapper.mjs","names":[],"sources":["../../../../src/recipes/layouts/top-bar/top-bar-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const topBarWrapper = defineRecipe({\n className: 'top-bar__wrapper',\n jsx: ['TopBar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--top-bar-wrapper-gap, {spacing.600})',\n paddingBlock: 'var(--top-bar-wrapper-padding-block, {spacing.400})',\n paddingInline: 'var(--top-bar-wrapper-padding-inline, {spacing.0})',\n width: 'var(--top-bar-wrapper-width, 100%)',\n height: 'var(--top-bar-wrapper-height, auto)',\n borderBottomWidth:\n 'var(--top-bar-wrapper-border-bottom-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--top-bar-wrapper-border-bottom-color, {colors.neutral.stroke.7.enabled})',\n maxWidth: 'var(--top-bar-wrapper-max-width, 100%)', // TODO: container\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,4CACL,aAAc,sDACd,cAAe,qDACf,MAAO,qCACP,OAAQ,sCACR,kBACE,4DACF,kBAAmB,QACnB,kBACE,gFACF,SAAU,yCACX,CACF,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`top-bar`,jsx:[`TopBar`],base:{"--top-bar-gap":`{spacing.0}`,"--top-bar-padding-block":`{spacing.0}`,"--top-bar-padding-inline":`{spacing.600}`,"--top-bar-background":`{colors.neutral.background.1.enabled}`,"--top-bar-width":`100%`,"--top-bar-height":`{sizes.1000}`,"--top-bar-box-shadow":`none`,"--top-bar-wrapper-gap":`{spacing.600}`,"--top-bar-wrapper-padding-block":`{spacing.400}`,"--top-bar-wrapper-padding-inline":`{spacing.0}`,"--top-bar-wrapper-border-bottom-width":`{borders.100}`,"--top-bar-wrapper-border-bottom-color":`{colors.neutral.stroke.7.enabled}`,"--top-bar-wrapper-width":`100%`,"--top-bar-wrapper-height":`auto`,"--top-bar-wrapper-max-width":`100%`,"--top-bar-end-slot-gap":`{spacing.400}`}});export{t as topBar};
|
|
2
|
-
//# sourceMappingURL=top-bar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"top-bar.mjs","names":[],"sources":["../../../../src/recipes/layouts/top-bar/top-bar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const topBar = defineRecipe({\n className: 'top-bar',\n jsx: ['TopBar'],\n base: {\n '--top-bar-gap': '{spacing.0}',\n '--top-bar-padding-block': '{spacing.0}',\n '--top-bar-padding-inline': '{spacing.600}',\n '--top-bar-background': '{colors.neutral.background.1.enabled}',\n '--top-bar-width': '100%',\n '--top-bar-height': '{sizes.1000}',\n '--top-bar-box-shadow': 'none',\n\n '--top-bar-wrapper-gap': '{spacing.600}',\n '--top-bar-wrapper-padding-block': '{spacing.400}',\n '--top-bar-wrapper-padding-inline': '{spacing.0}',\n '--top-bar-wrapper-border-bottom-width': '{borders.100}',\n '--top-bar-wrapper-border-bottom-color':\n '{colors.neutral.stroke.7.enabled}',\n '--top-bar-wrapper-width': '100%',\n '--top-bar-wrapper-height': 'auto',\n '--top-bar-wrapper-max-width': '100%', // TODO: container\n\n '--top-bar-end-slot-gap': '{spacing.400}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,UACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBAAiB,cACjB,0BAA2B,cAC3B,2BAA4B,gBAC5B,uBAAwB,wCACxB,kBAAmB,OACnB,mBAAoB,eACpB,uBAAwB,OAExB,wBAAyB,gBACzB,kCAAmC,gBACnC,mCAAoC,cACpC,wCAAyC,gBACzC,wCACE,oCACF,0BAA2B,OAC3B,2BAA4B,OAC5B,8BAA+B,OAE/B,yBAA0B,gBAC3B,CACF,CAAC"}
|