@mage-ui/preset 1.0.34 → 1.0.36
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/password-strength-input/password-strength-input-strength-wrapper.mjs +1 -1
- package/dist/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.mjs.map +1 -1
- package/dist/recipes/data-display/notification-banner/notification-banner.mjs +1 -1
- package/dist/recipes/data-display/notification-banner/notification-banner.mjs.map +1 -1
- package/dist/recipes/navigations/menu/index.mjs +1 -1
- package/dist/recipes/navigations/menu/index.mjs.map +1 -1
- package/dist/recipes/navigations/menu/menu-target-button-inner.mjs +2 -0
- package/dist/recipes/navigations/menu/menu-target-button-inner.mjs.map +1 -0
- package/dist/recipes/navigations/menu/menu-target-button-label.mjs +2 -0
- package/dist/recipes/navigations/menu/menu-target-button-label.mjs.map +1 -0
- package/dist/recipes/navigations/menu/menu-target-button-root.mjs +2 -0
- package/dist/recipes/navigations/menu/menu-target-button-root.mjs.map +1 -0
- package/dist/recipes/navigations/menu/menu-target-button-section.mjs +2 -0
- package/dist/recipes/navigations/menu/menu-target-button-section.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/index.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/index.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-section.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-section.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-label.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-label.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-list.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-list.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs.map +1 -1
- package/dist/tokens/keyframes.mjs +1 -1
- package/dist/tokens/keyframes.mjs.map +1 -1
- package/package.json +1 -1
package/dist/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`password-strength-input__strength-wrapper`,jsx:[`PasswordStrengthInput`],base:{"[data-rules=true] &":{position:`absolute`,top:`calc(100% + var(--password-strength-input-strength-wrapper-offset-top))`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`password-strength-input__strength-wrapper`,jsx:[`PasswordStrengthInput`],base:{"[data-rules=true] &":{position:`absolute`,top:`calc(100% + var(--password-strength-input-strength-wrapper-offset-top))`,zIndex:`var(--password-strength-input-strength-wrapper-zindex)`,backgroundColor:`var(--password-strength-input-strength-wrapper-background)`,paddingInline:`var(--password-strength-input-strength-wrapper-padding-x)`,paddingBlock:`var(--password-strength-input-strength-wrapper-padding-y)`,borderRadius:`var(--password-strength-input-strength-wrapper-radii)`,borderWidth:`var(--password-strength-input-strength-wrapper-border-width)`,borderStyle:`var(--password-strength-input-strength-wrapper-border-style)`,borderColor:`var(--password-strength-input-strength-wrapper-border-color)`,marginInlineStart:`calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)`,marginInlineEnd:`calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)`,width:`calc(100% + var(--password-strength-input-strength-wrapper-offset-x) * 2)`,opacity:0,transform:`translateY(-4px)`,visibility:`hidden`,pointerEvents:`none`,transition:`var(--password-strength-input-strength-wrapper-transition)`},"[data-rules=true]:focus-within &":{opacity:1,transform:`translateY(0)`,visibility:`visible`,pointerEvents:`auto`}}});export{t as passwordStrengthInputStrengthWrapper};
|
|
2
2
|
//# sourceMappingURL=password-strength-input-strength-wrapper.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password-strength-input-strength-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const passwordStrengthInputStrengthWrapper = defineRecipe({\n className: 'password-strength-input__strength-wrapper',\n jsx: ['PasswordStrengthInput'],\n base: {\n '[data-rules=true] &': {\n position: 'absolute',\n top: 'calc(100% + var(--password-strength-input-strength-wrapper-offset-top))',\n left: 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n zIndex: 'var(--password-strength-input-strength-wrapper-zindex)',\n backgroundColor:\n 'var(--password-strength-input-strength-wrapper-background)',\n paddingInline:\n 'var(--password-strength-input-strength-wrapper-padding-x)',\n paddingBlock: 'var(--password-strength-input-strength-wrapper-padding-y)',\n borderRadius: 'var(--password-strength-input-strength-wrapper-radii)',\n borderWidth:\n 'var(--password-strength-input-strength-wrapper-border-width)',\n borderStyle:\n 'var(--password-strength-input-strength-wrapper-border-style)',\n borderColor:\n 'var(--password-strength-input-strength-wrapper-border-color)',\n marginInlineStart:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n marginInlineEnd:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n width:\n 'calc(100% + var(--password-strength-input-strength-wrapper-offset-x) * 2)',\n opacity: 0,\n transform: 'translateY(-4px)',\n visibility: 'hidden',\n pointerEvents: 'none',\n transition: 'var(--password-strength-input-strength-wrapper-transition)',\n },\n '[data-rules=true]:focus-within &': {\n opacity: 1,\n transform: 'translateY(0)',\n visibility: 'visible',\n pointerEvents: 'auto',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuC,EAAa,CAC/D,UAAW,4CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,sBAAuB,CACrB,SAAU,WACV,IAAK,
|
|
1
|
+
{"version":3,"file":"password-strength-input-strength-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const passwordStrengthInputStrengthWrapper = defineRecipe({\n className: 'password-strength-input__strength-wrapper',\n jsx: ['PasswordStrengthInput'],\n base: {\n '[data-rules=true] &': {\n position: 'absolute',\n top: 'calc(100% + var(--password-strength-input-strength-wrapper-offset-top))',\n // left: 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n zIndex: 'var(--password-strength-input-strength-wrapper-zindex)',\n backgroundColor:\n 'var(--password-strength-input-strength-wrapper-background)',\n paddingInline:\n 'var(--password-strength-input-strength-wrapper-padding-x)',\n paddingBlock: 'var(--password-strength-input-strength-wrapper-padding-y)',\n borderRadius: 'var(--password-strength-input-strength-wrapper-radii)',\n borderWidth:\n 'var(--password-strength-input-strength-wrapper-border-width)',\n borderStyle:\n 'var(--password-strength-input-strength-wrapper-border-style)',\n borderColor:\n 'var(--password-strength-input-strength-wrapper-border-color)',\n marginInlineStart:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n marginInlineEnd:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n width:\n 'calc(100% + var(--password-strength-input-strength-wrapper-offset-x) * 2)',\n opacity: 0,\n transform: 'translateY(-4px)',\n visibility: 'hidden',\n pointerEvents: 'none',\n transition: 'var(--password-strength-input-strength-wrapper-transition)',\n },\n '[data-rules=true]:focus-within &': {\n opacity: 1,\n transform: 'translateY(0)',\n visibility: 'visible',\n pointerEvents: 'auto',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuC,EAAa,CAC/D,UAAW,4CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,sBAAuB,CACrB,SAAU,WACV,IAAK,0EAEL,OAAQ,yDACR,gBACE,6DACF,cACE,4DACF,aAAc,4DACd,aAAc,wDACd,YACE,+DACF,YACE,+DACF,YACE,+DACF,kBACE,sEACF,gBACE,sEACF,MACE,4EACF,QAAS,EACT,UAAW,mBACX,WAAY,SACZ,cAAe,OACf,WAAY,6DACb,CACD,mCAAoC,CAClC,QAAS,EACT,UAAW,gBACX,WAAY,UACZ,cAAe,OAChB,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`notification-banner`,jsx:[`NotificationBanner`],base:{"--notification-banner-gradient-direction":`to bottom right`,"--notification-banner-gradient-to":`{colors.gradients.100.to}`,"--notification-banner-gradient-from":`{colors.gradients.100.from}`,"--notification-banner-border-width":`{borders.0}`,"--notification-banner-border-color":`transparent`,"--notification-banner-padding-inline":`1px`,"--notification-banner-padding-block":`1px`,"--notification-banner-radii":`{radii.200}`,"--notification-banner-wrapper-background":`{colors.neutral.background.1.enabled}`,"--notification-banner-wrapper-justify-content":`flex-start`,"--notification-banner-wrapper-align-items":`flex-start`,"--notification-banner-wrapper-gap":`{spacing.400}`,"--notification-banner-wrapper-padding-inline":`{spacing.400}`,"--notification-banner-wrapper-padding-block":`{spacing.400}`,"--notification-banner-wrapper-radii":`{radii.200}`,"--notification-banner-content-foreground":`{colors.neutral.foreground.2.enabled}`,"--notification-banner-content-gap":`{spacing.200}`,"--notification-banner-section-foreground":`{colors.primary.foreground.2.enabled}`,"--notification-banner-section-height":`{sizes.400}`,"--notification-banner-section-width":`{sizes.400}`,"--notification-banner-section-aspect-ratio":`1`}});export{t as notificationBanner};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`notification-banner`,jsx:[`NotificationBanner`],base:{"--notification-banner-gradient-direction":`to bottom right`,"--notification-banner-gradient-to":`{colors.gradients.100.to}`,"--notification-banner-gradient-from":`{colors.gradients.100.from}`,"--notification-banner-border-width":`{borders.0}`,"--notification-banner-border-color":`transparent`,"--notification-banner-padding-inline":`1px`,"--notification-banner-padding-block":`1px`,"--notification-banner-radii":`{radii.200}`,"--notification-banner-wrapper-background":`{colors.neutral.background.1.enabled}`,"--notification-banner-wrapper-justify-content":`flex-start`,"--notification-banner-wrapper-align-items":`flex-start`,"--notification-banner-wrapper-gap":`{spacing.400}`,"--notification-banner-wrapper-padding-inline":`{spacing.400}`,"--notification-banner-wrapper-padding-block":`{spacing.400}`,"--notification-banner-wrapper-radii":`{radii.200}`,"--notification-banner-content-foreground":`{colors.neutral.foreground.2.enabled}`,"--notification-banner-content-gap":`{spacing.200}`,"--notification-banner-section-foreground":`{colors.primary.foreground.2.enabled}`,"--notification-banner-section-height":`{sizes.400}`,"--notification-banner-section-width":`{sizes.400}`,"--notification-banner-section-aspect-ratio":`1`,"--notification-banner-info-gradient-from":`{colors.gradients.100.from}`,"--notification-banner-info-gradient-to":`{colors.gradients.100.to}`,"--notification-banner-info-border-color":`transparent`,"--notification-banner-info-wrapper-background":`{colors.neutral.background.1.enabled}`,"--notification-banner-info-content-foreground":`{colors.neutral.foreground.2.enabled}`,"--notification-banner-info-section-foreground":`{colors.primary.foreground.2.enabled}`,"--notification-banner-info-icon-wrapped-background":`transparent`,"--notification-banner-info-icon-wrapped-foreground":`currentColor`,"--notification-banner-success-gradient-from":`{colors.success.background.1.enabled}`,"--notification-banner-success-gradient-to":`{colors.success.background.1.selected}`,"--notification-banner-success-border-color":`transparent`,"--notification-banner-success-wrapper-background":`{colors.neutral.background.1.enabled}`,"--notification-banner-success-content-foreground":`{colors.neutral.foreground.2.enabled}`,"--notification-banner-success-section-foreground":`{colors.success.foreground.1.enabled}`,"--notification-banner-success-icon-wrapped-background":`transparent`,"--notification-banner-success-icon-wrapped-foreground":`currentColor`,"--notification-banner-warning-gradient-from":`{colors.warning.background.1.enabled}`,"--notification-banner-warning-gradient-to":`{colors.warning.background.1.selected}`,"--notification-banner-warning-border-color":`transparent`,"--notification-banner-warning-wrapper-background":`{colors.neutral.background.1.enabled}`,"--notification-banner-warning-content-foreground":`{colors.neutral.foreground.2.enabled}`,"--notification-banner-warning-section-foreground":`{colors.warning.foreground.1.enabled}`,"--notification-banner-warning-icon-wrapped-background":`transparent`,"--notification-banner-warning-icon-wrapped-foreground":`currentColor`,"--notification-banner-danger-gradient-from":`{colors.danger.background.1.enabled}`,"--notification-banner-danger-gradient-to":`{colors.danger.background.1.enabled}`,"--notification-banner-danger-border-color":`transparent`,"--notification-banner-danger-wrapper-background":`{colors.neutral.background.1.enabled}`,"--notification-banner-danger-content-foreground":`{colors.neutral.foreground.2.enabled}`,"--notification-banner-danger-section-foreground":`{colors.danger.foreground.1.enabled}`,"--notification-banner-danger-icon-wrapped-background":`transparent`,"--notification-banner-danger-icon-wrapped-foreground":`currentColor`,'&[data-intent="info"]':{"--notification-banner-gradient-from":`var(--notification-banner-info-gradient-from)`,"--notification-banner-gradient-to":`var(--notification-banner-info-gradient-to)`,"--notification-banner-border-color":`var(--notification-banner-info-border-color)`,"--notification-banner-wrapper-background":`var(--notification-banner-info-wrapper-background)`,"--notification-banner-content-foreground":`var(--notification-banner-info-content-foreground)`,"--notification-banner-section-foreground":`var(--notification-banner-info-section-foreground)`,"--notification-banner-icon-wrapped-background":`var(--notification-banner-info-icon-wrapped-background)`,"--notification-banner-icon-wrapped-foreground":`var(--notification-banner-info-icon-wrapped-foreground)`},'&[data-intent="success"]':{"--notification-banner-gradient-from":`var(--notification-banner-success-gradient-from)`,"--notification-banner-gradient-to":`var(--notification-banner-success-gradient-to)`,"--notification-banner-border-color":`var(--notification-banner-success-border-color)`,"--notification-banner-wrapper-background":`var(--notification-banner-success-wrapper-background)`,"--notification-banner-content-foreground":`var(--notification-banner-success-content-foreground)`,"--notification-banner-section-foreground":`var(--notification-banner-success-section-foreground)`,"--notification-banner-icon-wrapped-background":`var(--notification-banner-success-icon-wrapped-background)`,"--notification-banner-icon-wrapped-foreground":`var(--notification-banner-success-icon-wrapped-foreground)`},'&[data-intent="warning"]':{"--notification-banner-gradient-from":`var(--notification-banner-warning-gradient-from)`,"--notification-banner-gradient-to":`var(--notification-banner-warning-gradient-to)`,"--notification-banner-border-color":`var(--notification-banner-warning-border-color)`,"--notification-banner-wrapper-background":`var(--notification-banner-warning-wrapper-background)`,"--notification-banner-content-foreground":`var(--notification-banner-warning-content-foreground)`,"--notification-banner-section-foreground":`var(--notification-banner-warning-section-foreground)`,"--notification-banner-icon-wrapped-background":`var(--notification-banner-warning-icon-wrapped-background)`,"--notification-banner-icon-wrapped-foreground":`var(--notification-banner-warning-icon-wrapped-foreground)`},'&[data-intent="danger"]':{"--notification-banner-gradient-from":`var(--notification-banner-danger-gradient-from)`,"--notification-banner-gradient-to":`var(--notification-banner-danger-gradient-to)`,"--notification-banner-border-color":`var(--notification-banner-danger-border-color)`,"--notification-banner-wrapper-background":`var(--notification-banner-danger-wrapper-background)`,"--notification-banner-content-foreground":`var(--notification-banner-danger-content-foreground)`,"--notification-banner-section-foreground":`var(--notification-banner-danger-section-foreground)`,"--notification-banner-icon-wrapped-background":`var(--notification-banner-danger-icon-wrapped-background)`,"--notification-banner-icon-wrapped-foreground":`var(--notification-banner-danger-icon-wrapped-foreground)`}}});export{t as notificationBanner};
|
|
2
2
|
//# sourceMappingURL=notification-banner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification-banner.mjs","names":[],"sources":["../../../../src/recipes/data-display/notification-banner/notification-banner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const notificationBanner = defineRecipe({\n className: 'notification-banner',\n jsx: ['NotificationBanner'],\n base: {\n /* Root */\n '--notification-banner-gradient-direction': 'to bottom right',\n '--notification-banner-gradient-to': '{colors.gradients.100.to}',\n '--notification-banner-gradient-from': '{colors.gradients.100.from}',\n '--notification-banner-border-width': '{borders.0}',\n '--notification-banner-border-color': 'transparent',\n '--notification-banner-padding-inline': '1px',\n '--notification-banner-padding-block': '1px',\n '--notification-banner-radii': '{radii.200}',\n\n /*Wrapper*/\n '--notification-banner-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--notification-banner-wrapper-justify-content': 'flex-start',\n '--notification-banner-wrapper-align-items': 'flex-start',\n '--notification-banner-wrapper-gap': '{spacing.400}',\n '--notification-banner-wrapper-padding-inline': '{spacing.400}',\n '--notification-banner-wrapper-padding-block': '{spacing.400}',\n '--notification-banner-wrapper-radii': '{radii.200}',\n\n /*Content*/\n '--notification-banner-content-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--notification-banner-content-gap': '{spacing.200}',\n\n /*Section*/\n '--notification-banner-section-foreground':\n '{colors.primary.foreground.2.enabled}',\n '--notification-banner-section-height': '{sizes.400}',\n '--notification-banner-section-width': '{sizes.400}',\n '--notification-banner-section-aspect-ratio': '1',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,sBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CAEJ,2CAA4C,kBAC5C,oCAAqC,4BACrC,sCAAuC,8BACvC,qCAAsC,cACtC,qCAAsC,cACtC,uCAAwC,MACxC,sCAAuC,MACvC,8BAA+B,cAG/B,2CACE,wCACF,gDAAiD,aACjD,4CAA6C,aAC7C,oCAAqC,gBACrC,+CAAgD,gBAChD,8CAA+C,gBAC/C,sCAAuC,cAGvC,2CACE,wCACF,oCAAqC,gBAGrC,2CACE,wCACF,uCAAwC,cACxC,sCAAuC,cACvC,6CAA8C,IAC/C,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"notification-banner.mjs","names":[],"sources":["../../../../src/recipes/data-display/notification-banner/notification-banner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const notificationBanner = defineRecipe({\n className: 'notification-banner',\n jsx: ['NotificationBanner'],\n base: {\n /* Root */\n '--notification-banner-gradient-direction': 'to bottom right',\n '--notification-banner-gradient-to': '{colors.gradients.100.to}',\n '--notification-banner-gradient-from': '{colors.gradients.100.from}',\n '--notification-banner-border-width': '{borders.0}',\n '--notification-banner-border-color': 'transparent',\n '--notification-banner-padding-inline': '1px',\n '--notification-banner-padding-block': '1px',\n '--notification-banner-radii': '{radii.200}',\n\n /* Wrapper */\n '--notification-banner-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--notification-banner-wrapper-justify-content': 'flex-start',\n '--notification-banner-wrapper-align-items': 'flex-start',\n '--notification-banner-wrapper-gap': '{spacing.400}',\n '--notification-banner-wrapper-padding-inline': '{spacing.400}',\n '--notification-banner-wrapper-padding-block': '{spacing.400}',\n '--notification-banner-wrapper-radii': '{radii.200}',\n\n /* Content */\n '--notification-banner-content-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--notification-banner-content-gap': '{spacing.200}',\n\n /* Section */\n '--notification-banner-section-foreground':\n '{colors.primary.foreground.2.enabled}',\n '--notification-banner-section-height': '{sizes.400}',\n '--notification-banner-section-width': '{sizes.400}',\n '--notification-banner-section-aspect-ratio': '1',\n\n /* Intent colors: info */\n '--notification-banner-info-gradient-from': '{colors.gradients.100.from}',\n '--notification-banner-info-gradient-to': '{colors.gradients.100.to}',\n '--notification-banner-info-border-color': 'transparent',\n '--notification-banner-info-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--notification-banner-info-content-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--notification-banner-info-section-foreground':\n '{colors.primary.foreground.2.enabled}',\n '--notification-banner-info-icon-wrapped-background': 'transparent',\n '--notification-banner-info-icon-wrapped-foreground': 'currentColor',\n\n /* Intent colors: success */\n '--notification-banner-success-gradient-from':\n '{colors.success.background.1.enabled}',\n '--notification-banner-success-gradient-to':\n '{colors.success.background.1.selected}',\n '--notification-banner-success-border-color': 'transparent',\n '--notification-banner-success-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--notification-banner-success-content-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--notification-banner-success-section-foreground':\n '{colors.success.foreground.1.enabled}',\n '--notification-banner-success-icon-wrapped-background': 'transparent',\n '--notification-banner-success-icon-wrapped-foreground': 'currentColor',\n\n /* Intent colors: warning */\n '--notification-banner-warning-gradient-from':\n '{colors.warning.background.1.enabled}',\n '--notification-banner-warning-gradient-to':\n '{colors.warning.background.1.selected}',\n '--notification-banner-warning-border-color': 'transparent',\n '--notification-banner-warning-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--notification-banner-warning-content-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--notification-banner-warning-section-foreground':\n '{colors.warning.foreground.1.enabled}',\n '--notification-banner-warning-icon-wrapped-background': 'transparent',\n '--notification-banner-warning-icon-wrapped-foreground': 'currentColor',\n\n /* Intent colors: danger */\n '--notification-banner-danger-gradient-from':\n '{colors.danger.background.1.enabled}',\n '--notification-banner-danger-gradient-to':\n '{colors.danger.background.1.enabled}',\n '--notification-banner-danger-border-color': 'transparent',\n '--notification-banner-danger-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--notification-banner-danger-content-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--notification-banner-danger-section-foreground':\n '{colors.danger.foreground.1.enabled}',\n '--notification-banner-danger-icon-wrapped-background': 'transparent',\n '--notification-banner-danger-icon-wrapped-foreground': 'currentColor',\n\n '&[data-intent=\"info\"]': {\n '--notification-banner-gradient-from':\n 'var(--notification-banner-info-gradient-from)',\n '--notification-banner-gradient-to':\n 'var(--notification-banner-info-gradient-to)',\n '--notification-banner-border-color':\n 'var(--notification-banner-info-border-color)',\n '--notification-banner-wrapper-background':\n 'var(--notification-banner-info-wrapper-background)',\n '--notification-banner-content-foreground':\n 'var(--notification-banner-info-content-foreground)',\n '--notification-banner-section-foreground':\n 'var(--notification-banner-info-section-foreground)',\n '--notification-banner-icon-wrapped-background':\n 'var(--notification-banner-info-icon-wrapped-background)',\n '--notification-banner-icon-wrapped-foreground':\n 'var(--notification-banner-info-icon-wrapped-foreground)',\n },\n\n '&[data-intent=\"success\"]': {\n '--notification-banner-gradient-from':\n 'var(--notification-banner-success-gradient-from)',\n '--notification-banner-gradient-to':\n 'var(--notification-banner-success-gradient-to)',\n '--notification-banner-border-color':\n 'var(--notification-banner-success-border-color)',\n '--notification-banner-wrapper-background':\n 'var(--notification-banner-success-wrapper-background)',\n '--notification-banner-content-foreground':\n 'var(--notification-banner-success-content-foreground)',\n '--notification-banner-section-foreground':\n 'var(--notification-banner-success-section-foreground)',\n '--notification-banner-icon-wrapped-background':\n 'var(--notification-banner-success-icon-wrapped-background)',\n '--notification-banner-icon-wrapped-foreground':\n 'var(--notification-banner-success-icon-wrapped-foreground)',\n },\n\n '&[data-intent=\"warning\"]': {\n '--notification-banner-gradient-from':\n 'var(--notification-banner-warning-gradient-from)',\n '--notification-banner-gradient-to':\n 'var(--notification-banner-warning-gradient-to)',\n '--notification-banner-border-color':\n 'var(--notification-banner-warning-border-color)',\n '--notification-banner-wrapper-background':\n 'var(--notification-banner-warning-wrapper-background)',\n '--notification-banner-content-foreground':\n 'var(--notification-banner-warning-content-foreground)',\n '--notification-banner-section-foreground':\n 'var(--notification-banner-warning-section-foreground)',\n '--notification-banner-icon-wrapped-background':\n 'var(--notification-banner-warning-icon-wrapped-background)',\n '--notification-banner-icon-wrapped-foreground':\n 'var(--notification-banner-warning-icon-wrapped-foreground)',\n },\n\n '&[data-intent=\"danger\"]': {\n '--notification-banner-gradient-from':\n 'var(--notification-banner-danger-gradient-from)',\n '--notification-banner-gradient-to':\n 'var(--notification-banner-danger-gradient-to)',\n '--notification-banner-border-color':\n 'var(--notification-banner-danger-border-color)',\n '--notification-banner-wrapper-background':\n 'var(--notification-banner-danger-wrapper-background)',\n '--notification-banner-content-foreground':\n 'var(--notification-banner-danger-content-foreground)',\n '--notification-banner-section-foreground':\n 'var(--notification-banner-danger-section-foreground)',\n '--notification-banner-icon-wrapped-background':\n 'var(--notification-banner-danger-icon-wrapped-background)',\n '--notification-banner-icon-wrapped-foreground':\n 'var(--notification-banner-danger-icon-wrapped-foreground)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,sBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CAEJ,2CAA4C,kBAC5C,oCAAqC,4BACrC,sCAAuC,8BACvC,qCAAsC,cACtC,qCAAsC,cACtC,uCAAwC,MACxC,sCAAuC,MACvC,8BAA+B,cAG/B,2CACE,wCACF,gDAAiD,aACjD,4CAA6C,aAC7C,oCAAqC,gBACrC,+CAAgD,gBAChD,8CAA+C,gBAC/C,sCAAuC,cAGvC,2CACE,wCACF,oCAAqC,gBAGrC,2CACE,wCACF,uCAAwC,cACxC,sCAAuC,cACvC,6CAA8C,IAG9C,2CAA4C,8BAC5C,yCAA0C,4BAC1C,0CAA2C,cAC3C,gDACE,wCACF,gDACE,wCACF,gDACE,wCACF,qDAAsD,cACtD,qDAAsD,eAGtD,8CACE,wCACF,4CACE,yCACF,6CAA8C,cAC9C,mDACE,wCACF,mDACE,wCACF,mDACE,wCACF,wDAAyD,cACzD,wDAAyD,eAGzD,8CACE,wCACF,4CACE,yCACF,6CAA8C,cAC9C,mDACE,wCACF,mDACE,wCACF,mDACE,wCACF,wDAAyD,cACzD,wDAAyD,eAGzD,6CACE,uCACF,2CACE,uCACF,4CAA6C,cAC7C,kDACE,wCACF,kDACE,wCACF,kDACE,uCACF,uDAAwD,cACxD,uDAAwD,eAExD,wBAAyB,CACvB,sCACE,gDACF,oCACE,8CACF,qCACE,+CACF,2CACE,qDACF,2CACE,qDACF,2CACE,qDACF,gDACE,0DACF,gDACE,0DACH,CAED,2BAA4B,CAC1B,sCACE,mDACF,oCACE,iDACF,qCACE,kDACF,2CACE,wDACF,2CACE,wDACF,2CACE,wDACF,gDACE,6DACF,gDACE,6DACH,CAED,2BAA4B,CAC1B,sCACE,mDACF,oCACE,iDACF,qCACE,kDACF,2CACE,wDACF,2CACE,wDACF,2CACE,wDACF,gDACE,6DACF,gDACE,6DACH,CAED,0BAA2B,CACzB,sCACE,kDACF,oCACE,gDACF,qCACE,iDACF,2CACE,uDACF,2CACE,uDACF,2CACE,uDACF,gDACE,4DACF,gDACE,4DACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{menu as e}from"./menu.mjs";import{menuDivider as t}from"./menu-divider.mjs";import{menuItem as n}from"./menu-item.mjs";import{menuItemLabel as r}from"./menu-item-label.mjs";import{menuItemSection as i}from"./menu-item-section.mjs";import{menuRoot as a}from"./menu-root.mjs";import{menuTargetButton as o}from"./menu-target-button.mjs";var
|
|
1
|
+
import{menu as e}from"./menu.mjs";import{menuDivider as t}from"./menu-divider.mjs";import{menuItem as n}from"./menu-item.mjs";import{menuItemLabel as r}from"./menu-item-label.mjs";import{menuItemSection as i}from"./menu-item-section.mjs";import{menuRoot as a}from"./menu-root.mjs";import{menuTargetButton as o}from"./menu-target-button.mjs";import{menuTargetButtonInner as s}from"./menu-target-button-inner.mjs";import{menuTargetButtonLabel as c}from"./menu-target-button-label.mjs";import{menuTargetButtonRoot as l}from"./menu-target-button-root.mjs";import{menuTargetButtonSection as u}from"./menu-target-button-section.mjs";var d={menu:e,menuRoot:a,menuItem:n,menuItemLabel:r,menuItemSection:i,menuDivider:t,menuTargetButton:o,menuTargetButtonRoot:l,menuTargetButtonInner:s,menuTargetButtonLabel:c,menuTargetButtonSection:u};export{d as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/index.ts"],"sourcesContent":["import { menu } from './menu';\nimport { menuDivider } from './menu-divider';\nimport { menuItem } from './menu-item';\nimport { menuItemLabel } from './menu-item-label';\nimport { menuItemSection } from './menu-item-section';\nimport { menuRoot } from './menu-root';\nimport { menuTargetButton } from './menu-target-button';\n\nexport default {\n menu,\n menuRoot,\n menuItem,\n menuItemLabel,\n menuItemSection,\n menuDivider,\n menuTargetButton,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/index.ts"],"sourcesContent":["import { menu } from './menu';\nimport { menuDivider } from './menu-divider';\nimport { menuItem } from './menu-item';\nimport { menuItemLabel } from './menu-item-label';\nimport { menuItemSection } from './menu-item-section';\nimport { menuRoot } from './menu-root';\nimport { menuTargetButton } from './menu-target-button';\nimport { menuTargetButtonInner } from './menu-target-button-inner';\nimport { menuTargetButtonLabel } from './menu-target-button-label';\nimport { menuTargetButtonRoot } from './menu-target-button-root';\nimport { menuTargetButtonSection } from './menu-target-button-section';\n\nexport default {\n menu,\n menuRoot,\n menuItem,\n menuItemLabel,\n menuItemSection,\n menuDivider,\n menuTargetButton,\n menuTargetButtonRoot,\n menuTargetButtonInner,\n menuTargetButtonLabel,\n menuTargetButtonSection,\n};\n"],"mappings":"mnBAYA,IAAA,EAAe,CACb,OACA,WACA,WACA,gBACA,kBACA,cACA,mBACA,uBACA,wBACA,wBACA,0BACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-target-button-inner.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button-inner.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonInner } from '../../buttons/button/button-inner';\n\nexport const menuTargetButtonInner = buttonInner.merge({\n className: 'menu__target__button__inner',\n jsx: ['Menu'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAwB,EAAY,MAAM,CACrD,UAAW,8BACX,IAAK,CAAC,OAAO,CACb,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-target-button-label.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonLabel } from '../../buttons/button/button-label';\n\nexport const menuTargetButtonLabel = buttonLabel.merge({\n className: 'menu__target__button__label',\n jsx: ['Menu'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAwB,EAAY,MAAM,CACrD,UAAW,8BACX,IAAK,CAAC,OAAO,CACb,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-target-button-root.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../../buttons/button/button-root';\n\nexport const menuTargetButtonRoot = buttonRoot.merge({\n className: 'menu__target__button__root',\n jsx: ['Menu'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"kEAOA,MAAa,EAAuB,EAAW,MAAM,CACnD,UAAW,6BACX,IAAK,CAAC,OAAO,CACb,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-target-button-section.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button-section.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonSection } from '../../buttons/button/button-section';\n\nexport const menuTargetButtonSection = buttonSection.merge({\n className: 'menu__target__button__section',\n jsx: ['Menu'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAA0B,EAAc,MAAM,CACzD,UAAW,gCACX,IAAK,CAAC,OAAO,CACb,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{sidebar as e}from"./sidebar.mjs";import{
|
|
1
|
+
import{sidebar as e}from"./sidebar.mjs";import{sidebarNavGroup as t}from"./sidebar-nav-group/sidebar-nav-group.mjs";import{sidebarNavGroupTitle as n}from"./sidebar-nav-group/sidebar-nav-group-title.mjs";import{sidebarNavItem as r}from"./sidebar-nav-item/sidebar-nav-item.mjs";import{sidebarNavItemLinkAnchor as i}from"./sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";import{sidebarNavItemButtonCollapsedRoot as a}from"./sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs";import{sidebarNavItemButtonIconToggle as o}from"./sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle.mjs";import{sidebarNavItemButtonInner as s}from"./sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs";import{sidebarNavItemLinkLabel as c}from"./sidebar-nav-item-link/sidebar-nav-item-link-label.mjs";import{sidebarNavItemButtonLabel as l}from"./sidebar-nav-item-button/sidebar-nav-item-button-label.mjs";import{sidebarNavItemButtonRoot as u}from"./sidebar-nav-item-button/sidebar-nav-item-button-root.mjs";import{sidebarNavItemButtonSection as d}from"./sidebar-nav-item-button/sidebar-nav-item-button-section.mjs";import{sidebarNavList as f}from"./sidebar-nav-list/sidebar-nav-list.mjs";import{sidebarNavRoot as p}from"./sidebar-nav-root.mjs";import{sidebarRoot as m}from"./sidebar-root.mjs";import{sidebarSubnavCollapsedRoot as h}from"./sidebar-subnav/sidebar-subnav-collapsed-root.mjs";import{sidebarSubnavItem as g}from"./sidebar-subnav/sidebar-subnav-item.mjs";import{sidebarSubnavItemLinkAnchor as _}from"./sidebar-subnav/sidebar-subnav-item-link-anchor.mjs";import{sidebarSubnavItemLinkLabel as v}from"./sidebar-subnav/sidebar-subnav-item-link-label.mjs";import{sidebarSubnavList as y}from"./sidebar-subnav/sidebar-subnav-list.mjs";import{sidebarSubnavRoot as b}from"./sidebar-subnav/sidebar-subnav-root.mjs";var x={sidebar:e,sidebarNavGroup:t,sidebarNavGroupTitle:n,sidebarNavItem:r,sidebarNavItemButtonInner:s,sidebarNavItemButtonLabel:l,sidebarNavItemButtonRoot:u,sidebarNavItemButtonSection:d,sidebarNavItemButtonIconToggle:o,sidebarNavItemButtonCollapsedRoot:a,sidebarNavItemLinkAnchor:i,sidebarNavItemLinkLabel:c,sidebarNavList:f,sidebarNavRoot:p,sidebarRoot:m,sidebarSubnavItem:g,sidebarSubnavItemLinkAnchor:_,sidebarSubnavItemLinkLabel:v,sidebarSubnavList:y,sidebarSubnavRoot:b,sidebarSubnavCollapsedRoot:h};export{x as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/index.ts"],"sourcesContent":["import { sidebar } from './sidebar';\nimport { sidebarNavItem } from './sidebar-nav-item/sidebar-nav-item';\nimport { sidebarNavItemButtonInner } from './sidebar-nav-item-button/sidebar-nav-item-button-inner';\nimport { sidebarNavItemButtonLabel } from './sidebar-nav-item-button/sidebar-nav-item-button-label';\nimport { sidebarNavItemButtonRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-root';\nimport { sidebarNavItemButtonSection } from './sidebar-nav-item-button/sidebar-nav-item-button-section';\nimport { sidebarNavItemLinkAnchor } from './sidebar-nav-item-link/sidebar-nav-item-link-anchor';\nimport { sidebarNavItemLinkLabel } from './sidebar-nav-item-link/sidebar-nav-item-link-label';\nimport { sidebarNavList } from './sidebar-nav-list/sidebar-nav-list';\nimport { sidebarNavRoot } from './sidebar-nav-root';\nimport { sidebarRoot } from './sidebar-root';\nimport { sidebarSubnavItem } from './sidebar-subnav/sidebar-subnav-item';\nimport { sidebarSubnavItemLinkAnchor } from './sidebar-subnav/sidebar-subnav-item-link-anchor';\nimport { sidebarSubnavItemLinkLabel } from './sidebar-subnav/sidebar-subnav-item-link-label';\nimport { sidebarSubnavList } from './sidebar-subnav/sidebar-subnav-list';\nimport { sidebarSubnavRoot } from './sidebar-subnav/sidebar-subnav-root';\n\nexport default {\n sidebar,\n sidebarNavItem,\n sidebarNavItemButtonInner,\n sidebarNavItemButtonLabel,\n sidebarNavItemButtonRoot,\n sidebarNavItemButtonSection,\n sidebarNavItemLinkAnchor,\n sidebarNavItemLinkLabel,\n sidebarNavList,\n sidebarNavRoot,\n sidebarRoot,\n sidebarSubnavItem,\n sidebarSubnavItemLinkAnchor,\n sidebarSubnavItemLinkLabel,\n sidebarSubnavList,\n sidebarSubnavRoot,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/index.ts"],"sourcesContent":["import { sidebar } from './sidebar';\nimport { sidebarNavGroup } from './sidebar-nav-group/sidebar-nav-group';\nimport { sidebarNavGroupTitle } from './sidebar-nav-group/sidebar-nav-group-title';\nimport { sidebarNavItem } from './sidebar-nav-item/sidebar-nav-item';\nimport { sidebarNavItemButtonCollapsedRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root';\nimport { sidebarNavItemButtonIconToggle } from './sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle';\nimport { sidebarNavItemButtonInner } from './sidebar-nav-item-button/sidebar-nav-item-button-inner';\nimport { sidebarNavItemButtonLabel } from './sidebar-nav-item-button/sidebar-nav-item-button-label';\nimport { sidebarNavItemButtonRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-root';\nimport { sidebarNavItemButtonSection } from './sidebar-nav-item-button/sidebar-nav-item-button-section';\nimport { sidebarNavItemLinkAnchor } from './sidebar-nav-item-link/sidebar-nav-item-link-anchor';\nimport { sidebarNavItemLinkLabel } from './sidebar-nav-item-link/sidebar-nav-item-link-label';\nimport { sidebarNavList } from './sidebar-nav-list/sidebar-nav-list';\nimport { sidebarNavRoot } from './sidebar-nav-root';\nimport { sidebarRoot } from './sidebar-root';\nimport { sidebarSubnavCollapsedRoot } from './sidebar-subnav/sidebar-subnav-collapsed-root';\nimport { sidebarSubnavItem } from './sidebar-subnav/sidebar-subnav-item';\nimport { sidebarSubnavItemLinkAnchor } from './sidebar-subnav/sidebar-subnav-item-link-anchor';\nimport { sidebarSubnavItemLinkLabel } from './sidebar-subnav/sidebar-subnav-item-link-label';\nimport { sidebarSubnavList } from './sidebar-subnav/sidebar-subnav-list';\nimport { sidebarSubnavRoot } from './sidebar-subnav/sidebar-subnav-root';\n\nexport default {\n sidebar,\n sidebarNavGroup,\n sidebarNavGroupTitle,\n sidebarNavItem,\n sidebarNavItemButtonInner,\n sidebarNavItemButtonLabel,\n sidebarNavItemButtonRoot,\n sidebarNavItemButtonSection,\n sidebarNavItemButtonIconToggle,\n sidebarNavItemButtonCollapsedRoot,\n sidebarNavItemLinkAnchor,\n sidebarNavItemLinkLabel,\n sidebarNavList,\n sidebarNavRoot,\n sidebarRoot,\n sidebarSubnavItem,\n sidebarSubnavItemLinkAnchor,\n sidebarSubnavItemLinkLabel,\n sidebarSubnavList,\n sidebarSubnavRoot,\n sidebarSubnavCollapsedRoot,\n};\n"],"mappings":"qyDAsBA,IAAA,EAAe,CACb,UACA,kBACA,uBACA,iBACA,4BACA,4BACA,2BACA,8BACA,iCACA,oCACA,2BACA,0BACA,iBACA,iBACA,cACA,oBACA,8BACA,6BACA,oBACA,oBACA,6BACD"}
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group__title`,jsx:[`Sidebar.NavGroup`],base:{display:`block`,fontSize:`var(--sidebar-nav-group-title-font-size)`,fontWeight:`var(--sidebar-nav-group-title-font-weight)`,color:`var(--sidebar-nav-group-title-color)`,textTransform:`var(--sidebar-nav-group-title-text-transform)`,paddingBlock:`var(--sidebar-nav-group-title-padding-block)`,paddingInline:`var(--sidebar-nav-group-title-padding-inline)`,tablet:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarNavGroupTitle};
|
|
2
|
+
//# sourceMappingURL=sidebar-nav-group-title.mjs.map
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-nav-group-title.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavGroupTitle = defineRecipe({\n className: 'sidebar__nav-group__title',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'block',\n fontSize: 'var(--sidebar-nav-group-title-font-size)',\n fontWeight: 'var(--sidebar-nav-group-title-font-weight)',\n color: 'var(--sidebar-nav-group-title-color)',\n textTransform: 'var(--sidebar-nav-group-title-text-transform)',\n paddingBlock: 'var(--sidebar-nav-group-title-padding-block)',\n paddingInline: 'var(--sidebar-nav-group-title-padding-inline)',\n tablet: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAuB,EAAa,CAC/C,UAAW,4BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,QACT,SAAU,2CACV,WAAY,6CACZ,MAAO,uCACP,cAAe,gDACf,aAAc,+CACd,cAAe,gDACf,OAAQ,CACN,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group`,jsx:[`Sidebar.NavGroup`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--sidebar-nav-group-gap)`,paddingTop:`var(--sidebar-nav-group-padding-top)`,paddingBottom:`var(--sidebar-nav-group-padding-bottom)`,paddingInline:`var(--sidebar-nav-group-padding-inline)`,background:`var(--sidebar-nav-group-background)`,borderTopWidth:`var(--sidebar-nav-group-border-top-width)`,borderBottomWidth:`var(--sidebar-nav-group-border-bottom-width)`,borderLeftWidth:`var(--sidebar-nav-group-border-left-width)`,borderRightWidth:`var(--sidebar-nav-group-border-right-width)`,borderColor:`var(--sidebar-nav-group-border-color)`,borderStyle:`solid`,borderRadius:`var(--sidebar-nav-group-radii)`}});export{t as sidebarNavGroup};
|
|
2
|
+
//# sourceMappingURL=sidebar-nav-group.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-nav-group.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavGroup = defineRecipe({\n className: 'sidebar__nav-group',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--sidebar-nav-group-gap)',\n paddingTop: 'var(--sidebar-nav-group-padding-top)',\n paddingBottom: 'var(--sidebar-nav-group-padding-bottom)',\n paddingInline: 'var(--sidebar-nav-group-padding-inline)',\n background: 'var(--sidebar-nav-group-background)',\n borderTopWidth: 'var(--sidebar-nav-group-border-top-width)',\n borderBottomWidth: 'var(--sidebar-nav-group-border-bottom-width)',\n borderLeftWidth: 'var(--sidebar-nav-group-border-left-width)',\n borderRightWidth: 'var(--sidebar-nav-group-border-right-width)',\n borderColor: 'var(--sidebar-nav-group-border-color)',\n borderStyle: 'solid',\n borderRadius: 'var(--sidebar-nav-group-radii)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,+BACL,WAAY,uCACZ,cAAe,0CACf,cAAe,0CACf,WAAY,sCACZ,eAAgB,4CAChB,kBAAmB,+CACnB,gBAAiB,6CACjB,iBAAkB,8CAClB,YAAa,wCACb,YAAa,QACb,aAAc,iCACf,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button-collapsed__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer`,height:`var(--sidebar-nav-list-item-height)`,paddingInline:`{spacing.0}`,'&[data-expanded="true"]':{backgroundColor:`var(--sidebar-nav-list-item-background-expanded)`,color:`var(--sidebar-nav-list-item-foreground-expanded)`,_hover:{backgroundColor:`var(--sidebar-nav-list-item-background-expanded-hovered)`,color:`var(--sidebar-nav-list-item-foreground-expanded-hovered)`}}}});export{t as sidebarNavItemButtonCollapsedRoot};
|
|
2
|
+
//# sourceMappingURL=sidebar-nav-item-button-collapsed-root.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-button-collapsed-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonCollapsedRoot = sidebarNavItemLinkAnchor.merge(\n {\n className: 'sidebar__nav-item-button-collapsed__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n height: 'var(--sidebar-nav-list-item-height)',\n paddingInline: '{spacing.0}',\n\n '&[data-expanded=\"true\"]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-expanded)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded)',\n _hover: {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded-hovered)',\n },\n },\n },\n },\n) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAKA,MAAa,EAAoC,EAAyB,MACxE,CACE,UAAW,2CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,UACR,OAAQ,sCACR,cAAe,cAEf,0BAA2B,CACzB,gBAAiB,mDACjB,MAAO,mDACP,OAAQ,CACN,gBACE,2DACF,MAAO,2DACR,CACF,CACF,CACF,CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{icon as e}from"../../../../data-display/icons/icon/icon.mjs";const t=e.merge({className:`sidebar__nav-item-button__icon-toggle`,jsx:[`Sidebar.NavItemButton`],base:{"--icon-size":`var(--sidebar-nav-item-button-icon-toggle-size, {sizes.300})`}});export{t as sidebarNavItemButtonIconToggle};
|
|
2
|
+
//# sourceMappingURL=sidebar-nav-item-button-icon-toggle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-button-icon-toggle.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { icon } from '../../../../data-display/icons/icon/icon';\n\nexport const sidebarNavItemButtonIconToggle = icon.merge({\n className: 'sidebar__nav-item-button__icon-toggle',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n '--icon-size':\n 'var(--sidebar-nav-item-button-icon-toggle-size, {sizes.300})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAiC,EAAK,MAAM,CACvD,UAAW,wCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,cACE,+DACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-button__inner`,jsx:[`Sidebar.NavItemButton`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap)`,width:`100%`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-button__inner`,jsx:[`Sidebar.NavItemButton`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap)`,width:`100%`,"[data-collapsed=true] &":{justifyContent:`center`}}});export{t as sidebarNavItemButtonInner};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-button-inner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-button-inner.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemButtonInner = defineRecipe({\n className: 'sidebar__nav-item-button__inner',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap)',\n width: '100%',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-button-inner.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemButtonInner = defineRecipe({\n className: 'sidebar__nav-item-button__inner',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap)',\n width: '100%',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA4B,EAAa,CACpD,UAAW,kCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,mCACL,MAAO,OACP,0BAA2B,CACzB,eAAgB,SACjB,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer
|
|
1
|
+
import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer`,"[data-collapsed=true] &":{srOnly:!0}}});export{t as sidebarNavItemButtonRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-button-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-button-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonRoot = sidebarNavItemLinkAnchor.merge({\n className: 'sidebar__nav-item-button__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAKA,MAAa,EAA2B,EAAyB,MAAM,CACrE,UAAW,iCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-button-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonRoot = sidebarNavItemLinkAnchor.merge({\n className: 'sidebar__nav-item-button__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAKA,MAAa,EAA2B,EAAyB,MAAM,CACrE,UAAW,iCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,UACR,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-button__section`,jsx:[`Sidebar.NavItemButton`],base:{display:`flex`,flexDirection:`row`,justifyContent:`center`,alignItems:`center`,_rightSlot:{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-button__section`,jsx:[`Sidebar.NavItemButton`],base:{display:`flex`,flexDirection:`row`,justifyContent:`center`,alignItems:`center`,_rightSlot:{"[data-collapsed=true] &":{display:`none`}}}});export{t as sidebarNavItemButtonSection};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-button-section.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-button-section.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-section.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemButtonSection = defineRecipe({\n className: 'sidebar__nav-item-button__section',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n _rightSlot: {\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-button-section.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-section.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemButtonSection = defineRecipe({\n className: 'sidebar__nav-item-button__section',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n _rightSlot: {\n '[data-collapsed=true] &': {\n display: 'none',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA8B,EAAa,CACtD,UAAW,oCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,SAChB,WAAY,SACZ,WAAY,CACV,0BAA2B,CACzB,QAAS,OACV,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__anchor`,jsx:[`Sidebar.NavItemLink`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap)`,textDecoration:`none`,backgroundColor:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__anchor`,jsx:[`Sidebar.NavItemLink`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap)`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background)`,color:`var(--sidebar-nav-list-item-foreground)`,height:`var(--sidebar-nav-list-item-height)`,width:`100%`,cursor:`pointer`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,tablet:{borderRadius:`var(--sidebar-nav-list-item-radii)`,paddingInline:`var(--sidebar-nav-list-item-padding-inline)`,"[data-collapsed=true] &":{justifyContent:`center`,width:`var(--sidebar-nav-list-item-height)`,paddingInline:`0`},"[data-collapsed=false] &":{overflow:`hidden`}},_hover:{backgroundColor:`var(--sidebar-nav-list-item-background-hovered)`,color:`var(--sidebar-nav-list-item-foreground-hovered)`},_active:{backgroundColor:`var(--sidebar-nav-list-item-background-active)`,color:`var(--sidebar-nav-list-item-foreground-active)`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-selected)`,color:`var(--sidebar-nav-list-item-foreground-selected)`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-selected-hovered)`,color:`var(--sidebar-nav-list-item-foreground-selected-hovered)`},"&[data-expanded=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded)`,color:`var(--sidebar-nav-list-item-foreground-expanded)`},"&[data-expanded=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded-hovered)`,color:`var(--sidebar-nav-list-item-foreground-expanded-hovered)`}}});export{t as sidebarNavItemLinkAnchor};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-link-anchor.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemLinkAnchor = defineRecipe({\n className: 'sidebar__nav-item-link__anchor',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap)',\n textDecoration: 'none',\n backgroundColor: '
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemLinkAnchor = defineRecipe({\n className: 'sidebar__nav-item-link__anchor',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap)',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background)',\n color: 'var(--sidebar-nav-list-item-foreground)',\n height: 'var(--sidebar-nav-list-item-height)',\n width: '100%',\n cursor: 'pointer',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n tablet: {\n borderRadius: 'var(--sidebar-nav-list-item-radii)',\n paddingInline: 'var(--sidebar-nav-list-item-padding-inline)',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n width: 'var(--sidebar-nav-list-item-height)',\n paddingInline: '0',\n },\n '[data-collapsed=false] &': {\n overflow: 'hidden',\n },\n },\n _hover: {\n backgroundColor: 'var(--sidebar-nav-list-item-background-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-hovered)',\n },\n _active: {\n backgroundColor: 'var(--sidebar-nav-list-item-background-active)',\n color: 'var(--sidebar-nav-list-item-foreground-active)',\n },\n '&[data-selected=true]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-selected)',\n color: 'var(--sidebar-nav-list-item-foreground-selected)',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-selected-hovered)',\n },\n '&[data-expanded=true]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-expanded)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded)',\n },\n '&[data-expanded=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded-hovered)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA2B,EAAa,CACnD,UAAW,iCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,mCACL,eAAgB,OAChB,gBAAiB,0CACjB,MAAO,0CACP,OAAQ,sCACR,MAAO,OACP,OAAQ,UACR,WACE,iEACF,OAAQ,CACN,aAAc,qCACd,cAAe,8CACf,0BAA2B,CACzB,eAAgB,SAChB,MAAO,sCACP,cAAe,IAChB,CACD,2BAA4B,CAC1B,SAAU,SACX,CACF,CACD,OAAQ,CACN,gBAAiB,kDACjB,MAAO,kDACR,CACD,QAAS,CACP,gBAAiB,iDACjB,MAAO,iDACR,CACD,wBAAyB,CACvB,gBAAiB,mDACjB,MAAO,mDACR,CACD,8BAA+B,CAC7B,gBACE,2DACF,MAAO,2DACR,CACD,wBAAyB,CACvB,gBAAiB,mDACjB,MAAO,mDACR,CACD,8BAA+B,CAC7B,gBACE,2DACF,MAAO,2DACR,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__label`,jsx:[`Sidebar.NavItemLink`],base:{fontSize:`var(--sidebar-nav-item-label-font-size)`,fontWeight:`var(--sidebar-nav-item-label-font-weight)`,flexGrow:`1`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__label`,jsx:[`Sidebar.NavItemLink`],base:{fontSize:`var(--sidebar-nav-item-label-font-size)`,fontWeight:`var(--sidebar-nav-item-label-font-weight)`,textTransform:`var(--sidebar-nav-item-label-text-transform)`,flexGrow:`1`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,tablet:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarNavItemLinkLabel};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-link-label.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemLinkLabel = defineRecipe({\n className: 'sidebar__nav-item-link__label',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n fontSize: 'var(--sidebar-nav-item-label-font-size)',\n fontWeight: 'var(--sidebar-nav-item-label-font-weight)',\n flexGrow: '1',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarNavItemLinkLabel = defineRecipe({\n className: 'sidebar__nav-item-link__label',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n fontSize: 'var(--sidebar-nav-item-label-font-size)',\n fontWeight: 'var(--sidebar-nav-item-label-font-weight)',\n textTransform: 'var(--sidebar-nav-item-label-text-transform)',\n flexGrow: '1',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n tablet: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA0B,EAAa,CAClD,UAAW,gCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,SAAU,0CACV,WAAY,4CACZ,cAAe,+CACf,SAAU,IACV,SAAU,SACV,aAAc,WACd,WAAY,SACZ,UAAW,OACX,OAAQ,CACN,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{maxHeight:`var(--sidebar-nav-height)`,display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gridAutoRows:`max-content`,gap:`var(--sidebar-nav-gap)`,flexGrow:`1`,_toTablet:{paddingTop:`400`},
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-nav-background)`,borderTopWidth:`var(--sidebar-nav-border-top-width)`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width)`,borderLeftWidth:`var(--sidebar-nav-border-left-width)`,borderRightWidth:`var(--sidebar-nav-border-right-width)`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color)`,borderRadius:`var(--sidebar-nav-border-radius)`,maxHeight:`var(--sidebar-nav-height)`,overflowY:`auto`,display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gridAutoRows:`max-content`,gap:`var(--sidebar-nav-gap)`,flexGrow:`1`,_toTablet:{paddingTop:`var(--sidebar-nav-padding-top, {spacing.400})`},"[data-collapsed=true] &":{tablet:{"--sidebar-nav-height":`calc(100dvh - token(spacing.1600))`}}}});export{t as sidebarNavRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavRoot = defineRecipe({\n className: 'sidebar__nav__root',\n jsx: ['Sidebar'],\n base: {\n maxHeight: 'var(--sidebar-nav-height)',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavRoot = defineRecipe({\n className: 'sidebar__nav__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-nav-background)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width)',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width)',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width)',\n borderRightWidth: 'var(--sidebar-nav-border-right-width)',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color)',\n borderRadius: 'var(--sidebar-nav-border-radius)',\n maxHeight: 'var(--sidebar-nav-height)',\n overflowY: 'auto',\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gridAutoRows: 'max-content',\n gap: 'var(--sidebar-nav-gap)',\n flexGrow: '1',\n\n _toTablet: {\n paddingTop: 'var(--sidebar-nav-padding-top, {spacing.400})',\n },\n\n '[data-collapsed=true] &': {\n tablet: {\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1600))',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,qBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBAAiB,gCACjB,eAAgB,sCAChB,kBAAmB,yCACnB,gBAAiB,uCACjB,iBAAkB,wCAClB,YAAa,QACb,YAAa,kCACb,aAAc,mCACd,UAAW,4BACX,UAAW,OACX,QAAS,OACT,oBAAqB,iBACrB,aAAc,cACd,IAAK,yBACL,SAAU,IAEV,UAAW,CACT,WAAY,gDACb,CAED,0BAA2B,CACzB,OAAQ,CACN,uBAAwB,qCACzB,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background)`,display:`flex`,flexDirection:`column`,justifyContent:`space-between`,alignItems:`stretch`,gap:`var(--sidebar-gap)`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInline:`var(--sidebar-padding-inline)`,paddingBlock:`var(--sidebar-padding-block)`,transition:`var(--sidebar-transition)`,zIndex:`var(--sidebar-zindex)`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background)`,display:`flex`,flexDirection:`column`,justifyContent:`space-between`,alignItems:`stretch`,gap:`var(--sidebar-gap)`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInline:`var(--sidebar-padding-inline)`,paddingBlock:`var(--sidebar-padding-block)`,transition:`var(--sidebar-transition)`,boxSizing:`border-box`,zIndex:`var(--sidebar-zindex)`,_toTablet:{left:`-100%`,paddingTop:`0`,"&.show-nav":{zIndex:`nav`,left:`0`},"&.hide-nav":{zIndex:`deep`,opacity:`0`}},tablet:{gridArea:`var(--sidebar-grid-area, "sidebar")`,position:`sticky`,top:`var(--sidebar-top, {spacing.100})`,alignItems:`stretch`,borderRadius:`var(--sidebar-radii)`,"&[data-collapsed=true]":{alignItems:`center`}}}});export{t as sidebarRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarRoot = defineRecipe({\n className: 'sidebar__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-background)',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap)',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInline: 'var(--sidebar-padding-inline)',\n paddingBlock: 'var(--sidebar-padding-block)',\n transition: 'var(--sidebar-transition)',\n
|
|
1
|
+
{"version":3,"file":"sidebar-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarRoot = defineRecipe({\n className: 'sidebar__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-background)',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap)',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInline: 'var(--sidebar-padding-inline)',\n paddingBlock: 'var(--sidebar-padding-block)',\n transition: 'var(--sidebar-transition)',\n boxSizing: 'border-box',\n zIndex: 'var(--sidebar-zindex)',\n\n _toTablet: {\n left: '-100%',\n paddingTop: '0',\n '&.show-nav': {\n zIndex: 'nav',\n left: '0',\n },\n '&.hide-nav': {\n zIndex: 'deep',\n opacity: '0',\n },\n },\n\n tablet: {\n gridArea: 'var(--sidebar-grid-area, \"sidebar\")',\n position: 'sticky',\n top: 'var(--sidebar-top, {spacing.100})',\n alignItems: 'stretch',\n borderRadius: 'var(--sidebar-radii)',\n '&[data-collapsed=true]': {\n alignItems: 'center',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBAAiB,4BACjB,QAAS,OACT,cAAe,SACf,eAAgB,gBAChB,WAAY,UACZ,IAAK,qBACL,OAAQ,wBACR,MAAO,uBACP,cAAe,gCACf,aAAc,+BACd,WAAY,4BACZ,UAAW,aACX,OAAQ,wBAER,UAAW,CACT,KAAM,QACN,WAAY,IACZ,aAAc,CACZ,OAAQ,MACR,KAAM,IACP,CACD,aAAc,CACZ,OAAQ,OACR,QAAS,IACV,CACF,CAED,OAAQ,CACN,SAAU,sCACV,SAAU,SACV,IAAK,oCACL,WAAY,UACZ,aAAc,uBACd,yBAA0B,CACxB,WAAY,SACb,CACF,CACF,CACF,CAAC"}
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav-collapsed__root`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-collapsed-background, {colors.neutral.background.2.enabled})`,position:`absolute`,top:`100%`,left:`0`,width:`max-content`,paddingBlock:`var(--sidebar-subnav-collapsed-padding-block, {spacing.400})`,paddingInline:`var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})`,marginLeft:`var(--sidebar-subnav-collapsed-margin-left, {spacing.50})`,borderRadius:`var(--sidebar-subnav-collapsed-border-radius, {radii.200})`,boxShadow:`0 32px 32px 0 rgba(0, 0, 0, 0.16)`,zIndex:`var(--sidebar-subnav-zindex)`,_before:{left:`var(--sidebar-subnav-collapsed-padding-inline)`,top:`var(--sidebar-subnav-collapsed-padding-block)`}}});export{t as sidebarSubnavCollapsedRoot};
|
|
2
|
+
//# sourceMappingURL=sidebar-subnav-collapsed-root.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-collapsed-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavCollapsedRoot = defineRecipe({\n className: 'sidebar__subnav-collapsed__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor:\n 'var(--sidebar-subnav-collapsed-background, {colors.neutral.background.2.enabled})',\n position: 'absolute',\n top: '100%',\n left: '0',\n width: 'max-content',\n paddingBlock:\n 'var(--sidebar-subnav-collapsed-padding-block, {spacing.400})',\n paddingInline:\n 'var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})',\n marginLeft: 'var(--sidebar-subnav-collapsed-margin-left, {spacing.50})',\n borderRadius: 'var(--sidebar-subnav-collapsed-border-radius, {radii.200})',\n boxShadow: '0 32px 32px 0 rgba(0, 0, 0, 0.16)',\n zIndex: 'var(--sidebar-subnav-zindex)',\n _before: {\n left: 'var(--sidebar-subnav-collapsed-padding-inline)',\n top: 'var(--sidebar-subnav-collapsed-padding-block)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA6B,EAAa,CACrD,UAAW,kCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBACE,oFACF,SAAU,WACV,IAAK,OACL,KAAM,IACN,MAAO,cACP,aACE,+DACF,cACE,gEACF,WAAY,4DACZ,aAAc,6DACd,UAAW,oCACX,OAAQ,+BACR,QAAS,CACP,KAAM,iDACN,IAAK,gDACN,CACF,CACF,CAAC"}
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__anchor`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__anchor`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-list-item-background)`,color:`var(--sidebar-subnav-list-item-foreground)`,display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`var(--sidebar-subnav-list-item-gap)`,width:`100%`,height:`var(--sidebar-subnav-list-item-height, 2rem)`,paddingLeft:`var(--sidebar-subnav-list-item-padding-left, {spacing.300})`,paddingRight:`var(--sidebar-subnav-list-item-padding-right, {spacing.300})`,borderRadius:`var(--sidebar-subnav-list-item-border-radius, {radii.100})`,textDecoration:`none`,cursor:`pointer`,boxSizing:`border-box`,position:`relative`,zIndex:`foreground`,transition:`var(--sidebar-subnav-list-item-transition, {animations.base.100})`,tablet:{"[data-collapsed=true] &":{width:`auto!`}},_hover:{backgroundColor:`var(--sidebar-subnav-list-item-background-hovered)`,color:`var(--sidebar-subnav-list-item-foreground-hovered)`},_active:{backgroundColor:`var(--sidebar-subnav-list-item-background-active)`,color:`var(--sidebar-subnav-list-item-foreground-active)`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected)`,color:`var(--sidebar-subnav-list-item-foreground-selected)`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected-hovered)`,color:`var(--sidebar-subnav-list-item-foreground-selected-hovered)`}}});export{t as sidebarSubnavItemLinkAnchor};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-item-link-anchor.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavItemLinkAnchor = defineRecipe({\n className: 'sidebar__subnav__item-link__anchor',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor: '
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavItemLinkAnchor = defineRecipe({\n className: 'sidebar__subnav__item-link__anchor',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor: 'var(--sidebar-subnav-list-item-background)',\n color: 'var(--sidebar-subnav-list-item-foreground)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n gap: 'var(--sidebar-subnav-list-item-gap)',\n\n width: '100%',\n height: 'var(--sidebar-subnav-list-item-height, 2rem)',\n paddingLeft: 'var(--sidebar-subnav-list-item-padding-left, {spacing.300})',\n paddingRight:\n 'var(--sidebar-subnav-list-item-padding-right, {spacing.300})',\n\n borderRadius: 'var(--sidebar-subnav-list-item-border-radius, {radii.100})',\n textDecoration: 'none',\n cursor: 'pointer',\n boxSizing: 'border-box',\n position: 'relative',\n zIndex: 'foreground',\n\n transition:\n 'var(--sidebar-subnav-list-item-transition, {animations.base.100})',\n\n tablet: {\n '[data-collapsed=true] &': {\n width: 'auto!',\n },\n },\n\n _hover: {\n backgroundColor: 'var(--sidebar-subnav-list-item-background-hovered)',\n color: 'var(--sidebar-subnav-list-item-foreground-hovered)',\n },\n _active: {\n backgroundColor: 'var(--sidebar-subnav-list-item-background-active)',\n color: 'var(--sidebar-subnav-list-item-foreground-active)',\n },\n '&[data-selected=true]': {\n backgroundColor: 'var(--sidebar-subnav-list-item-background-selected)',\n color: 'var(--sidebar-subnav-list-item-foreground-selected)',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-selected-hovered)',\n color: 'var(--sidebar-subnav-list-item-foreground-selected-hovered)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA8B,EAAa,CACtD,UAAW,qCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBAAiB,6CACjB,MAAO,6CACP,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,IAAK,sCAEL,MAAO,OACP,OAAQ,+CACR,YAAa,8DACb,aACE,+DAEF,aAAc,6DACd,eAAgB,OAChB,OAAQ,UACR,UAAW,aACX,SAAU,WACV,OAAQ,aAER,WACE,oEAEF,OAAQ,CACN,0BAA2B,CACzB,MAAO,QACR,CACF,CAED,OAAQ,CACN,gBAAiB,qDACjB,MAAO,qDACR,CACD,QAAS,CACP,gBAAiB,oDACjB,MAAO,oDACR,CACD,wBAAyB,CACvB,gBAAiB,sDACjB,MAAO,sDACR,CACD,8BAA+B,CAC7B,gBACE,8DACF,MAAO,8DACR,CACF,CACF,CAAC"}
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-label.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__label`,jsx:[`Sidebar.Subnav`],base:{fontSize:`var(--sidebar-subnav-item-label-font-size)`,fontWeight:`var(--sidebar-subnav-item-label-font-weight)`,flexGrow:`1`,display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__label`,jsx:[`Sidebar.Subnav`],base:{fontSize:`var(--sidebar-subnav-list-item-label-font-size, {fontSizes.300})`,fontWeight:`var(--sidebar-subnav-list-item-label-font-weight, {fontWeights.medium})`,textTransform:`var(--sidebar-subnav-list-item-label-text-transform, none)`,flexGrow:`1`,display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,"[data-collapsed=true] &":{srOnly:!1}}});export{t as sidebarSubnavItemLinkLabel};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-item-link-label.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-label.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavItemLinkLabel = defineRecipe({\n className: 'sidebar__subnav__item-link__label',\n jsx: ['Sidebar.Subnav'],\n base: {\n fontSize
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-label.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavItemLinkLabel = defineRecipe({\n className: 'sidebar__subnav__item-link__label',\n jsx: ['Sidebar.Subnav'],\n base: {\n fontSize:\n 'var(--sidebar-subnav-list-item-label-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--sidebar-subnav-list-item-label-font-weight, {fontWeights.medium})',\n textTransform: 'var(--sidebar-subnav-list-item-label-text-transform, none)',\n flexGrow: '1',\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n '[data-collapsed=true] &': {\n srOnly: false,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA6B,EAAa,CACrD,UAAW,oCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,SACE,mEACF,WACE,0EACF,cAAe,6DACf,SAAU,IACV,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACZ,UAAW,OACX,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item`,jsx:[`Sidebar.Subnav`],base:{listStyle:`none`,position:`relative`,paddingLeft:`var(--
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item`,jsx:[`Sidebar.Subnav`],base:{listStyle:`none`,position:`relative`,paddingLeft:`var(--sidebar-subnav-list-item-padding-left, {spacing.400})`,paddingBlock:`var(--sidebar-subnav-list-item-padding-block, {spacing.100})`,_before:{content:`""`,backgroundColor:`var(--sidebar-subnav-list-stroke-color, {colors.neutral.stroke.6.enabled})`,position:`absolute`,top:`0`,left:`0`,display:`block`,width:`var(--sidebar-subnav-list-stroke-width, {borders.100})`,height:`100%`},"&:last-child":{_before:{height:`calc(50% - token(sizes.200))`}},_after:{content:`""`,position:`absolute`,top:`calc(50% - (token(sizes.200) / 2))`,left:`0`,transform:`translateY(-50%)`,display:`block`,width:`{sizes.200}`,height:`{sizes.200}`,borderLeftWidth:`var(--sidebar-subnav-list-stroke-width, {borders.100})`,borderBottomWidth:`var(--sidebar-subnav-list-stroke-width, {borders.100})`,borderTopWidth:`0`,borderRightWidth:`0`,borderStyle:`solid`,borderColor:`var(--sidebar-subnav-list-stroke-color, {colors.neutral.stroke.6.enabled})`,borderBottomLeftRadius:`var(--sidebar-subnav-list-item-stroke-radii, {radii.200})`,zIndex:`background`}}});export{t as sidebarSubnavItem};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-item.mjs.map
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-item.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavItem = defineRecipe({\n className: 'sidebar__subnav__item',\n jsx: ['Sidebar.Subnav'],\n base: {\n listStyle: 'none',\n position: 'relative',\n paddingLeft: 'var(--
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-item.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavItem = defineRecipe({\n className: 'sidebar__subnav__item',\n jsx: ['Sidebar.Subnav'],\n base: {\n listStyle: 'none',\n position: 'relative',\n paddingLeft: 'var(--sidebar-subnav-list-item-padding-left, {spacing.400})',\n paddingBlock:\n 'var(--sidebar-subnav-list-item-padding-block, {spacing.100})',\n _before: {\n content: '\"\"',\n backgroundColor:\n 'var(--sidebar-subnav-list-stroke-color, {colors.neutral.stroke.6.enabled})',\n position: 'absolute',\n top: '0',\n left: '0',\n display: 'block',\n width: 'var(--sidebar-subnav-list-stroke-width, {borders.100})',\n height: '100%',\n },\n '&:last-child': {\n _before: {\n height: 'calc(50% - token(sizes.200))',\n },\n },\n _after: {\n content: '\"\"',\n position: 'absolute',\n top: 'calc(50% - (token(sizes.200) / 2))',\n left: '0',\n transform: 'translateY(-50%)',\n display: 'block',\n width: '{sizes.200}',\n height: '{sizes.200}',\n borderLeftWidth: 'var(--sidebar-subnav-list-stroke-width, {borders.100})',\n borderBottomWidth:\n 'var(--sidebar-subnav-list-stroke-width, {borders.100})',\n borderTopWidth: '0',\n borderRightWidth: '0',\n borderStyle: 'solid',\n borderColor:\n 'var(--sidebar-subnav-list-stroke-color, {colors.neutral.stroke.6.enabled})',\n borderBottomLeftRadius:\n 'var(--sidebar-subnav-list-item-stroke-radii, {radii.200})',\n zIndex: 'background',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,UAAW,OACX,SAAU,WACV,YAAa,8DACb,aACE,+DACF,QAAS,CACP,QAAS,KACT,gBACE,6EACF,SAAU,WACV,IAAK,IACL,KAAM,IACN,QAAS,QACT,MAAO,yDACP,OAAQ,OACT,CACD,eAAgB,CACd,QAAS,CACP,OAAQ,+BACT,CACF,CACD,OAAQ,CACN,QAAS,KACT,SAAU,WACV,IAAK,qCACL,KAAM,IACN,UAAW,mBACX,QAAS,QACT,MAAO,cACP,OAAQ,cACR,gBAAiB,yDACjB,kBACE,yDACF,eAAgB,IAChB,iBAAkB,IAClB,YAAa,QACb,YACE,6EACF,uBACE,4DACF,OAAQ,aACT,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__list`,jsx:[`Sidebar.Subnav`],base:{paddingTop:`100`,position:`relative`,listStyle:`none`,_before:{content:`""`,backgroundColor:`var(--
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__list`,jsx:[`Sidebar.Subnav`],base:{paddingTop:`var(--sidebar-subnav-list-padding-top, {spacing.100})`,position:`relative`,listStyle:`none`,gap:`var(--sidebar-subnav-list-gap, {spacing.0})`,_before:{content:`""`,backgroundColor:`var(--sidebar-subnav-list-stroke-color, {colors.neutral.stroke.6.enabled})`,position:`absolute`,top:`0`,left:`0`,display:`block`,width:`var(--sidebar-subnav-list-stroke-width, {borders.100})`,height:`{sizes.50}`}}});export{t as sidebarSubnavList};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-list.mjs.map
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-list.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-list.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-list.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavList = defineRecipe({\n className: 'sidebar__subnav__list',\n jsx: ['Sidebar.Subnav'],\n base: {\n paddingTop: '100',\n position: 'relative',\n listStyle: 'none',\n _before: {\n content: '\"\"',\n backgroundColor
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-list.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-list.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavList = defineRecipe({\n className: 'sidebar__subnav__list',\n jsx: ['Sidebar.Subnav'],\n base: {\n paddingTop: 'var(--sidebar-subnav-list-padding-top, {spacing.100})',\n position: 'relative',\n listStyle: 'none',\n gap: 'var(--sidebar-subnav-list-gap, {spacing.0})',\n _before: {\n content: '\"\"',\n backgroundColor:\n 'var(--sidebar-subnav-list-stroke-color, {colors.neutral.stroke.6.enabled})',\n position: 'absolute',\n top: '0',\n left: '0',\n display: 'block',\n width: 'var(--sidebar-subnav-list-stroke-width, {borders.100})',\n height: '{sizes.50}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,WAAY,wDACZ,SAAU,WACV,UAAW,OACX,IAAK,8CACL,QAAS,CACP,QAAS,KACT,gBACE,6EACF,SAAU,WACV,IAAK,IACL,KAAM,IACN,QAAS,QACT,MAAO,yDACP,OAAQ,aACT,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__root`,jsx:[`Sidebar.Subnav`],base:{paddingLeft:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__root`,jsx:[`Sidebar.Subnav`],base:{paddingLeft:`var(--sidebar-subnav-padding-left, {spacing.450})`,transformOrigin:`top`,"[data-collapsed=false] &":{animationName:`var(--sidebar-subnav-animation-name, expandY)`,animationDuration:`var(--sidebar-subnav-animation-duration, 150ms)`,animationTimingFunction:`var(--sidebar-subnav-animation-timing-function, ease-out)`,animationFillMode:`var(--sidebar-subnav-animation-fill-mode, both)`},tablet:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarSubnavRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-root.mjs.map
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavRoot = defineRecipe({\n className: 'sidebar__subnav__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n paddingLeft: '450',\n
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const sidebarSubnavRoot = defineRecipe({\n className: 'sidebar__subnav__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n paddingLeft: 'var(--sidebar-subnav-padding-left, {spacing.450})',\n transformOrigin: 'top',\n\n '[data-collapsed=false] &': {\n animationName: 'var(--sidebar-subnav-animation-name, expandY)',\n animationDuration: 'var(--sidebar-subnav-animation-duration, 150ms)',\n animationTimingFunction:\n 'var(--sidebar-subnav-animation-timing-function, ease-out)',\n animationFillMode: 'var(--sidebar-subnav-animation-fill-mode, both)',\n },\n\n tablet: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,YAAa,oDACb,gBAAiB,MAEjB,2BAA4B,CAC1B,cAAe,gDACf,kBAAmB,kDACnB,wBACE,4DACF,kBAAmB,kDACpB,CAED,OAAQ,CACN,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`16.5rem`,"--sidebar-height":`100dvh`,"--sidebar-top":`{spacing.100}`,"--sidebar-padding-block":`{spacing.400}`,"--sidebar-padding-inline":`{sizes.workspace.paddingX}`,"--sidebar-radii":`{radii.200}`,"--sidebar-transition":`{animations.base.100}`,"--sidebar-zindex":`{zIndex.nav}`,"--sidebar-nav-gap":`{spacing.300}`,"--sidebar-nav-padding-top":`{spacing.400}`,"--sidebar-nav-height":`calc(100dvh - token(spacing.1000))`,"--sidebar-nav-background":`transparent`,"--sidebar-nav-border-color":`transparent`,"--sidebar-nav-border-top-width":`{borders.0}`,"--sidebar-nav-border-bottom-width":`{borders.0}`,"--sidebar-nav-border-left-width":`{borders.0}`,"--sidebar-nav-border-right-width":`{borders.0}`,"--sidebar-nav-border-radius":`{radii.0}`,"--sidebar-nav-group-gap":`{spacing.300}`,"--sidebar-nav-group-padding-top":`{spacing.200}`,"--sidebar-nav-group-padding-bottom":`{spacing.400}`,"--sidebar-nav-group-padding-inline":`{spacing.0}`,"--sidebar-nav-group-background":`transparent`,"--sidebar-nav-group-border-color":`{colors.neutral.stroke.7.enabled}`,"--sidebar-nav-group-border-top-width":`{borders.0}`,"--sidebar-nav-group-border-bottom-width":`{borders.100}`,"--sidebar-nav-group-border-left-width":`{borders.0}`,"--sidebar-nav-group-border-right-width":`{borders.0}`,"--sidebar-nav-group-radii":`{radii.0}`,"--sidebar-nav-group-title-font-size":`{fontSizes.200}`,"--sidebar-nav-group-title-font-weight":`{fontWeights.medium}`,"--sidebar-nav-group-title-color":`{colors.neutral.foreground.3.enabled}`,"--sidebar-nav-group-title-text-transform":`uppercase`,"--sidebar-nav-group-title-padding-block":`{spacing.0}`,"--sidebar-nav-group-title-padding-inline":`{spacing.0}`,"--sidebar-nav-list-gap":`{spacing.200}`,"--sidebar-nav-list-padding":`{spacing.0}`,"--sidebar-nav-list-margin":`{spacing.0}`,"--sidebar-nav-list-item-height":`2.5rem`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`2rem`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,tablet:{"--sidebar-padding-inline":`{spacing.200}`,"--sidebar-height":`calc(100dvh - 0.5rem)`,"--sidebar-nav-list-item-height":`2.75rem`,"--sidebar-nav-item-label-font-size":`{fontSizes.300}`,"&[data-collapsed=true]":{"--sidebar-width":`3.5rem`,"--sidebar-padding-inline":`{spacing.100}`}},laptop:{"--sidebar-padding-inline":`{spacing.400}`}}});export{t as sidebar};
|
|
2
2
|
//# sourceMappingURL=sidebar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '
|
|
1
|
+
{"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline': '{sizes.workspace.paddingX}',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline': '{spacing.0}',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.5rem',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '2rem',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n tablet: {\n '--sidebar-padding-inline': '{spacing.200}',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.75rem',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.300}',\n\n '&[data-collapsed=true]': {\n /* root */\n '--sidebar-width': '3.5rem',\n '--sidebar-padding-inline': '{spacing.100}',\n },\n },\n\n laptop: {\n /* root */\n '--sidebar-padding-inline': '{spacing.400}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,2BAA4B,6BAC5B,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAG/B,0BAA2B,gBAC3B,kCAAmC,gBACnC,qCAAsC,gBACtC,qCAAsC,cACtC,iCAAkC,cAClC,mCAAoC,oCACpC,uCAAwC,cACxC,0CAA2C,gBAC3C,wCAAyC,cACzC,yCAA0C,cAC1C,4BAA6B,YAG7B,sCAAuC,kBACvC,wCAAyC,uBACzC,kCAAmC,wCACnC,2CAA4C,YAC5C,0CAA2C,cAC3C,2CAA4C,cAG5C,yBAA0B,gBAC1B,6BAA8B,cAC9B,4BAA6B,cAG7B,iCAAkC,SAClC,8BAA+B,gBAC/B,qCAAsC,wBACtC,yCAA0C,gBAC1C,gCAAiC,cACjC,qCAAsC,cACtC,6CACE,wCACF,4CACE,yCACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDACF,qCACE,wCACF,6CACE,gDACF,4CACE,iDACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDAGF,6CAA8C,cAG9C,qCAAsC,kBACtC,uCAAwC,uBACxC,0CAA2C,OAG3C,qCAAsC,oCAEtC,0BAA2B,oBAC3B,kCAAmC,UACnC,sCAAuC,QACvC,6CAA8C,WAC9C,uCAAwC,OACxC,gCAAiC,gBACjC,4BAA6B,cAC7B,oCAAqC,gBAGrC,wCACE,wCACF,2CAA4C,gBAC5C,4CAA6C,gBAC7C,yCAA0C,eAC1C,2CAA4C,cAG5C,oCAAqC,OACrC,0CAA2C,gBAC3C,2CAA4C,gBAC5C,2CAA4C,gBAC5C,2CAA4C,cAC5C,wCAAyC,wBACzC,qCAAsC,gBACtC,iCAAkC,cAClC,wCACE,wCACF,gDACE,wCACF,+CACE,yCACF,iDACE,iDACF,yDACE,wDACF,wCACE,wCACF,gDACE,gDACF,+CACE,iDACF,iDACE,iDACF,yDACE,wDAGF,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,OAAQ,CACN,2BAA4B,gBAC5B,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,2BAA4B,gBAC7B,CACF,CAED,OAAQ,CAEN,2BAA4B,gBAC7B,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineKeyframes as e}from"@pandacss/dev";const t=e({grow:{"0%":{width:`0`},"100%":{width:`100%`}},boundScale:{"0%, 100%":{transform:`scale(1)`,opacity:`1`},"50%":{transform:`scale(.6)`,opacity:`.5`}},spin:{"0%":{transform:`rotate(0deg)`},"100%":{transform:`rotate(360deg)`}}});export{t as keyframes};
|
|
1
|
+
import{defineKeyframes as e}from"@pandacss/dev";const t=e({grow:{"0%":{width:`0`},"100%":{width:`100%`}},expandY:{"0%":{opacity:`0`,transform:`scaleY(0.2)`},"100%":{opacity:`1`,transform:`scaleY(1)`}},boundScale:{"0%, 100%":{transform:`scale(1)`,opacity:`1`},"50%":{transform:`scale(.6)`,opacity:`.5`}},spin:{"0%":{transform:`rotate(0deg)`},"100%":{transform:`rotate(360deg)`}}});export{t as keyframes};
|
|
2
2
|
//# sourceMappingURL=keyframes.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyframes.mjs","names":[],"sources":["../../src/tokens/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n grow: {\n '0%': { width: '0' },\n '100%': { width: '100%' },\n },\n boundScale: {\n '0%, 100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n '50%': {\n transform: 'scale(.6)',\n opacity: '.5',\n },\n },\n spin: {\n '0%': { transform: 'rotate(0deg)' },\n '100%': { transform: 'rotate(360deg)' },\n },\n});\n"],"mappings":"gDAEA,MAAa,EAAY,EAAgB,CACvC,KAAM,CACJ,KAAM,CAAE,MAAO,IAAK,CACpB,OAAQ,CAAE,MAAO,OAAQ,CAC1B,CACD,WAAY,CACV,WAAY,CACV,UAAW,WACX,QAAS,IACV,CACD,MAAO,CACL,UAAW,YACX,QAAS,KACV,CACF,CACD,KAAM,CACJ,KAAM,CAAE,UAAW,eAAgB,CACnC,OAAQ,CAAE,UAAW,iBAAkB,CACxC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"keyframes.mjs","names":[],"sources":["../../src/tokens/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n grow: {\n '0%': { width: '0' },\n '100%': { width: '100%' },\n },\n expandY: {\n '0%': {\n opacity: '0',\n transform: 'scaleY(0.2)',\n },\n '100%': {\n opacity: '1',\n transform: 'scaleY(1)',\n },\n },\n boundScale: {\n '0%, 100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n '50%': {\n transform: 'scale(.6)',\n opacity: '.5',\n },\n },\n spin: {\n '0%': { transform: 'rotate(0deg)' },\n '100%': { transform: 'rotate(360deg)' },\n },\n});\n"],"mappings":"gDAEA,MAAa,EAAY,EAAgB,CACvC,KAAM,CACJ,KAAM,CAAE,MAAO,IAAK,CACpB,OAAQ,CAAE,MAAO,OAAQ,CAC1B,CACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,cACZ,CACD,OAAQ,CACN,QAAS,IACT,UAAW,YACZ,CACF,CACD,WAAY,CACV,WAAY,CACV,UAAW,WACX,QAAS,IACV,CACD,MAAO,CACL,UAAW,YACX,QAAS,KACV,CACF,CACD,KAAM,CACJ,KAAM,CAAE,UAAW,eAAgB,CACnC,OAAQ,CAAE,UAAW,iBAAkB,CACxC,CACF,CAAC"}
|