@mage-ui/preset 1.0.158 → 1.0.159
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/layouts/card/card-body.mjs +1 -1
- package/dist/recipes/layouts/card/card-body.mjs.map +1 -1
- package/dist/recipes/layouts/card/card.mjs +1 -1
- package/dist/recipes/layouts/card/card.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area-root.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area-root.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.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:`card__body`,jsx:[`Card`],base:{flexGrow:1,display:`var(--card-body-display, flex)`,flexDirection:`var(--card-body-flex-direction, column)`,alignItems:`var(--card-body-align-items, stretch)`,justifyContent:`var(--card-body-justify-content, flex-start)`,gap:`var(--card-body-gap, {spacing.400})`,paddingInline:`var(--card-body-padding-inline, {spacing.0})`,paddingBlock:`var(--card-body-padding-block, {spacing.0})`,borderWidth:`var(--card-body-border-width, {borders.0})`,borderStyle:`var(--card-body-border-style, solid)`,borderColor:`var(--card-body-border-color, transparent)`,borderRadius:`var(--card-body-border-radius, {radii.200})`}});export{t as cardBody};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__body`,jsx:[`Card`],base:{flexGrow:1,display:`var(--card-body-display, flex)`,flexDirection:`var(--card-body-flex-direction, column)`,alignItems:`var(--card-body-align-items, stretch)`,justifyContent:`var(--card-body-justify-content, flex-start)`,gap:`var(--card-body-gap, {spacing.400})`,paddingInline:`var(--card-body-padding-inline, {spacing.0})`,paddingBlock:`var(--card-body-padding-block, {spacing.0})`,borderWidth:`var(--card-body-border-width, {borders.0})`,borderStyle:`var(--card-body-border-style, solid)`,borderColor:`var(--card-body-border-color, transparent)`,borderRadius:`var(--card-body-border-radius, {radii.200})`,minHeight:`var(--card-body-min-height, 0)`}});export{t as cardBody};
|
|
2
2
|
//# sourceMappingURL=card-body.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-body.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardBody = defineRecipe({\n className: 'card__body',\n jsx: ['Card'],\n base: {\n flexGrow: 1,\n display: 'var(--card-body-display, flex)',\n flexDirection: 'var(--card-body-flex-direction, column)',\n alignItems: 'var(--card-body-align-items, stretch)',\n justifyContent: 'var(--card-body-justify-content, flex-start)',\n gap: 'var(--card-body-gap, {spacing.400})',\n paddingInline: 'var(--card-body-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-body-padding-block, {spacing.0})',\n borderWidth: 'var(--card-body-border-width, {borders.0})',\n borderStyle: 'var(--card-body-border-style, solid)',\n borderColor: 'var(--card-body-border-color, transparent)',\n borderRadius: 'var(--card-body-border-radius, {radii.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,SAAU,EACV,QAAS,iCACT,cAAe,0CACf,WAAY,wCACZ,eAAgB,+CAChB,IAAK,sCACL,cAAe,+CACf,aAAc,8CACd,YAAa,6CACb,YAAa,uCACb,YAAa,6CACb,aAAc,
|
|
1
|
+
{"version":3,"file":"card-body.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardBody = defineRecipe({\n className: 'card__body',\n jsx: ['Card'],\n base: {\n flexGrow: 1,\n display: 'var(--card-body-display, flex)',\n flexDirection: 'var(--card-body-flex-direction, column)',\n alignItems: 'var(--card-body-align-items, stretch)',\n justifyContent: 'var(--card-body-justify-content, flex-start)',\n gap: 'var(--card-body-gap, {spacing.400})',\n paddingInline: 'var(--card-body-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-body-padding-block, {spacing.0})',\n borderWidth: 'var(--card-body-border-width, {borders.0})',\n borderStyle: 'var(--card-body-border-style, solid)',\n borderColor: 'var(--card-body-border-color, transparent)',\n borderRadius: 'var(--card-body-border-radius, {radii.200})',\n minHeight: 'var(--card-body-min-height, 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,SAAU,EACV,QAAS,iCACT,cAAe,0CACf,WAAY,wCACZ,eAAgB,+CAChB,IAAK,sCACL,cAAe,+CACf,aAAc,8CACd,YAAa,6CACb,YAAa,uCACb,YAAa,6CACb,aAAc,8CACd,UAAW,iCACZ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card`,jsx:[`Card`],base:{"--card-display":`flex`,"--card-flex-direction":`column`,"--card-align-items":`stretch`,"--card-justify-content":`flex-start`,"--card-gap":`{spacing.400}`,"--card-background":`{colors.neutral.background.2.enabled}`,"--card-foreground":`{colors.neutral.foreground.2.enabled}`,"--card-border-width":`{borders.0}`,"--card-border-style":`solid`,"--card-border-color":`{colors.neutral.border.2.enabled}`,"--card-padding-inline":`{spacing.400}`,"--card-padding-block":`{spacing.400}`,"--card-radii":`{radii.200}`,"--card-shadow":`none`,"--card-transition":`{animations.200}`,"--card-header-display":`flex`,"--card-header-flex-direction":`row`,"--card-header-align-items":`center`,"--card-header-justify-content":`space-between`,"--card-header-gap":`{spacing.400}`,"--card-header-padding-inline":`{spacing.0}`,"--card-header-padding-block":`{spacing.0}`,"--card-header-border-width":`{borders.0}`,"--card-header-border-style":`solid`,"--card-header-border-color":`transparent`,"--card-header-border-radius":`{radii.200}`,"--card-body-display":`flex`,"--card-body-flex-direction":`column`,"--card-body-align-items":`stretch`,"--card-body-justify-content":`flex-start`,"--card-body-gap":`{spacing.400}`,"--card-body-padding-inline":`{spacing.0}`,"--card-body-padding-block":`{spacing.0}`,"--card-body-border-width":`{borders.0}`,"--card-body-border-style":`solid`,"--card-body-border-color":`transparent`,"--card-body-border-radius":`{radii.200}`,"--card-footer-display":`flex`,"--card-footer-flex-direction":`row`,"--card-footer-align-items":`center`,"--card-footer-justify-content":`space-between`,"--card-footer-gap":`{spacing.400}`,"--card-footer-padding-inline":`{spacing.0}`,"--card-footer-padding-block":`{spacing.0}`,"--card-footer-border-width":`{borders.0}`,"--card-footer-border-style":`solid`,"--card-footer-border-color":`transparent`,"--card-footer-border-radius":`{radii.200}`}});export{t as card};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card`,jsx:[`Card`],base:{"--card-display":`flex`,"--card-flex-direction":`column`,"--card-align-items":`stretch`,"--card-justify-content":`flex-start`,"--card-gap":`{spacing.400}`,"--card-background":`{colors.neutral.background.2.enabled}`,"--card-foreground":`{colors.neutral.foreground.2.enabled}`,"--card-border-width":`{borders.0}`,"--card-border-style":`solid`,"--card-border-color":`{colors.neutral.border.2.enabled}`,"--card-padding-inline":`{spacing.400}`,"--card-padding-block":`{spacing.400}`,"--card-radii":`{radii.200}`,"--card-shadow":`none`,"--card-transition":`{animations.200}`,"--card-header-display":`flex`,"--card-header-flex-direction":`row`,"--card-header-align-items":`center`,"--card-header-justify-content":`space-between`,"--card-header-gap":`{spacing.400}`,"--card-header-padding-inline":`{spacing.0}`,"--card-header-padding-block":`{spacing.0}`,"--card-header-border-width":`{borders.0}`,"--card-header-border-style":`solid`,"--card-header-border-color":`transparent`,"--card-header-border-radius":`{radii.200}`,"--card-body-display":`flex`,"--card-body-flex-direction":`column`,"--card-body-align-items":`stretch`,"--card-body-justify-content":`flex-start`,"--card-body-gap":`{spacing.400}`,"--card-body-padding-inline":`{spacing.0}`,"--card-body-padding-block":`{spacing.0}`,"--card-body-border-width":`{borders.0}`,"--card-body-border-style":`solid`,"--card-body-border-color":`transparent`,"--card-body-border-radius":`{radii.200}`,"--card-body-min-height":`0`,"--card-footer-display":`flex`,"--card-footer-flex-direction":`row`,"--card-footer-align-items":`center`,"--card-footer-justify-content":`space-between`,"--card-footer-gap":`{spacing.400}`,"--card-footer-padding-inline":`{spacing.0}`,"--card-footer-padding-block":`{spacing.0}`,"--card-footer-border-width":`{borders.0}`,"--card-footer-border-style":`solid`,"--card-footer-border-color":`transparent`,"--card-footer-border-radius":`{radii.200}`}});export{t as card};
|
|
2
2
|
//# sourceMappingURL=card.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const card = defineRecipe({\n className: 'card',\n jsx: ['Card'],\n base: {\n '--card-display': 'flex',\n '--card-flex-direction': 'column',\n '--card-align-items': 'stretch',\n '--card-justify-content': 'flex-start',\n '--card-gap': '{spacing.400}',\n '--card-background': '{colors.neutral.background.2.enabled}',\n '--card-foreground': '{colors.neutral.foreground.2.enabled}',\n '--card-border-width': '{borders.0}',\n '--card-border-style': 'solid',\n '--card-border-color': '{colors.neutral.border.2.enabled}',\n '--card-padding-inline': '{spacing.400}',\n '--card-padding-block': '{spacing.400}',\n '--card-radii': '{radii.200}',\n '--card-shadow': 'none',\n '--card-transition': '{animations.200}',\n\n /* header */\n '--card-header-display': 'flex',\n '--card-header-flex-direction': 'row',\n '--card-header-align-items': 'center',\n '--card-header-justify-content': 'space-between',\n '--card-header-gap': '{spacing.400}',\n '--card-header-padding-inline': '{spacing.0}',\n '--card-header-padding-block': '{spacing.0}',\n '--card-header-border-width': '{borders.0}',\n '--card-header-border-style': 'solid',\n '--card-header-border-color': 'transparent',\n '--card-header-border-radius': '{radii.200}',\n\n /* body */\n '--card-body-display': 'flex',\n '--card-body-flex-direction': 'column',\n '--card-body-align-items': 'stretch',\n '--card-body-justify-content': 'flex-start',\n '--card-body-gap': '{spacing.400}',\n '--card-body-padding-inline': '{spacing.0}',\n '--card-body-padding-block': '{spacing.0}',\n '--card-body-border-width': '{borders.0}',\n '--card-body-border-style': 'solid',\n '--card-body-border-color': 'transparent',\n '--card-body-border-radius': '{radii.200}',\n\n /* footer */\n '--card-footer-display': 'flex',\n '--card-footer-flex-direction': 'row',\n '--card-footer-align-items': 'center',\n '--card-footer-justify-content': 'space-between',\n '--card-footer-gap': '{spacing.400}',\n '--card-footer-padding-inline': '{spacing.0}',\n '--card-footer-padding-block': '{spacing.0}',\n '--card-footer-border-width': '{borders.0}',\n '--card-footer-border-style': 'solid',\n '--card-footer-border-color': 'transparent',\n '--card-footer-border-radius': '{radii.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,iBAAkB,OAClB,wBAAyB,SACzB,qBAAsB,UACtB,yBAA0B,aAC1B,aAAc,gBACd,oBAAqB,wCACrB,oBAAqB,wCACrB,sBAAuB,cACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,gBAAiB,OACjB,oBAAqB,mBAGrB,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAG/B,sBAAuB,OACvB,6BAA8B,SAC9B,0BAA2B,UAC3B,8BAA+B,aAC/B,kBAAmB,gBACnB,6BAA8B,cAC9B,4BAA6B,cAC7B,2BAA4B,cAC5B,2BAA4B,QAC5B,2BAA4B,cAC5B,4BAA6B,
|
|
1
|
+
{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const card = defineRecipe({\n className: 'card',\n jsx: ['Card'],\n base: {\n '--card-display': 'flex',\n '--card-flex-direction': 'column',\n '--card-align-items': 'stretch',\n '--card-justify-content': 'flex-start',\n '--card-gap': '{spacing.400}',\n '--card-background': '{colors.neutral.background.2.enabled}',\n '--card-foreground': '{colors.neutral.foreground.2.enabled}',\n '--card-border-width': '{borders.0}',\n '--card-border-style': 'solid',\n '--card-border-color': '{colors.neutral.border.2.enabled}',\n '--card-padding-inline': '{spacing.400}',\n '--card-padding-block': '{spacing.400}',\n '--card-radii': '{radii.200}',\n '--card-shadow': 'none',\n '--card-transition': '{animations.200}',\n\n /* header */\n '--card-header-display': 'flex',\n '--card-header-flex-direction': 'row',\n '--card-header-align-items': 'center',\n '--card-header-justify-content': 'space-between',\n '--card-header-gap': '{spacing.400}',\n '--card-header-padding-inline': '{spacing.0}',\n '--card-header-padding-block': '{spacing.0}',\n '--card-header-border-width': '{borders.0}',\n '--card-header-border-style': 'solid',\n '--card-header-border-color': 'transparent',\n '--card-header-border-radius': '{radii.200}',\n\n /* body */\n '--card-body-display': 'flex',\n '--card-body-flex-direction': 'column',\n '--card-body-align-items': 'stretch',\n '--card-body-justify-content': 'flex-start',\n '--card-body-gap': '{spacing.400}',\n '--card-body-padding-inline': '{spacing.0}',\n '--card-body-padding-block': '{spacing.0}',\n '--card-body-border-width': '{borders.0}',\n '--card-body-border-style': 'solid',\n '--card-body-border-color': 'transparent',\n '--card-body-border-radius': '{radii.200}',\n '--card-body-min-height': '0',\n\n /* footer */\n '--card-footer-display': 'flex',\n '--card-footer-flex-direction': 'row',\n '--card-footer-align-items': 'center',\n '--card-footer-justify-content': 'space-between',\n '--card-footer-gap': '{spacing.400}',\n '--card-footer-padding-inline': '{spacing.0}',\n '--card-footer-padding-block': '{spacing.0}',\n '--card-footer-border-width': '{borders.0}',\n '--card-footer-border-style': 'solid',\n '--card-footer-border-color': 'transparent',\n '--card-footer-border-radius': '{radii.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,iBAAkB,OAClB,wBAAyB,SACzB,qBAAsB,UACtB,yBAA0B,aAC1B,aAAc,gBACd,oBAAqB,wCACrB,oBAAqB,wCACrB,sBAAuB,cACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,gBAAiB,OACjB,oBAAqB,mBAGrB,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAG/B,sBAAuB,OACvB,6BAA8B,SAC9B,0BAA2B,UAC3B,8BAA+B,aAC/B,kBAAmB,gBACnB,6BAA8B,cAC9B,4BAA6B,cAC7B,2BAA4B,cAC5B,2BAA4B,QAC5B,2BAA4B,cAC5B,4BAA6B,cAC7B,yBAA0B,IAG1B,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAChC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__root`,jsx:[`ScrollArea`],base:{position:`relative`,overflowX:`var(--scrollarea-root-overflow-x, hidden)`,overflowY:`var(--scrollarea-root-overflow-y, hidden)`,height:`var(--scrollarea-height, auto)`,maxHeight:`var(--scrollarea-max-height, auto)`}});export{t as scrollAreaRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__root`,jsx:[`ScrollArea`],base:{position:`relative`,overflowX:`var(--scrollarea-root-overflow-x, hidden)`,overflowY:`var(--scrollarea-root-overflow-y, hidden)`,height:`var(--scrollarea-height, auto)`,maxHeight:`var(--scrollarea-max-height, auto)`,minHeight:`var(--scrollarea-min-height, 0)`,flex:`var(--scrollarea-flex, 1)`}});export{t as scrollAreaRoot};
|
|
2
2
|
//# sourceMappingURL=scroll-area-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area-root.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaRoot = defineRecipe({\n className: 'scroll-area__root',\n jsx: ['ScrollArea'],\n base: {\n position: 'relative',\n overflowX: 'var(--scrollarea-root-overflow-x, hidden)',\n overflowY: 'var(--scrollarea-root-overflow-y, hidden)',\n height: 'var(--scrollarea-height, auto)',\n maxHeight: 'var(--scrollarea-max-height, auto)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,SAAU,WACV,UAAW,4CACX,UAAW,4CACX,OAAQ,iCACR,UAAW,
|
|
1
|
+
{"version":3,"file":"scroll-area-root.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaRoot = defineRecipe({\n className: 'scroll-area__root',\n jsx: ['ScrollArea'],\n base: {\n position: 'relative',\n overflowX: 'var(--scrollarea-root-overflow-x, hidden)',\n overflowY: 'var(--scrollarea-root-overflow-y, hidden)',\n height: 'var(--scrollarea-height, auto)',\n maxHeight: 'var(--scrollarea-max-height, auto)',\n minHeight: 'var(--scrollarea-min-height, 0)',\n flex: 'var(--scrollarea-flex, 1)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,SAAU,WACV,UAAW,4CACX,UAAW,4CACX,OAAQ,iCACR,UAAW,qCACX,UAAW,kCACX,KAAM,4BACP,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--maintine-scale":`1`,"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-viewport-max-height":`none`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`{spacing.100}`,"--scrollarea-offset-y":`{spacing.100}`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-vertical-inset-inline-end":`0`,"--scrollarea-scrollbar-radii":`{radii.100}`,"--scrollarea-scrollbar-zindex":`{zIndex.scrollArea}`,"--scrollarea-thumb-background":`{colors.neutral.background.4.enabled}`,"--scrollarea-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--scrollarea-thumb-radii":`{radii.100}`,"--scrollarea-thumb-transition":`background-color .15s ease`,"--scrollarea-corner-background":`{colors.neutral.background.1.enabled}`,"--sa-corner-width":`var(--scrollarea-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-thumb-height)`}});export{t as scrollArea};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--maintine-scale":`1`,"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-min-height":`0`,"--scrollarea-flex":`1`,"--scrollarea-viewport-max-height":`none`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`{spacing.100}`,"--scrollarea-offset-y":`{spacing.100}`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-vertical-inset-inline-end":`0`,"--scrollarea-scrollbar-radii":`{radii.100}`,"--scrollarea-scrollbar-zindex":`{zIndex.scrollArea}`,"--scrollarea-thumb-background":`{colors.neutral.background.4.enabled}`,"--scrollarea-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--scrollarea-thumb-radii":`{radii.100}`,"--scrollarea-thumb-transition":`background-color .15s ease`,"--scrollarea-corner-background":`{colors.neutral.background.1.enabled}`,"--sa-corner-width":`var(--scrollarea-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-thumb-height)`}});export{t as scrollArea};
|
|
2
2
|
//# sourceMappingURL=scroll-area.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n '--maintine-scale': '1',\n\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n\n '--scrollarea-viewport-max-height': 'none',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '{spacing.100}',\n '--scrollarea-offset-y': '{spacing.100}',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-vertical-inset-inline-end': '0',\n '--scrollarea-scrollbar-radii': '{radii.100}',\n '--scrollarea-scrollbar-zindex': '{zIndex.scrollArea}',\n\n /* thumb */\n '--scrollarea-thumb-background': '{colors.neutral.background.4.enabled}',\n '--scrollarea-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--scrollarea-thumb-radii': '{radii.100}',\n '--scrollarea-thumb-transition': 'background-color .15s ease',\n\n /* corner */\n '--scrollarea-corner-background': '{colors.neutral.background.1.enabled}',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,mBAAoB,IAGpB,sBAAuB,OACvB,0BAA2B,OAC3B,+BAAgC,SAChC,+BAAgC,SAChC,8BAA+B,cAC/B,iCAAkC,
|
|
1
|
+
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n '--maintine-scale': '1',\n\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n '--scrollarea-min-height': '0',\n '--scrollarea-flex': '1',\n\n '--scrollarea-viewport-max-height': 'none',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '{spacing.100}',\n '--scrollarea-offset-y': '{spacing.100}',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-vertical-inset-inline-end': '0',\n '--scrollarea-scrollbar-radii': '{radii.100}',\n '--scrollarea-scrollbar-zindex': '{zIndex.scrollArea}',\n\n /* thumb */\n '--scrollarea-thumb-background': '{colors.neutral.background.4.enabled}',\n '--scrollarea-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--scrollarea-thumb-radii': '{radii.100}',\n '--scrollarea-thumb-transition': 'background-color .15s ease',\n\n /* corner */\n '--scrollarea-corner-background': '{colors.neutral.background.1.enabled}',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,mBAAoB,IAGpB,sBAAuB,OACvB,0BAA2B,OAC3B,+BAAgC,SAChC,+BAAgC,SAChC,8BAA+B,cAC/B,iCAAkC,SAClC,0BAA2B,IAC3B,oBAAqB,IAErB,mCAAoC,OAGpC,8BAA+B,OAC/B,+BAAgC,OAChC,4CAA6C,MAC7C,0CAA2C,MAC3C,6CAA8C,QAC9C,2CACE,mCACF,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,SACpC,wBAAyB,gBACzB,wBAAyB,gBAGzB,oCACE,wCACF,0CACE,wCACF,mDAAoD,IACpD,+BAAgC,cAChC,gCAAiC,sBAGjC,gCAAiC,wCACjC,sCACE,wCACF,2BAA4B,cAC5B,gCAAiC,6BAGjC,iCAAkC,wCAWlC,oBAAqB,mCACrB,qBAAsB,mCAEtB,mBAAoB,gCACpB,oBAAqB,iCAEtB,CACF,CAAC"}
|