@mage-ui/preset 1.0.46 → 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-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/package.json +1 -1
|
@@ -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`,
|
|
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
|
|
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"}
|