@mage-ui/preset 1.0.145 → 1.0.147
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/recipes/controls/checkbox/checkbox-body-error.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-body-error.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-label-required.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-label-required.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
- package/dist/recipes/navigations/menu/menu.mjs +1 -1
- package/dist/recipes/navigations/menu/menu.mjs.map +1 -1
- package/dist/recipes/navigations/navigation-menu/index.mjs +1 -1
- package/dist/recipes/navigations/navigation-menu/index.mjs.map +1 -1
- package/dist/recipes/navigations/navigation-menu/navigation-menu-divider.mjs +2 -0
- package/dist/recipes/navigations/navigation-menu/navigation-menu-divider.mjs.map +1 -0
- package/dist/recipes/navigations/navigation-menu/navigation-menu.mjs +1 -1
- package/dist/recipes/navigations/navigation-menu/navigation-menu.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__body__error`,jsx:[`Checkbox`],base:{"--checkbox-body-align":`flex-start`,alignItems:`var(--checkbox-body-align)`}});export{t as checkboxBodyError};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__body__error`,jsx:[`Checkbox`],base:{"--checkbox-body-align":`flex-start`,alignItems:`var(--checkbox-body-align)`,"--checkbox-label-required-color":`var(--checkbox-label-required-color-error, {colors.danger.foreground.1.enabled})`}});export{t as checkboxBodyError};
|
|
2
2
|
//# sourceMappingURL=checkbox-body-error.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-body-error.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-body-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxBodyError = defineRecipe({\n className: 'checkbox__body__error',\n jsx: ['Checkbox'],\n base: {\n '--checkbox-body-align': 'flex-start',\n alignItems: 'var(--checkbox-body-align)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBAAyB,aACzB,WAAY,
|
|
1
|
+
{"version":3,"file":"checkbox-body-error.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-body-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxBodyError = defineRecipe({\n className: 'checkbox__body__error',\n jsx: ['Checkbox'],\n base: {\n '--checkbox-body-align': 'flex-start',\n alignItems: 'var(--checkbox-body-align)',\n\n // checkbox error required\n '--checkbox-label-required-color':\n 'var(--checkbox-label-required-color-error, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBAAyB,aACzB,WAAY,6BAGZ,kCACE,mFACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__label__required`,jsx:[`Checkbox`],base:{color:`var(--checkbox-label-required-color, {colors.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__label__required`,jsx:[`Checkbox`],base:{color:`var(--checkbox-label-required-color, {colors.neutral.foreground.2.enabled})`}});export{t as checkboxLabelRequired};
|
|
2
2
|
//# sourceMappingURL=checkbox-label-required.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-label-required.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-label-required.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxLabelRequired = defineRecipe({\n className: 'checkbox__label__required',\n jsx: ['Checkbox'],\n base: {\n color:\n 'var(--checkbox-label-required-color, {colors.
|
|
1
|
+
{"version":3,"file":"checkbox-label-required.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-label-required.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxLabelRequired = defineRecipe({\n className: 'checkbox__label__required',\n jsx: ['Checkbox'],\n base: {\n color:\n 'var(--checkbox-label-required-color, {colors.neutral.foreground.2.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,4BACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,8EACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox`,jsx:[`Checkbox`],base:{"--checkbox-input-size":`{sizes.300}`,"--checkbox-input-radii":`{radii.100}`,"--checkbox-input-background":`transparent`,"--checkbox-input-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-border-width-checked":`{borders.100}`,"--checkbox-input-border-style-checked":`solid`,"--checkbox-input-border-color-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-opacity-disabled":`.5`,"--checkbox-input-focus-outline-width":`{borders.100}`,"--checkbox-input-focus-outline-style":`solid`,"--checkbox-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--checkbox-input-focus-outline-offset":`{spacing.50}`,"--checkbox-input-focus-shadow":`none`,"--checkbox-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--checkbox-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--checkbox-icon-color":`{colors.neutral.stroke.1.onPrimary.selected}`,"--checkbox-icon-size":`60%`,"--checkbox-size":`{sizes.300}`,"--checkbox-label-wrapper-gap":`{spacing.100}`,"--checkbox-label-font-family":`{fonts.base}`,"--checkbox-label-font-size":`{fontSizes.300}`,"--checkbox-label-font-weight":`{fontWeights.regular}`,"--checkbox-label-line-height":`1.2`,"--checkbox-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-margin":`0`,"--checkbox-label-opacity-disabled":`.5`,"--checkbox-label-required-color":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.300}`,"--checkbox-description-font-weight":`{fontWeights.regular}`,"--checkbox-description-line-height":`inherit`,"--checkbox-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-description-margin":`0`,"--checkbox-body-align":`center`,"--checkbox-body-gap":`{spacing.200}`,"--checkbox-error-font-family":`{fonts.base}`,"--checkbox-error-font-size":`{fontSizes.200}`,"--checkbox-error-font-weight":`{fontWeights.regular}`,"--checkbox-error-line-height":`inherit`,"--checkbox-error-foreground":`{colors.danger.foreground.1.enabled}`,"--checkbox-error-margin":`{spacing.100} 0 0 0`}});export{t as checkbox};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox`,jsx:[`Checkbox`],base:{"--checkbox-input-size":`{sizes.300}`,"--checkbox-input-radii":`{radii.100}`,"--checkbox-input-background":`transparent`,"--checkbox-input-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-border-width-checked":`{borders.100}`,"--checkbox-input-border-style-checked":`solid`,"--checkbox-input-border-color-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-opacity-disabled":`.5`,"--checkbox-input-focus-outline-width":`{borders.100}`,"--checkbox-input-focus-outline-style":`solid`,"--checkbox-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--checkbox-input-focus-outline-offset":`{spacing.50}`,"--checkbox-input-focus-shadow":`none`,"--checkbox-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--checkbox-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--checkbox-icon-color":`{colors.neutral.stroke.1.onPrimary.selected}`,"--checkbox-icon-size":`60%`,"--checkbox-size":`{sizes.300}`,"--checkbox-label-wrapper-gap":`{spacing.100}`,"--checkbox-label-font-family":`{fonts.base}`,"--checkbox-label-font-size":`{fontSizes.300}`,"--checkbox-label-font-weight":`{fontWeights.regular}`,"--checkbox-label-line-height":`1.2`,"--checkbox-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-margin":`0`,"--checkbox-label-opacity-disabled":`.5`,"--checkbox-label-required-color":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-required-color-error":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.300}`,"--checkbox-description-font-weight":`{fontWeights.regular}`,"--checkbox-description-line-height":`inherit`,"--checkbox-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-description-margin":`0`,"--checkbox-body-align":`center`,"--checkbox-body-gap":`{spacing.200}`,"--checkbox-error-font-family":`{fonts.base}`,"--checkbox-error-font-size":`{fontSizes.200}`,"--checkbox-error-font-weight":`{fontWeights.regular}`,"--checkbox-error-line-height":`inherit`,"--checkbox-error-foreground":`{colors.danger.foreground.1.enabled}`,"--checkbox-error-margin":`{spacing.100} 0 0 0`}});export{t as checkbox};
|
|
2
2
|
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkbox = defineRecipe({\n className: 'checkbox',\n jsx: ['Checkbox'],\n base: {\n // checkbox input enabled\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // checkbox input checked\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--checkbox-input-border-width-checked': '{borders.100}',\n '--checkbox-input-border-style-checked': 'solid',\n '--checkbox-input-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n\n // checkbox input disabled\n '--checkbox-input-opacity-disabled': '.5',\n\n // checkbox input focus\n '--checkbox-input-focus-outline-width': '{borders.100}',\n '--checkbox-input-focus-outline-style': 'solid',\n '--checkbox-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--checkbox-input-focus-outline-offset': '{spacing.50}',\n '--checkbox-input-focus-shadow': 'none',\n\n // checkbox input error\n '--checkbox-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--checkbox-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // checkbox icon\n '--checkbox-icon-color': '{colors.neutral.stroke.1.onPrimary.selected}',\n '--checkbox-icon-size': '60%',\n\n // checkbox inner\n '--checkbox-size': '{sizes.300}',\n\n // checkbox label wrapper\n '--checkbox-label-wrapper-gap': '{spacing.100}',\n\n // checkbox label\n '--checkbox-label-font-family': '{fonts.base}',\n '--checkbox-label-font-size': '{fontSizes.300}',\n '--checkbox-label-font-weight': '{fontWeights.regular}',\n '--checkbox-label-line-height': '1.2',\n '--checkbox-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-margin': '0',\n '--checkbox-label-opacity-disabled': '.5',\n\n // checkbox label required\n '--checkbox-label-required-color': '{colors.danger.foreground.1.enabled}',\n\n '--checkbox-transition': '{animations.base.100}',\n\n // checkbox description\n '--checkbox-description-font-family': '{fonts.base}',\n '--checkbox-description-font-size': '{fontSizes.300}',\n '--checkbox-description-font-weight': '{fontWeights.regular}',\n '--checkbox-description-line-height': 'inherit',\n '--checkbox-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--checkbox-description-margin': '0',\n\n // checkbox body\n '--checkbox-body-align': 'center',\n '--checkbox-body-gap': '{spacing.200}',\n\n // checkbox error\n '--checkbox-error-font-family': '{fonts.base}',\n '--checkbox-error-font-size': '{fontSizes.200}',\n '--checkbox-error-font-weight': '{fontWeights.regular}',\n '--checkbox-error-line-height': 'inherit',\n '--checkbox-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--checkbox-error-margin': '{spacing.100} 0 0 0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,cACzB,yBAA0B,cAC1B,8BAA+B,cAC/B,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCAGjC,sCACE,iDACF,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDAGF,oCAAqC,KAGrC,uCAAwC,gBACxC,uCAAwC,QACxC,uCAAwC,oCACxC,wCAAyC,eACzC,gCAAiC,OAGjC,sCAAuC,mCACvC,6CACE,mCAGF,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,KAGrC,kCAAmC,
|
|
1
|
+
{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkbox = defineRecipe({\n className: 'checkbox',\n jsx: ['Checkbox'],\n base: {\n // checkbox input enabled\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // checkbox input checked\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--checkbox-input-border-width-checked': '{borders.100}',\n '--checkbox-input-border-style-checked': 'solid',\n '--checkbox-input-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n\n // checkbox input disabled\n '--checkbox-input-opacity-disabled': '.5',\n\n // checkbox input focus\n '--checkbox-input-focus-outline-width': '{borders.100}',\n '--checkbox-input-focus-outline-style': 'solid',\n '--checkbox-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--checkbox-input-focus-outline-offset': '{spacing.50}',\n '--checkbox-input-focus-shadow': 'none',\n\n // checkbox input error\n '--checkbox-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--checkbox-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // checkbox icon\n '--checkbox-icon-color': '{colors.neutral.stroke.1.onPrimary.selected}',\n '--checkbox-icon-size': '60%',\n\n // checkbox inner\n '--checkbox-size': '{sizes.300}',\n\n // checkbox label wrapper\n '--checkbox-label-wrapper-gap': '{spacing.100}',\n\n // checkbox label\n '--checkbox-label-font-family': '{fonts.base}',\n '--checkbox-label-font-size': '{fontSizes.300}',\n '--checkbox-label-font-weight': '{fontWeights.regular}',\n '--checkbox-label-line-height': '1.2',\n '--checkbox-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-margin': '0',\n '--checkbox-label-opacity-disabled': '.5',\n\n // checkbox label required\n '--checkbox-label-required-color': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-required-color-error':\n '{colors.danger.foreground.1.enabled}',\n\n '--checkbox-transition': '{animations.base.100}',\n\n // checkbox description\n '--checkbox-description-font-family': '{fonts.base}',\n '--checkbox-description-font-size': '{fontSizes.300}',\n '--checkbox-description-font-weight': '{fontWeights.regular}',\n '--checkbox-description-line-height': 'inherit',\n '--checkbox-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--checkbox-description-margin': '0',\n\n // checkbox body\n '--checkbox-body-align': 'center',\n '--checkbox-body-gap': '{spacing.200}',\n\n // checkbox error\n '--checkbox-error-font-family': '{fonts.base}',\n '--checkbox-error-font-size': '{fontSizes.200}',\n '--checkbox-error-font-weight': '{fontWeights.regular}',\n '--checkbox-error-line-height': 'inherit',\n '--checkbox-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--checkbox-error-margin': '{spacing.100} 0 0 0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,cACzB,yBAA0B,cAC1B,8BAA+B,cAC/B,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCAGjC,sCACE,iDACF,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDAGF,oCAAqC,KAGrC,uCAAwC,gBACxC,uCAAwC,QACxC,uCAAwC,oCACxC,wCAAyC,eACzC,gCAAiC,OAGjC,sCAAuC,mCACvC,6CACE,mCAGF,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,KAGrC,kCAAmC,wCACnC,wCACE,uCAEF,wBAAyB,wBAGzB,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,wBACtC,qCAAsC,UACtC,oCACE,wCACF,gCAAiC,IAGjC,wBAAyB,SACzB,sBAAuB,gBAGvB,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,UAChC,8BAA+B,uCAC/B,0BAA2B,sBAC5B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`menu`,jsx:[`Menu`],base:{"--mantine-scale":1,"--menu-background":`{colors.neutral.background.1.enabled}`,"--menu-border-width":`1px`,"--menu-border-style":`solid`,"--menu-border-color":`{colors.neutral.stroke.7.enabled}`,"--menu-padding-inline":`{spacing.200}`,"--menu-padding-block":`{spacing.200}`,"--menu-radii":`{radii.200}`,"--menu-gap":`{spacing.100}`,"--menu-margin-top":`{spacing.0}`,"--menu-width":`max-content`,"--menu-max-width":`unset`,"--menu-transition":`{animations.200}`,"--menu-item-justify-content":`space-between`,"--menu-item-align-items":`center`,"--menu-item-gap":`{spacing.0}`,"--menu-item-font-family":`{fonts.base}`,"--menu-item-font-size":`inherit`,"--menu-item-line-height":`inherit`,"--menu-item-padding-inline":`{spacing.0}`,"--menu-item-padding-block":`{spacing.0}`,"--menu-item-radii":`{radii.0}`,"--menu-item-background":`transparent`,"--menu-item-foreground":`inherit`,"--menu-item-transition":`none`,"--menu-item-background-hover":`transparent`,"--menu-item-foreground-hover":`inherit`,"--menu-item-background-selected":`transparent`,"--menu-item-foreground-selected":`inherit`,"--menu-item-background-active":`transparent`,"--menu-item-foreground-active":`inherit`,"--menu-item-label-text-align":`left`,"--menu-divider-border-top-width":`{borders.100}`,"--menu-divider-border-top-style":`solid`,"--menu-divider-border-top-color":`{colors.neutral.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`menu`,jsx:[`Menu`],base:{"--mantine-scale":1,"--menu-background":`{colors.neutral.background.1.enabled}`,"--menu-border-width":`1px`,"--menu-border-style":`solid`,"--menu-border-color":`{colors.neutral.stroke.7.enabled}`,"--menu-padding-inline":`{spacing.200}`,"--menu-padding-block":`{spacing.200}`,"--menu-radii":`{radii.200}`,"--menu-gap":`{spacing.100}`,"--menu-margin-top":`{spacing.0}`,"--menu-width":`max-content`,"--menu-max-width":`unset`,"--menu-transition":`{animations.200}`,"--menu-item-justify-content":`space-between`,"--menu-item-align-items":`center`,"--menu-item-gap":`{spacing.0}`,"--menu-item-font-family":`{fonts.base}`,"--menu-item-font-size":`inherit`,"--menu-item-line-height":`inherit`,"--menu-item-padding-inline":`{spacing.0}`,"--menu-item-padding-block":`{spacing.0}`,"--menu-item-radii":`{radii.0}`,"--menu-item-background":`transparent`,"--menu-item-foreground":`inherit`,"--menu-item-transition":`none`,"--menu-item-background-hover":`transparent`,"--menu-item-foreground-hover":`inherit`,"--menu-item-background-selected":`transparent`,"--menu-item-foreground-selected":`inherit`,"--menu-item-background-active":`transparent`,"--menu-item-foreground-active":`inherit`,"--menu-item-label-text-align":`left`,"--menu-divider-border-top-width":`{borders.100}`,"--menu-divider-border-top-style":`solid`,"--menu-divider-border-top-color":`{colors.neutral.stroke.7.enabled}`,"--menu-divider-margin-inline":`0`,"--menu-divider-margin-block":`{borders.100}`,"--menu-divider-border-image-slice":`1`,"--menu-divider-border-image-source":`none`}});export{t as menu};
|
|
2
2
|
//# sourceMappingURL=menu.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const menu = defineRecipe({\n className: 'menu',\n jsx: ['Menu'],\n base: {\n '--mantine-scale': 1, // For Mantine width prop\n\n '--menu-background': '{colors.neutral.background.1.enabled}',\n '--menu-border-width': '1px',\n '--menu-border-style': 'solid',\n '--menu-border-color': '{colors.neutral.stroke.7.enabled}',\n '--menu-padding-inline': '{spacing.200}',\n '--menu-padding-block': '{spacing.200}',\n '--menu-radii': '{radii.200}',\n '--menu-gap': '{spacing.100}',\n '--menu-margin-top': '{spacing.0}',\n '--menu-width': 'max-content',\n '--menu-max-width': 'unset',\n '--menu-transition': '{animations.200}',\n\n '--menu-item-justify-content': 'space-between',\n '--menu-item-align-items': 'center',\n '--menu-item-gap': '{spacing.0}',\n '--menu-item-font-family': '{fonts.base}',\n '--menu-item-font-size': 'inherit',\n '--menu-item-line-height': 'inherit',\n '--menu-item-padding-inline': '{spacing.0}',\n '--menu-item-padding-block': '{spacing.0}',\n '--menu-item-radii': '{radii.0}',\n '--menu-item-background': 'transparent',\n '--menu-item-foreground': 'inherit',\n '--menu-item-transition': 'none',\n '--menu-item-background-hover': 'transparent',\n '--menu-item-foreground-hover': 'inherit',\n '--menu-item-background-selected': 'transparent',\n '--menu-item-foreground-selected': 'inherit',\n '--menu-item-background-active': 'transparent',\n '--menu-item-foreground-active': 'inherit',\n\n '--menu-item-label-text-align': 'left',\n\n '--menu-divider-border-top-width': '{borders.100}',\n '--menu-divider-border-top-style': 'solid',\n '--menu-divider-border-top-color': '{colors.neutral.
|
|
1
|
+
{"version":3,"file":"menu.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const menu = defineRecipe({\n className: 'menu',\n jsx: ['Menu'],\n base: {\n '--mantine-scale': 1, // For Mantine width prop\n\n '--menu-background': '{colors.neutral.background.1.enabled}',\n '--menu-border-width': '1px',\n '--menu-border-style': 'solid',\n '--menu-border-color': '{colors.neutral.stroke.7.enabled}',\n '--menu-padding-inline': '{spacing.200}',\n '--menu-padding-block': '{spacing.200}',\n '--menu-radii': '{radii.200}',\n '--menu-gap': '{spacing.100}',\n '--menu-margin-top': '{spacing.0}',\n '--menu-width': 'max-content',\n '--menu-max-width': 'unset',\n '--menu-transition': '{animations.200}',\n\n '--menu-item-justify-content': 'space-between',\n '--menu-item-align-items': 'center',\n '--menu-item-gap': '{spacing.0}',\n '--menu-item-font-family': '{fonts.base}',\n '--menu-item-font-size': 'inherit',\n '--menu-item-line-height': 'inherit',\n '--menu-item-padding-inline': '{spacing.0}',\n '--menu-item-padding-block': '{spacing.0}',\n '--menu-item-radii': '{radii.0}',\n '--menu-item-background': 'transparent',\n '--menu-item-foreground': 'inherit',\n '--menu-item-transition': 'none',\n '--menu-item-background-hover': 'transparent',\n '--menu-item-foreground-hover': 'inherit',\n '--menu-item-background-selected': 'transparent',\n '--menu-item-foreground-selected': 'inherit',\n '--menu-item-background-active': 'transparent',\n '--menu-item-foreground-active': 'inherit',\n\n '--menu-item-label-text-align': 'left',\n\n '--menu-divider-border-top-width': '{borders.100}',\n '--menu-divider-border-top-style': 'solid',\n '--menu-divider-border-top-color': '{colors.neutral.stroke.7.enabled}',\n '--menu-divider-margin-inline': '0',\n '--menu-divider-margin-block': '{borders.100}',\n '--menu-divider-border-image-slice': '1',\n '--menu-divider-border-image-source': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,kBAAmB,EAEnB,oBAAqB,wCACrB,sBAAuB,MACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,aAAc,gBACd,oBAAqB,cACrB,eAAgB,cAChB,mBAAoB,QACpB,oBAAqB,mBAErB,8BAA+B,gBAC/B,0BAA2B,SAC3B,kBAAmB,cACnB,0BAA2B,eAC3B,wBAAyB,UACzB,0BAA2B,UAC3B,6BAA8B,cAC9B,4BAA6B,cAC7B,oBAAqB,YACrB,yBAA0B,cAC1B,yBAA0B,UAC1B,yBAA0B,OAC1B,+BAAgC,cAChC,+BAAgC,UAChC,kCAAmC,cACnC,kCAAmC,UACnC,gCAAiC,cACjC,gCAAiC,UAEjC,+BAAgC,OAEhC,kCAAmC,gBACnC,kCAAmC,QACnC,kCAAmC,oCACnC,+BAAgC,IAChC,8BAA+B,gBAC/B,oCAAqC,IACrC,qCAAsC,OACvC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{navigationMenu as e}from"./navigation-menu.mjs";import{
|
|
1
|
+
import{navigationMenu as e}from"./navigation-menu.mjs";import{navigationMenuDivider as t}from"./navigation-menu-divider.mjs";import{navigationMenuList as n}from"./navigation-menu-list.mjs";import{navigationMenuListItem as r}from"./navigation-menu-list-item.mjs";import{navigationMenuNavItem as i}from"./navigation-menu-nav-item.mjs";import{navigationMenuNavItemLabel as a}from"./navigation-menu-nav-item-label.mjs";import{navigationMenuNavItemSection as o}from"./navigation-menu-nav-item-section.mjs";import{navigationMenuRoot as s}from"./navigation-menu-root.mjs";var c={navigationMenu:e,navigationMenuRoot:s,navigationMenuList:n,navigationMenuListItem:r,navigationMenuDivider:t,navigationMenuNavItem:i,navigationMenuNavItemLabel:a,navigationMenuNavItemSection:o};export{c as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/navigation-menu/index.ts"],"sourcesContent":["import { navigationMenu } from './navigation-menu';\nimport { navigationMenuList } from './navigation-menu-list';\nimport { navigationMenuListItem } from './navigation-menu-list-item';\nimport { navigationMenuNavItem } from './navigation-menu-nav-item';\nimport { navigationMenuNavItemLabel } from './navigation-menu-nav-item-label';\nimport { navigationMenuNavItemSection } from './navigation-menu-nav-item-section';\nimport { navigationMenuRoot } from './navigation-menu-root';\n\nexport default {\n navigationMenu,\n navigationMenuRoot,\n navigationMenuList,\n navigationMenuListItem,\n navigationMenuNavItem,\n navigationMenuNavItemLabel,\n navigationMenuNavItemSection,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/navigation-menu/index.ts"],"sourcesContent":["import { navigationMenu } from './navigation-menu';\nimport { navigationMenuDivider } from './navigation-menu-divider';\nimport { navigationMenuList } from './navigation-menu-list';\nimport { navigationMenuListItem } from './navigation-menu-list-item';\nimport { navigationMenuNavItem } from './navigation-menu-nav-item';\nimport { navigationMenuNavItemLabel } from './navigation-menu-nav-item-label';\nimport { navigationMenuNavItemSection } from './navigation-menu-nav-item-section';\nimport { navigationMenuRoot } from './navigation-menu-root';\n\nexport default {\n navigationMenu,\n navigationMenuRoot,\n navigationMenuList,\n navigationMenuListItem,\n navigationMenuDivider,\n navigationMenuNavItem,\n navigationMenuNavItemLabel,\n navigationMenuNavItemSection,\n};\n"],"mappings":"qjBASA,IAAA,EAAe,CACb,iBACA,qBACA,qBACA,yBACA,wBACA,wBACA,6BACA,+BACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`navigation-menu__divider`,jsx:[`NavigationMenu`],base:{borderTopWidth:`var(--navigation-menu-divider-border-top-width, {borders.100})`,borderTopStyle:`var(--navigation-menu-divider-border-top-style, solid)`,borderTopColor:`var(--navigation-menu-divider-border-top-color,{colors.neutral.stroke.7.enabled})`,marginInline:`var(--navigation-menu-divider-margin-inline, 0)`,marginBlock:`var(--navigation-menu-divider-margin-block, {borders.100})`,borderBottom:`none`,borderImageSource:`var(--navigation-menu-divider-border-image-source)`,borderImageSlice:`var(--navigation-menu-divider-border-image-slice, 1)`}});export{t as navigationMenuDivider};
|
|
2
|
+
//# sourceMappingURL=navigation-menu-divider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu-divider.mjs","names":[],"sources":["../../../../src/recipes/navigations/navigation-menu/navigation-menu-divider.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const navigationMenuDivider = defineRecipe({\n className: 'navigation-menu__divider',\n jsx: ['NavigationMenu'],\n base: {\n borderTopWidth:\n 'var(--navigation-menu-divider-border-top-width, {borders.100})',\n borderTopStyle: 'var(--navigation-menu-divider-border-top-style, solid)',\n borderTopColor:\n 'var(--navigation-menu-divider-border-top-color,{colors.neutral.stroke.7.enabled})',\n marginInline: 'var(--navigation-menu-divider-margin-inline, 0)',\n marginBlock: 'var(--navigation-menu-divider-margin-block, {borders.100})',\n borderBottom: 'none',\n borderImageSource: 'var(--navigation-menu-divider-border-image-source)',\n borderImageSlice: 'var(--navigation-menu-divider-border-image-slice, 1)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,eACE,iEACF,eAAgB,yDAChB,eACE,oFACF,aAAc,kDACd,YAAa,6DACb,aAAc,OACd,kBAAmB,qDACnB,iBAAkB,uDACnB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`navigation-menu`,jsx:[`NavigationMenu`],base:{"--navigation-menu-root-background":`var(--colors-neutral-background-1-enabled)`,"--navigation-menu-root-display":`flex`,"--navigation-menu-root-flex-direction":`column`,"--navigation-menu-root-flex-wrap":`nowrap`,"--navigation-menu-root-justify-content":`center`,"--navigation-menu-root-align-items":`center`,"--navigation-menu-root-gap":`{spacing.0}`,"--navigation-menu-root-padding-block":`{spacing.0}`,"--navigation-menu-root-padding-inline":`{spacing.0}`,"--navigation-menu-root-margin":`{spacing.0}`,"--navigation-menu-root-width":`100%`,"--navigation-menu-root-height":`auto`,"--navigation-menu-list-background":`var(--colors-neutral-background-1-enabled)`,"--navigation-menu-list-display":`flex`,"--navigation-menu-list-flex-direction":`column`,"--navigation-menu-list-flex-wrap":`nowrap`,"--navigation-menu-list-justify-content":`center`,"--navigation-menu-list-align-items":`stretch`,"--navigation-menu-list-gap":`{spacing.100}`,"--navigation-menu-list-padding-block":`{spacing.0}`,"--navigation-menu-list-padding-inline":`{spacing.0}`,"--navigation-menu-list-margin-block":`{spacing.0}`,"--navigation-menu-list-margin-inline":`{spacing.0}`,"--navigation-menu-list-width":`100%`,"--navigation-menu-list-height":`auto`,"--navigation-menu-list-item-display":`flex`,"--navigation-menu-list-item-flex-direction":`column`,"--navigation-menu-list-item-flex-wrap":`nowrap`,"--navigation-menu-list-item-justify-content":`center`,"--navigation-menu-list-item-align-items":`stretch`,"--navigation-menu-list-item-gap":`{spacing.0}`,"--navigation-menu-list-item-padding-block":`{spacing.0}`,"--navigation-menu-list-item-padding-inline":`{spacing.0}`,"--navigation-menu-list-item-margin-block":`{spacing.0}`,"--navigation-menu-list-item-margin-inline":`{spacing.0}`,"--navigation-menu-nav-item-display":`flex`,"--navigation-menu-nav-item-flex-direction":`row`,"--navigation-menu-nav-item-flex-wrap":`nowrap`,"--navigation-menu-nav-item-justify-content":`center`,"--navigation-menu-nav-item-align-items":`center`,"--navigation-menu-nav-item-gap":`{spacing.200}`,"--navigation-menu-nav-item-height":`{sizes.600}`,"--navigation-menu-nav-item-padding-block":`{spacing.200}`,"--navigation-menu-nav-item-padding-inline":`{spacing.200}`,"--navigation-menu-nav-item-section-display":`flex`,"--navigation-menu-nav-item-section-flex-direction":`row`,"--navigation-menu-nav-item-section-flex-wrap":`nowrap`,"--navigation-menu-nav-item-section-justify-content":`center`,"--navigation-menu-nav-item-section-align-items":`center`,"--navigation-menu-nav-item-section-gap":`{spacing.0}`,"--navigation-menu-nav-item-section-padding-block":`{spacing.0}`,"--navigation-menu-nav-item-section-padding-inline":`{spacing.0}`,"--navigation-menu-nav-item-label-font-size":`{fontSizes.300}`,"--navigation-menu-nav-item-label-font-weight":`{fontWeights.medium}`,"--navigation-menu-nav-item-label-text-transform":`none`,"--navigation-menu-nav-item-label-line-height":`1`,"--navigation-menu-nav-item-label-display":`flex`,"--navigation-menu-nav-item-label-flex-direction":`row`,"--navigation-menu-nav-item-label-flex-wrap":`nowrap`,"--navigation-menu-nav-item-label-justify-content":`start`,"--navigation-menu-nav-item-label-align-items":`center`,"--navigation-menu-nav-item-label-gap":`{spacing.0}`,"--navigation-menu-nav-item-label-padding-block":`{spacing.0}`,"--navigation-menu-nav-item-label-padding-inline":`{spacing.0}`}});export{t as navigationMenu};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`navigation-menu`,jsx:[`NavigationMenu`],base:{"--navigation-menu-root-background":`var(--colors-neutral-background-1-enabled)`,"--navigation-menu-root-display":`flex`,"--navigation-menu-root-flex-direction":`column`,"--navigation-menu-root-flex-wrap":`nowrap`,"--navigation-menu-root-justify-content":`center`,"--navigation-menu-root-align-items":`center`,"--navigation-menu-root-gap":`{spacing.0}`,"--navigation-menu-root-padding-block":`{spacing.0}`,"--navigation-menu-root-padding-inline":`{spacing.0}`,"--navigation-menu-root-margin":`{spacing.0}`,"--navigation-menu-root-width":`100%`,"--navigation-menu-root-height":`auto`,"--navigation-menu-list-background":`var(--colors-neutral-background-1-enabled)`,"--navigation-menu-list-display":`flex`,"--navigation-menu-list-flex-direction":`column`,"--navigation-menu-list-flex-wrap":`nowrap`,"--navigation-menu-list-justify-content":`center`,"--navigation-menu-list-align-items":`stretch`,"--navigation-menu-list-gap":`{spacing.100}`,"--navigation-menu-list-padding-block":`{spacing.0}`,"--navigation-menu-list-padding-inline":`{spacing.0}`,"--navigation-menu-list-margin-block":`{spacing.0}`,"--navigation-menu-list-margin-inline":`{spacing.0}`,"--navigation-menu-list-width":`100%`,"--navigation-menu-list-height":`auto`,"--navigation-menu-list-item-display":`flex`,"--navigation-menu-list-item-flex-direction":`column`,"--navigation-menu-list-item-flex-wrap":`nowrap`,"--navigation-menu-list-item-justify-content":`center`,"--navigation-menu-list-item-align-items":`stretch`,"--navigation-menu-list-item-gap":`{spacing.0}`,"--navigation-menu-list-item-padding-block":`{spacing.0}`,"--navigation-menu-list-item-padding-inline":`{spacing.0}`,"--navigation-menu-list-item-margin-block":`{spacing.0}`,"--navigation-menu-list-item-margin-inline":`{spacing.0}`,"--navigation-menu-divider-border-top-width":`{borders.100}`,"--navigation-menu-divider-border-top-style":`solid`,"--navigation-menu-divider-border-top-color":`{colors.neutral.stroke.7.enabled}`,"--navigation-menu-divider-margin-inline":`0`,"--navigation-menu-divider-margin-block":`{borders.100}`,"--navigation-menu-divider-border-image-slice":`1`,"--navigation-menu-divider-border-image-source":`none`,"--navigation-menu-nav-item-display":`flex`,"--navigation-menu-nav-item-flex-direction":`row`,"--navigation-menu-nav-item-flex-wrap":`nowrap`,"--navigation-menu-nav-item-justify-content":`center`,"--navigation-menu-nav-item-align-items":`center`,"--navigation-menu-nav-item-gap":`{spacing.200}`,"--navigation-menu-nav-item-height":`{sizes.600}`,"--navigation-menu-nav-item-padding-block":`{spacing.200}`,"--navigation-menu-nav-item-padding-inline":`{spacing.200}`,"--navigation-menu-nav-item-section-display":`flex`,"--navigation-menu-nav-item-section-flex-direction":`row`,"--navigation-menu-nav-item-section-flex-wrap":`nowrap`,"--navigation-menu-nav-item-section-justify-content":`center`,"--navigation-menu-nav-item-section-align-items":`center`,"--navigation-menu-nav-item-section-gap":`{spacing.0}`,"--navigation-menu-nav-item-section-padding-block":`{spacing.0}`,"--navigation-menu-nav-item-section-padding-inline":`{spacing.0}`,"--navigation-menu-nav-item-label-font-size":`{fontSizes.300}`,"--navigation-menu-nav-item-label-font-weight":`{fontWeights.medium}`,"--navigation-menu-nav-item-label-text-transform":`none`,"--navigation-menu-nav-item-label-line-height":`1`,"--navigation-menu-nav-item-label-display":`flex`,"--navigation-menu-nav-item-label-flex-direction":`row`,"--navigation-menu-nav-item-label-flex-wrap":`nowrap`,"--navigation-menu-nav-item-label-justify-content":`start`,"--navigation-menu-nav-item-label-align-items":`center`,"--navigation-menu-nav-item-label-gap":`{spacing.0}`,"--navigation-menu-nav-item-label-padding-block":`{spacing.0}`,"--navigation-menu-nav-item-label-padding-inline":`{spacing.0}`}});export{t as navigationMenu};
|
|
2
2
|
//# sourceMappingURL=navigation-menu.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.mjs","names":[],"sources":["../../../../src/recipes/navigations/navigation-menu/navigation-menu.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const navigationMenu = defineRecipe({\n className: 'navigation-menu',\n jsx: ['NavigationMenu'],\n base: {\n /* root */\n '--navigation-menu-root-background':\n 'var(--colors-neutral-background-1-enabled)',\n '--navigation-menu-root-display': 'flex',\n '--navigation-menu-root-flex-direction': 'column',\n '--navigation-menu-root-flex-wrap': 'nowrap',\n '--navigation-menu-root-justify-content': 'center',\n '--navigation-menu-root-align-items': 'center',\n '--navigation-menu-root-gap': '{spacing.0}',\n '--navigation-menu-root-padding-block': '{spacing.0}',\n '--navigation-menu-root-padding-inline': '{spacing.0}',\n '--navigation-menu-root-margin': '{spacing.0}',\n '--navigation-menu-root-width': '100%',\n '--navigation-menu-root-height': 'auto',\n\n /* list */\n '--navigation-menu-list-background':\n 'var(--colors-neutral-background-1-enabled)',\n '--navigation-menu-list-display': 'flex',\n '--navigation-menu-list-flex-direction': 'column',\n '--navigation-menu-list-flex-wrap': 'nowrap',\n '--navigation-menu-list-justify-content': 'center',\n '--navigation-menu-list-align-items': 'stretch',\n '--navigation-menu-list-gap': '{spacing.100}',\n '--navigation-menu-list-padding-block': '{spacing.0}',\n '--navigation-menu-list-padding-inline': '{spacing.0}',\n '--navigation-menu-list-margin-block': '{spacing.0}',\n '--navigation-menu-list-margin-inline': '{spacing.0}',\n '--navigation-menu-list-width': '100%',\n '--navigation-menu-list-height': 'auto',\n\n /* list item */\n '--navigation-menu-list-item-display': 'flex',\n '--navigation-menu-list-item-flex-direction': 'column',\n '--navigation-menu-list-item-flex-wrap': 'nowrap',\n '--navigation-menu-list-item-justify-content': 'center',\n '--navigation-menu-list-item-align-items': 'stretch',\n '--navigation-menu-list-item-gap': '{spacing.0}',\n '--navigation-menu-list-item-padding-block': '{spacing.0}',\n '--navigation-menu-list-item-padding-inline': '{spacing.0}',\n '--navigation-menu-list-item-margin-block': '{spacing.0}',\n '--navigation-menu-list-item-margin-inline': '{spacing.0}',\n\n /* nav item */\n '--navigation-menu-nav-item-display': 'flex',\n '--navigation-menu-nav-item-flex-direction': 'row',\n '--navigation-menu-nav-item-flex-wrap': 'nowrap',\n '--navigation-menu-nav-item-justify-content': 'center',\n '--navigation-menu-nav-item-align-items': 'center',\n '--navigation-menu-nav-item-gap': '{spacing.200}',\n '--navigation-menu-nav-item-height': '{sizes.600}',\n '--navigation-menu-nav-item-padding-block': '{spacing.200}',\n '--navigation-menu-nav-item-padding-inline': '{spacing.200}',\n\n /* nav item section */\n '--navigation-menu-nav-item-section-display': 'flex',\n '--navigation-menu-nav-item-section-flex-direction': 'row',\n '--navigation-menu-nav-item-section-flex-wrap': 'nowrap',\n '--navigation-menu-nav-item-section-justify-content': 'center',\n '--navigation-menu-nav-item-section-align-items': 'center',\n '--navigation-menu-nav-item-section-gap': '{spacing.0}',\n '--navigation-menu-nav-item-section-padding-block': '{spacing.0}',\n '--navigation-menu-nav-item-section-padding-inline': '{spacing.0}',\n\n /* nav item label */\n '--navigation-menu-nav-item-label-font-size': '{fontSizes.300}',\n '--navigation-menu-nav-item-label-font-weight': '{fontWeights.medium}',\n '--navigation-menu-nav-item-label-text-transform': 'none',\n '--navigation-menu-nav-item-label-line-height': '1',\n '--navigation-menu-nav-item-label-display': 'flex',\n '--navigation-menu-nav-item-label-flex-direction': 'row',\n '--navigation-menu-nav-item-label-flex-wrap': 'nowrap',\n '--navigation-menu-nav-item-label-justify-content': 'start',\n '--navigation-menu-nav-item-label-align-items': 'center',\n '--navigation-menu-nav-item-label-gap': '{spacing.0}',\n '--navigation-menu-nav-item-label-padding-block': '{spacing.0}',\n '--navigation-menu-nav-item-label-padding-inline': '{spacing.0}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,kBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CAEJ,oCACE,6CACF,iCAAkC,OAClC,wCAAyC,SACzC,mCAAoC,SACpC,yCAA0C,SAC1C,qCAAsC,SACtC,6BAA8B,cAC9B,uCAAwC,cACxC,wCAAyC,cACzC,gCAAiC,cACjC,+BAAgC,OAChC,gCAAiC,OAGjC,oCACE,6CACF,iCAAkC,OAClC,wCAAyC,SACzC,mCAAoC,SACpC,yCAA0C,SAC1C,qCAAsC,UACtC,6BAA8B,gBAC9B,uCAAwC,cACxC,wCAAyC,cACzC,sCAAuC,cACvC,uCAAwC,cACxC,+BAAgC,OAChC,gCAAiC,OAGjC,sCAAuC,OACvC,6CAA8C,SAC9C,wCAAyC,SACzC,8CAA+C,SAC/C,0CAA2C,UAC3C,kCAAmC,cACnC,4CAA6C,cAC7C,6CAA8C,cAC9C,2CAA4C,cAC5C,4CAA6C,cAG7C,qCAAsC,OACtC,4CAA6C,MAC7C,uCAAwC,SACxC,6CAA8C,SAC9C,yCAA0C,SAC1C,iCAAkC,gBAClC,oCAAqC,cACrC,2CAA4C,gBAC5C,4CAA6C,gBAG7C,6CAA8C,OAC9C,oDAAqD,MACrD,+CAAgD,SAChD,qDAAsD,SACtD,iDAAkD,SAClD,yCAA0C,cAC1C,mDAAoD,cACpD,oDAAqD,cAGrD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OACnD,+CAAgD,IAChD,2CAA4C,OAC5C,kDAAmD,MACnD,6CAA8C,SAC9C,mDAAoD,QACpD,+CAAgD,SAChD,uCAAwC,cACxC,iDAAkD,cAClD,kDAAmD,cACpD,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"navigation-menu.mjs","names":[],"sources":["../../../../src/recipes/navigations/navigation-menu/navigation-menu.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const navigationMenu = defineRecipe({\n className: 'navigation-menu',\n jsx: ['NavigationMenu'],\n base: {\n /* root */\n '--navigation-menu-root-background':\n 'var(--colors-neutral-background-1-enabled)',\n '--navigation-menu-root-display': 'flex',\n '--navigation-menu-root-flex-direction': 'column',\n '--navigation-menu-root-flex-wrap': 'nowrap',\n '--navigation-menu-root-justify-content': 'center',\n '--navigation-menu-root-align-items': 'center',\n '--navigation-menu-root-gap': '{spacing.0}',\n '--navigation-menu-root-padding-block': '{spacing.0}',\n '--navigation-menu-root-padding-inline': '{spacing.0}',\n '--navigation-menu-root-margin': '{spacing.0}',\n '--navigation-menu-root-width': '100%',\n '--navigation-menu-root-height': 'auto',\n\n /* list */\n '--navigation-menu-list-background':\n 'var(--colors-neutral-background-1-enabled)',\n '--navigation-menu-list-display': 'flex',\n '--navigation-menu-list-flex-direction': 'column',\n '--navigation-menu-list-flex-wrap': 'nowrap',\n '--navigation-menu-list-justify-content': 'center',\n '--navigation-menu-list-align-items': 'stretch',\n '--navigation-menu-list-gap': '{spacing.100}',\n '--navigation-menu-list-padding-block': '{spacing.0}',\n '--navigation-menu-list-padding-inline': '{spacing.0}',\n '--navigation-menu-list-margin-block': '{spacing.0}',\n '--navigation-menu-list-margin-inline': '{spacing.0}',\n '--navigation-menu-list-width': '100%',\n '--navigation-menu-list-height': 'auto',\n\n /* list item */\n '--navigation-menu-list-item-display': 'flex',\n '--navigation-menu-list-item-flex-direction': 'column',\n '--navigation-menu-list-item-flex-wrap': 'nowrap',\n '--navigation-menu-list-item-justify-content': 'center',\n '--navigation-menu-list-item-align-items': 'stretch',\n '--navigation-menu-list-item-gap': '{spacing.0}',\n '--navigation-menu-list-item-padding-block': '{spacing.0}',\n '--navigation-menu-list-item-padding-inline': '{spacing.0}',\n '--navigation-menu-list-item-margin-block': '{spacing.0}',\n '--navigation-menu-list-item-margin-inline': '{spacing.0}',\n\n /* divider */\n '--navigation-menu-divider-border-top-width': '{borders.100}',\n '--navigation-menu-divider-border-top-style': 'solid',\n '--navigation-menu-divider-border-top-color':\n '{colors.neutral.stroke.7.enabled}',\n '--navigation-menu-divider-margin-inline': '0',\n '--navigation-menu-divider-margin-block': '{borders.100}',\n '--navigation-menu-divider-border-image-slice': '1',\n '--navigation-menu-divider-border-image-source': 'none',\n\n /* nav item */\n '--navigation-menu-nav-item-display': 'flex',\n '--navigation-menu-nav-item-flex-direction': 'row',\n '--navigation-menu-nav-item-flex-wrap': 'nowrap',\n '--navigation-menu-nav-item-justify-content': 'center',\n '--navigation-menu-nav-item-align-items': 'center',\n '--navigation-menu-nav-item-gap': '{spacing.200}',\n '--navigation-menu-nav-item-height': '{sizes.600}',\n '--navigation-menu-nav-item-padding-block': '{spacing.200}',\n '--navigation-menu-nav-item-padding-inline': '{spacing.200}',\n\n /* nav item section */\n '--navigation-menu-nav-item-section-display': 'flex',\n '--navigation-menu-nav-item-section-flex-direction': 'row',\n '--navigation-menu-nav-item-section-flex-wrap': 'nowrap',\n '--navigation-menu-nav-item-section-justify-content': 'center',\n '--navigation-menu-nav-item-section-align-items': 'center',\n '--navigation-menu-nav-item-section-gap': '{spacing.0}',\n '--navigation-menu-nav-item-section-padding-block': '{spacing.0}',\n '--navigation-menu-nav-item-section-padding-inline': '{spacing.0}',\n\n /* nav item label */\n '--navigation-menu-nav-item-label-font-size': '{fontSizes.300}',\n '--navigation-menu-nav-item-label-font-weight': '{fontWeights.medium}',\n '--navigation-menu-nav-item-label-text-transform': 'none',\n '--navigation-menu-nav-item-label-line-height': '1',\n '--navigation-menu-nav-item-label-display': 'flex',\n '--navigation-menu-nav-item-label-flex-direction': 'row',\n '--navigation-menu-nav-item-label-flex-wrap': 'nowrap',\n '--navigation-menu-nav-item-label-justify-content': 'start',\n '--navigation-menu-nav-item-label-align-items': 'center',\n '--navigation-menu-nav-item-label-gap': '{spacing.0}',\n '--navigation-menu-nav-item-label-padding-block': '{spacing.0}',\n '--navigation-menu-nav-item-label-padding-inline': '{spacing.0}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,kBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CAEJ,oCACE,6CACF,iCAAkC,OAClC,wCAAyC,SACzC,mCAAoC,SACpC,yCAA0C,SAC1C,qCAAsC,SACtC,6BAA8B,cAC9B,uCAAwC,cACxC,wCAAyC,cACzC,gCAAiC,cACjC,+BAAgC,OAChC,gCAAiC,OAGjC,oCACE,6CACF,iCAAkC,OAClC,wCAAyC,SACzC,mCAAoC,SACpC,yCAA0C,SAC1C,qCAAsC,UACtC,6BAA8B,gBAC9B,uCAAwC,cACxC,wCAAyC,cACzC,sCAAuC,cACvC,uCAAwC,cACxC,+BAAgC,OAChC,gCAAiC,OAGjC,sCAAuC,OACvC,6CAA8C,SAC9C,wCAAyC,SACzC,8CAA+C,SAC/C,0CAA2C,UAC3C,kCAAmC,cACnC,4CAA6C,cAC7C,6CAA8C,cAC9C,2CAA4C,cAC5C,4CAA6C,cAG7C,6CAA8C,gBAC9C,6CAA8C,QAC9C,6CACE,oCACF,0CAA2C,IAC3C,yCAA0C,gBAC1C,+CAAgD,IAChD,gDAAiD,OAGjD,qCAAsC,OACtC,4CAA6C,MAC7C,uCAAwC,SACxC,6CAA8C,SAC9C,yCAA0C,SAC1C,iCAAkC,gBAClC,oCAAqC,cACrC,2CAA4C,gBAC5C,4CAA6C,gBAG7C,6CAA8C,OAC9C,oDAAqD,MACrD,+CAAgD,SAChD,qDAAsD,SACtD,iDAAkD,SAClD,yCAA0C,cAC1C,mDAAoD,cACpD,oDAAqD,cAGrD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OACnD,+CAAgD,IAChD,2CAA4C,OAC5C,kDAAmD,MACnD,6CAA8C,SAC9C,mDAAoD,QACpD,+CAAgD,SAChD,uCAAwC,cACxC,iDAAkD,cAClD,kDAAmD,cACpD,CACF,CAAC"}
|