@mage-ui/preset 1.0.51 → 1.0.52
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.mjs +1 -1
- package/dist/recipes/buttons/button/button.mjs.map +1 -1
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-button-back.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-button-back.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-divider.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-divider.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-root.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-root.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-wrapper.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-wrapper.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/index.mjs +1 -1
- package/dist/recipes/navigations/breadcrumbs/index.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`,jsx:[`Button`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.400}`,"--button-font-weight":`{fontWeights.medium}`,"--button-line-height":`1`,"--button-text-transform":`none`,"--button-white-space":`nowrap`,"--button-align":`center`,"--button-justify":`center`,"--button-text-align":`center`,"--button-height":`{sizes.500}`,"--button-padding-inline":`{spacing.300}`,"--button-gap":`{spacing.200}`,"--button-focus-outline-width":`{borders.150}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`{colors.neutral.background.1.enabled}`,"--button-foreground":`{colors.neutral.foreground.1.enabled}`,"--button-radii":`{radii.100}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.100}`,"--button-border-style":`solid`,"--button-background-hover":`{colors.neutral.background.1.hovered}`,"--button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--button-disabled-opacity":`0.5`,"--button-transition":`{animations.200}`,"--button-inner-gap":`{spacing.200}`,"--button-svg-fill":`none`,"--button-svg-stroke":`none
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button`,jsx:[`Button`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.400}`,"--button-font-weight":`{fontWeights.medium}`,"--button-line-height":`1`,"--button-text-transform":`none`,"--button-white-space":`nowrap`,"--button-align":`center`,"--button-justify":`center`,"--button-text-align":`center`,"--button-height":`{sizes.500}`,"--button-padding-inline":`{spacing.300}`,"--button-gap":`{spacing.200}`,"--button-focus-outline-width":`{borders.150}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`{colors.neutral.background.1.enabled}`,"--button-foreground":`{colors.neutral.foreground.1.enabled}`,"--button-radii":`{radii.100}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.100}`,"--button-border-style":`solid`,"--button-background-hover":`{colors.neutral.background.1.hovered}`,"--button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--button-disabled-opacity":`0.5`,"--button-transition":`{animations.200}`,"--button-inner-gap":`{spacing.200}`,"--button-svg-fill":`none`,"--button-svg-stroke":`none`}});export{t as button};
|
|
2
2
|
//# sourceMappingURL=button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const button = defineRecipe({\n className: 'button',\n jsx: ['Button'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.400}',\n '--button-font-weight': '{fontWeights.medium}',\n '--button-line-height': '1',\n '--button-text-transform': 'none',\n '--button-white-space': 'nowrap',\n '--button-align': 'center',\n '--button-justify': 'center',\n '--button-text-align': 'center',\n '--button-height': '{sizes.500}',\n '--button-padding-inline': '{spacing.300}',\n '--button-gap': '{spacing.200}',\n '--button-focus-outline-width': '{borders.150}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.neutral.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': '{colors.neutral.background.1.enabled}',\n '--button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--button-radii': '{radii.100}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.100}',\n '--button-border-style': 'solid',\n '--button-background-hover': '{colors.neutral.background.1.hovered}',\n '--button-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n '--button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n\n '--button-inner-gap': '{spacing.200}',\n\n '--button-svg-fill': 'none',\n '--button-svg-stroke': 'none',\n
|
|
1
|
+
{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const button = defineRecipe({\n className: 'button',\n jsx: ['Button'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.400}',\n '--button-font-weight': '{fontWeights.medium}',\n '--button-line-height': '1',\n '--button-text-transform': 'none',\n '--button-white-space': 'nowrap',\n '--button-align': 'center',\n '--button-justify': 'center',\n '--button-text-align': 'center',\n '--button-height': '{sizes.500}',\n '--button-padding-inline': '{spacing.300}',\n '--button-gap': '{spacing.200}',\n '--button-focus-outline-width': '{borders.150}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.neutral.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': '{colors.neutral.background.1.enabled}',\n '--button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--button-radii': '{radii.100}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.100}',\n '--button-border-style': 'solid',\n '--button-background-hover': '{colors.neutral.background.1.hovered}',\n '--button-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n '--button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n\n '--button-inner-gap': '{spacing.200}',\n\n '--button-svg-fill': 'none',\n '--button-svg-stroke': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,uBAAwB,IACxB,0BAA2B,OAC3B,uBAAwB,SACxB,iBAAkB,SAClB,mBAAoB,SACpB,sBAAuB,SACvB,kBAAmB,cACnB,0BAA2B,gBAC3B,eAAgB,gBAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,wCACvB,sBAAuB,wCACvB,iBAAkB,cAClB,wBAAyB,oCACzB,wBAAyB,gBACzB,wBAAyB,QACzB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,8BAA+B,oCAC/B,4BAA6B,MAC7B,sBAAuB,mBAEvB,qBAAsB,gBAEtB,oBAAqB,OACrB,sBAAuB,OACxB,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar__button-back`,jsx:[`BreadcrumbsBar`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.300}`,"--button-font-weight":`{fontWeights.medium}`,"--button-height":`auto`,"--button-padding-inline":`{spacing.0}`,"--button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--button-background":`transparent`,"--button-foreground":`{colors.primary.foreground.2.enabled}`,"--button-radii":`{radii.0}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.0}`,"--button-background-hover":`transparent`,"--button-foreground-hover":`{colors.primary.foreground.2.hovered}`,"--button-border-color-hover":`transparent`,"--button-transition":`{animations.200}`}});export{t as breadcrumbsBarButtonBack};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar-button-back.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-button-back.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-button-back.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarButtonBack = defineRecipe({\n className: 'breadcrumbs-bar__button-back',\n jsx: ['BreadcrumbsBar'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.300}',\n '--button-font-weight': '{fontWeights.medium}',\n // '--button-line-height': '1',\n // '--button-text-transform': 'none',\n // '--button-align': 'center',\n '--button-height': 'auto',\n '--button-padding-inline': '{spacing.0}',\n // '--button-gap': '{spacing.200}',\n // '--button-focus-outline-width': '{borders.150}',\n // '--button-focus-outline-style': 'solid',\n // '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.primary.stroke.1.focused}',\n // '--button-focus-shadow': 'none',\n '--button-background': 'transparent',\n '--button-foreground': '{colors.primary.foreground.2.enabled}',\n '--button-radii': '{radii.0}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.0}',\n // '--button-border-style': 'solid',\n '--button-background-hover': 'transparent',\n '--button-foreground-hover': '{colors.primary.foreground.2.hovered}',\n '--button-border-color-hover': 'transparent',\n // '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA2B,EAAa,CACnD,UAAW,+BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBAIxB,kBAAmB,OACnB,0BAA2B,cAK3B,+BAAgC,oCAEhC,sBAAuB,cACvB,sBAAuB,wCACvB,iBAAkB,YAClB,wBAAyB,oCACzB,wBAAyB,cAEzB,4BAA6B,cAC7B,4BAA6B,wCAC7B,8BAA+B,cAE/B,sBAAuB,mBACxB,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar__divider`,jsx:[`BreadcrumbsBar`],base:{display:`block`,backgroundColor:`var(--breadcrumbs-bar-divider-background, {colors.neutral.stroke.7.enabled})`,width:`var(--breadcrumbs-bar-divider-width, 1px)`}});export{t as breadcrumbsBarDivider};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar-divider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-divider.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-divider.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarDivider = defineRecipe({\n className: 'breadcrumbs-bar__divider',\n jsx: ['BreadcrumbsBar'],\n base: {\n display: 'block',\n backgroundColor:\n 'var(--breadcrumbs-bar-divider-background, {colors.neutral.stroke.7.enabled})',\n width: 'var(--breadcrumbs-bar-divider-width, 1px)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,QAAS,QACT,gBACE,+EACF,MAAO,4CACR,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-root.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarRoot = defineRecipe({\n className: 'breadcrumbs-bar__root',\n jsx: ['BreadcrumbsBar'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar__wrapper`,jsx:[`BreadcrumbsBar`],base:{display:`flex`,flexDirection:`row`,alignItems:`stretch`,justifyContent:`flex-start`,gap:`var(--breadcrumbs-bar-wrapepr-gap, {spacing.500})`}});export{t as breadcrumbsBarWrapper};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar-wrapper.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-wrapper.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarWrapper = defineRecipe({\n className: 'breadcrumbs-bar__wrapper',\n jsx: ['BreadcrumbsBar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n gap: 'var(--breadcrumbs-bar-wrapepr-gap, {spacing.500})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,WAAY,UACZ,eAAgB,aAChB,IAAK,oDACN,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar`,jsx:[`BreadcrumbsBar`],base:{"--breadcrumbs-bar-wrapepr-gap":`{spacing.500}`,"--breadcrumbs-bar-divider-background":`{colors.neutral.stroke.7.enabled}`,"--breadcrumbs-bar-divider-width":`1px`}});export{t as breadcrumbsBar};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBar = defineRecipe({\n className: 'breadcrumbs-bar',\n jsx: ['BreadcrumbsBar'],\n base: {\n /* root */\n\n /* wrapper */\n '--breadcrumbs-bar-wrapepr-gap': '{spacing.500}',\n\n /* divider */\n '--breadcrumbs-bar-divider-background': '{colors.neutral.stroke.7.enabled}',\n '--breadcrumbs-bar-divider-width': '1px',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,kBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CAIJ,gCAAiC,gBAGjC,uCAAwC,oCACxC,kCAAmC,MACpC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{breadcrumbs as e}from"./breadcrumbs.mjs";import{
|
|
1
|
+
import{breadcrumbs as e}from"./breadcrumbs.mjs";import{breadcrumbsBar as t}from"./breadcrumbs-bar.mjs";import{breadcrumbsBarButtonBack as n}from"./breadcrumbs-bar-button-back.mjs";import{breadcrumbsBarDivider as r}from"./breadcrumbs-bar-divider.mjs";import{breadcrumbsBarRoot as i}from"./breadcrumbs-bar-root.mjs";import{breadcrumbsBarWrapper as a}from"./breadcrumbs-bar-wrapper.mjs";import{breadcrumbsCurrent as o}from"./breadcrumbs-current.mjs";import{breadcrumbsItem as s}from"./breadcrumbs-item.mjs";import{breadcrumbsLink as c}from"./breadcrumbs-link.mjs";import{breadcrumbsList as l}from"./breadcrumbs-list.mjs";import{breadcrumbsRoot as u}from"./breadcrumbs-root.mjs";import{breadcrumbsSeparator as d}from"./breadcrumbs-separator.mjs";import{breadcrumbsWrapper as f}from"./breadcrumbs-wrapper.mjs";var p={breadcrumbs:e,breadcrumbsCurrent:o,breadcrumbsLink:c,breadcrumbsRoot:u,breadcrumbsList:l,breadcrumbsItem:s,breadcrumbsSeparator:d,breadcrumbsWrapper:f,breadcrumbsBar:t,breadcrumbsBarRoot:i,breadcrumbsBarWrapper:a,breadcrumbsBarDivider:r,breadcrumbsBarButtonBack:n};export{p as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/index.ts"],"sourcesContent":["import { breadcrumbs } from './breadcrumbs';\nimport { breadcrumbsCurrent } from './breadcrumbs-current';\nimport { breadcrumbsItem } from './breadcrumbs-item';\nimport { breadcrumbsLink } from './breadcrumbs-link';\nimport { breadcrumbsList } from './breadcrumbs-list';\nimport { breadcrumbsRoot } from './breadcrumbs-root';\nimport { breadcrumbsSeparator } from './breadcrumbs-separator';\nimport { breadcrumbsWrapper } from './breadcrumbs-wrapper';\n\nexport default {\n breadcrumbs,\n breadcrumbsCurrent,\n breadcrumbsLink,\n breadcrumbsRoot,\n breadcrumbsList,\n breadcrumbsItem,\n breadcrumbsSeparator,\n breadcrumbsWrapper,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/index.ts"],"sourcesContent":["import { breadcrumbs } from './breadcrumbs';\nimport { breadcrumbsBar } from './breadcrumbs-bar';\nimport { breadcrumbsBarButtonBack } from './breadcrumbs-bar-button-back';\nimport { breadcrumbsBarDivider } from './breadcrumbs-bar-divider';\nimport { breadcrumbsBarRoot } from './breadcrumbs-bar-root';\nimport { breadcrumbsBarWrapper } from './breadcrumbs-bar-wrapper';\nimport { breadcrumbsCurrent } from './breadcrumbs-current';\nimport { breadcrumbsItem } from './breadcrumbs-item';\nimport { breadcrumbsLink } from './breadcrumbs-link';\nimport { breadcrumbsList } from './breadcrumbs-list';\nimport { breadcrumbsRoot } from './breadcrumbs-root';\nimport { breadcrumbsSeparator } from './breadcrumbs-separator';\nimport { breadcrumbsWrapper } from './breadcrumbs-wrapper';\n\nexport default {\n breadcrumbs,\n breadcrumbsCurrent,\n breadcrumbsLink,\n breadcrumbsRoot,\n breadcrumbsList,\n breadcrumbsItem,\n breadcrumbsSeparator,\n breadcrumbsWrapper,\n breadcrumbsBar,\n breadcrumbsBarRoot,\n breadcrumbsBarWrapper,\n breadcrumbsBarDivider,\n breadcrumbsBarButtonBack,\n};\n"],"mappings":"qyBAcA,IAAA,EAAe,CACb,cACA,qBACA,kBACA,kBACA,kBACA,kBACA,uBACA,qBACA,iBACA,qBACA,wBACA,wBACA,2BACD"}
|