@mage-ui/preset 1.0.117 → 1.0.118
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/data-display/calendar/calendar-agenda.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-agenda.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-month.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-month.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-root.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-root.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__agenda`,jsx:[`Calendar`],base:{"& .rbc-agenda-view":{display:`flex`,flexDirection:`column`,flex:`1 0 0`,overflow:`auto`,height:`100
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__agenda`,jsx:[`Calendar`],base:{"& .rbc-agenda-view":{display:`flex`,flexDirection:`column`,flex:`1 0 0`,overflow:`auto`,height:`100%`,borderRadius:`8px 8px 0 0`},"& table.rbc-agenda-table":{width:`100%`,borderWidth:`var(--calendar-agenda-table-border-width, {borders.0})`,borderStyle:`solid`,borderColor:`var(--calendar-cell-border-color, transparent)`,borderSpacing:0},"& table.rbc-agenda-table tbody > tr > td":{paddingBlock:`var(--calendar-agenda-table-cell-padding-block, {spacing.300})`,paddingInline:`var(--calendar-agenda-table-cell-padding-inline, {spacing.300})`,verticalAlign:`top`,borderLeftWidth:`var(--calendar-agenda-table-cell-border, {borders.0})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& table.rbc-agenda-table tbody > tr + tr > td":{borderTopWidth:`var(--calendar-cell-border-width, {borders.100})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& table.rbc-agenda-table .rbc-agenda-date-cell":{borderLeftWidth:`var(--calendar-agenda-table-cell-border-left-width, {borders.0})`},"& table.rbc-agenda-table thead > tr > th":{display:`table-cell`,paddingBlock:`var(--calendar-agenda-table-header-padding-block, {spacing.300})`,paddingInline:`var(--calendar-agenda-table-header-padding-inline, {spacing.300})`,textAlign:`left`,borderBottomWidth:`var(--calendar-agenda-table-header-border, {borders.0})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,fontFamily:`var(--calendar-agenda-table-header-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-table-header-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-agenda-table-header-font-weight, {fontWeights.semibold})`},"& .rbc-rtl table.rbc-agenda-table thead > tr > th":{textAlign:`right`},"& .rbc-agenda-time-cell":{whiteSpace:`nowrap`,fontFamily:`var(--calendar-agenda-time-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-time-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-time-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-time-cell-foreground, {colors.neutral.foreground.1.enabled})`,textTransform:`var(--calendar-agenda-time-cell-text-transform, capitalize)`},"& .rbc-agenda-time-cell .rbc-continues-after:after":{content:`var(--calendar-agenda-time-cell-continues-after-content, " »")`},"& .rbc-agenda-time-cell .rbc-continues-prior:before":{content:`var(--calendar-agenda-time-cell-continues-prior-content, "« ")`},"& .rbc-agenda-date-cell":{whiteSpace:`nowrap`,fontFamily:`var(--calendar-agenda-date-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-date-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-date-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-date-cell-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-agenda-date-cell-background, {colors.primary.background.1.enabled/10})`},"& .rbc-agenda-event-cell":{width:`100%`,fontFamily:`var(--calendar-agenda-event-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-event-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-event-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-event-cell-foreground, {colors.neutral.foreground.1.enabled})`},"& .rbc-agenda-empty":{display:`flex`,alignItems:`center`,justifyContent:`center`,height:`100%`,width:`100%`,paddingBlock:`var(--calendar-agenda-empty-padding-block, {spacing.750})`,paddingInline:`var(--calendar-agenda-empty-padding-inline, {spacing.750})`,textAlign:`center`,fontFamily:`var(--calendar-agenda-empty-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-empty-font-size, {fontSizes.400})`,fontWeight:`var(--calendar-agenda-empty-font-weight, {fontWeights.regular})`,color:`var(--calendar-agenda-empty-foreground, {colors.neutral.foreground.2.enabled})`}}});export{t as calendarAgenda};
|
|
2
2
|
//# sourceMappingURL=calendar-agenda.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-agenda.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-agenda.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarAgenda = defineRecipe({\n className: 'calendar__agenda',\n jsx: ['Calendar'],\n base: {\n // Agenda view\n '& .rbc-agenda-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 0 0',\n overflow: 'auto',\n height: '100%',\n },\n\n // Agenda table\n '& table.rbc-agenda-table': {\n width: '100%',\n borderWidth: 'var(--calendar-
|
|
1
|
+
{"version":3,"file":"calendar-agenda.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-agenda.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarAgenda = defineRecipe({\n className: 'calendar__agenda',\n jsx: ['Calendar'],\n base: {\n // Agenda view\n '& .rbc-agenda-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 0 0',\n overflow: 'auto',\n height: '100%',\n borderRadius: '8px 8px 0 0',\n },\n\n // Agenda table\n\n '& table.rbc-agenda-table': {\n width: '100%',\n borderWidth: 'var(--calendar-agenda-table-border-width, {borders.0})',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-cell-border-color, transparent)',\n borderSpacing: 0,\n },\n\n '& table.rbc-agenda-table tbody > tr > td': {\n paddingBlock:\n 'var(--calendar-agenda-table-cell-padding-block, {spacing.300})',\n paddingInline:\n 'var(--calendar-agenda-table-cell-padding-inline, {spacing.300})',\n verticalAlign: 'top',\n borderLeftWidth: 'var(--calendar-agenda-table-cell-border, {borders.0})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& table.rbc-agenda-table tbody > tr + tr > td': {\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& table.rbc-agenda-table .rbc-agenda-date-cell': {\n borderLeftWidth:\n 'var(--calendar-agenda-table-cell-border-left-width, {borders.0})',\n },\n\n '& table.rbc-agenda-table thead > tr > th': {\n display: 'table-cell',\n paddingBlock:\n 'var(--calendar-agenda-table-header-padding-block, {spacing.300})',\n paddingInline:\n 'var(--calendar-agenda-table-header-padding-inline, {spacing.300})',\n textAlign: 'left',\n borderBottomWidth:\n 'var(--calendar-agenda-table-header-border, {borders.0})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n fontFamily:\n 'var(--calendar-agenda-table-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-agenda-table-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-agenda-table-header-font-weight, {fontWeights.semibold})',\n },\n\n '& .rbc-rtl table.rbc-agenda-table thead > tr > th': {\n textAlign: 'right',\n },\n\n // Agenda time cell\n '& .rbc-agenda-time-cell': {\n whiteSpace: 'nowrap',\n fontFamily: 'var(--calendar-agenda-time-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-time-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-time-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-time-cell-foreground, {colors.neutral.foreground.1.enabled})',\n textTransform:\n 'var(--calendar-agenda-time-cell-text-transform, capitalize)',\n },\n\n '& .rbc-agenda-time-cell .rbc-continues-after:after': {\n content: 'var(--calendar-agenda-time-cell-continues-after-content, \" »\")',\n },\n\n '& .rbc-agenda-time-cell .rbc-continues-prior:before': {\n content: 'var(--calendar-agenda-time-cell-continues-prior-content, \"« \")',\n },\n\n // Agenda date cell\n '& .rbc-agenda-date-cell': {\n whiteSpace: 'nowrap',\n fontFamily: 'var(--calendar-agenda-date-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-date-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-date-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-date-cell-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-agenda-date-cell-background, {colors.primary.background.1.enabled/10})',\n },\n\n // Agenda event cell\n '& .rbc-agenda-event-cell': {\n width: '100%',\n fontFamily: 'var(--calendar-agenda-event-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-event-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-event-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-event-cell-foreground, {colors.neutral.foreground.1.enabled})',\n },\n\n // Agenda empty\n '& .rbc-agenda-empty': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n paddingBlock: 'var(--calendar-agenda-empty-padding-block, {spacing.750})',\n paddingInline:\n 'var(--calendar-agenda-empty-padding-inline, {spacing.750})',\n textAlign: 'center',\n fontFamily: 'var(--calendar-agenda-empty-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-empty-font-size, {fontSizes.400})',\n fontWeight:\n 'var(--calendar-agenda-empty-font-weight, {fontWeights.regular})',\n color:\n 'var(--calendar-agenda-empty-foreground, {colors.neutral.foreground.2.enabled})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,KAAM,QACN,SAAU,OACV,OAAQ,OACR,aAAc,cACf,CAID,2BAA4B,CAC1B,MAAO,OACP,YAAa,yDACb,YAAa,QACb,YAAa,iDACb,cAAe,EAChB,CAED,2CAA4C,CAC1C,aACE,iEACF,cACE,kEACF,cAAe,MACf,gBAAiB,wDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,gDAAiD,CAC/C,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACH,CAED,iDAAkD,CAChD,gBACE,mEACH,CAED,2CAA4C,CAC1C,QAAS,aACT,aACE,mEACF,cACE,oEACF,UAAW,OACX,kBACE,0DACF,kBAAmB,QACnB,kBACE,uEACF,WACE,gEACF,SACE,iEACF,WACE,0EACH,CAED,oDAAqD,CACnD,UAAW,QACZ,CAGD,0BAA2B,CACzB,WAAY,SACZ,WAAY,6DACZ,SAAU,8DACV,WACE,uEACF,MACE,qFACF,cACE,8DACH,CAED,qDAAsD,CACpD,QAAS,iEACV,CAED,sDAAuD,CACrD,QAAS,iEACV,CAGD,0BAA2B,CACzB,WAAY,SACZ,WAAY,6DACZ,SAAU,8DACV,WACE,uEACF,MACE,qFACF,gBACE,wFACH,CAGD,2BAA4B,CAC1B,MAAO,OACP,WAAY,8DACZ,SAAU,+DACV,WACE,wEACF,MACE,sFACH,CAGD,sBAAuB,CACrB,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,OACR,MAAO,OACP,aAAc,4DACd,cACE,6DACF,UAAW,SACX,WAAY,yDACZ,SAAU,0DACV,WACE,kEACF,MACE,iFACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{borderWidth:`var(--calendar-event-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{borderWidth:`var(--calendar-event-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, transparent)`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.alpha.2.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.400})`,color:`var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.1.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.medium})`,fontSize:`var(--calendar-event-font-size, {fontSizes.100})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.1.enabled})`},"&:hover":{backgroundColor:`var(--calendar-event-background-hover, {colors.primary.background.alpha.3.enabled})`,borderColor:`var(--calendar-event-border-color-hover, {colors.primary.stroke.1.enabled})`,color:`var(--calendar-event-foreground-hover, {colors.primary.foreground.onPrimary.1.enabled})`}},".rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event":{cursor:`inherit`,pointerEvents:`none`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{backgroundColor:`var(--calendar-event-background-selected, {colors.primary.background.alpha.2.enabled})`,borderColor:`var(--calendar-event-border-color-selected, {colors.primary.stroke.1.enabled})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`}},staticCss:[`*`]});export{t as calendarEvent};
|
|
2
2
|
//# sourceMappingURL=calendar-event.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n className: 'calendar__event',\n jsx: ['Calendar'],\n base: {\n '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor
|
|
1
|
+
{"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n className: 'calendar__event',\n jsx: ['Calendar'],\n base: {\n '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-event-border-color, transparent)',\n boxSizing: 'border-box',\n margin: 0,\n paddingBlock: 'var(--calendar-event-padding-block, {spacing.100})',\n paddingInline: 'var(--calendar-event-padding-inline, {spacing.200})',\n backgroundColor:\n 'var(--calendar-event-background, {colors.primary.background.alpha.2.enabled})',\n borderRadius: 'var(--calendar-event-border-radius, {radii.400})',\n color:\n 'var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.1.enabled})',\n cursor: 'pointer',\n width: '100%',\n textAlign: 'left',\n fontFamily: 'var(--calendar-event-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-event-font-weight, {fontWeights.medium})',\n fontSize: 'var(--calendar-event-font-size, {fontSizes.100})',\n lineHeight: 'var(--calendar-event-line-height, 1.2)',\n '& strong': {\n fontWeight:\n 'var(--calendar-event-font-weight-strong, {fontWeights.bold})',\n color:\n 'var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.1.enabled})',\n },\n '&:hover': {\n backgroundColor:\n 'var(--calendar-event-background-hover, {colors.primary.background.alpha.3.enabled})',\n borderColor:\n 'var(--calendar-event-border-color-hover, {colors.primary.stroke.1.enabled})',\n color:\n 'var(--calendar-event-foreground-hover, {colors.primary.foreground.onPrimary.1.enabled})',\n },\n },\n\n '.rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event':\n {\n cursor: 'inherit',\n pointerEvents: 'none',\n },\n\n '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n backgroundColor:\n 'var(--calendar-event-background-selected, {colors.primary.background.alpha.2.enabled})',\n borderColor:\n 'var(--calendar-event-border-color-selected, {colors.primary.stroke.1.enabled})',\n },\n\n '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n outlineWidth: 'var(--calendar-event-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-event-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--calendar-event-focus-outline-offset, 0)',\n },\n },\n staticCss: ['*'],\n});\n"],"mappings":"uDAEA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,gEAAiE,CAC/D,YAAa,oDACb,YAAa,QACb,YAAa,kDACb,UAAW,aACX,OAAQ,EACR,aAAc,qDACd,cAAe,sDACf,gBACE,gFACF,aAAc,mDACd,MACE,oFACF,OAAQ,UACR,MAAO,OACP,UAAW,OACX,WAAY,kDACZ,WAAY,0DACZ,SAAU,mDACV,WAAY,yCACZ,WAAY,CACV,WACE,+DACF,MACE,2FACH,CACD,UAAW,CACT,gBACE,sFACF,YACE,8EACF,MACE,0FACH,CACF,CAED,8EACE,CACE,OAAQ,UACR,cAAe,OAChB,CAEH,gEAAiE,CAC/D,gBACE,yFACF,YACE,iFACH,CAED,kEAAmE,CACjE,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,gDAChB,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__month`,jsx:[`Calendar`],base:{"& .rbc-row":{display:`flex`,flexDirection:`row`},"& .rbc-row-segment":{padding:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__month`,jsx:[`Calendar`],base:{"& .rbc-row":{display:`flex`,flexDirection:`row`},"& .rbc-row-segment":{paddingInline:`var(--calendar-row-segment-padding-inline, {spacing.100})`,paddingBlock:`var(--calendar-row-segment-padding-block, {spacing.50})`},"& .rbc-row-segment .rbc-event-content":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-selected-cell":{backgroundColor:`var(--calendar-month-selected-cell-background, {colors.neutral.background.1.enabled/10})`},"& .rbc-show-more":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,backgroundColor:`var(--calendar-month-show-more-background, transparent)`,zIndex:`var(--calendar-month-show-more-z-index, 4)`,fontWeight:`var(--calendar-month-show-more-font-weight, {fontWeights.semiBold})`,fontSize:`var(--calendar-month-show-more-font-size, {fontSizes.100})`,height:`auto`,lineHeight:`normal`,padding:`var(--calendar-month-show-more-padding, {sizes.50})`,color:`var(--calendar-month-show-more-foreground, {colors.neutral.foreground.3.enabled})`},"& .rbc-show-more:hover, & .rbc-show-more:focus":{color:`var(--calendar-month-show-more-foreground-hover, {colors.neutral.foreground.3.onPrimary.hovered})`},"& .rbc-month-view":{borderRadius:`var(--calendar-border-radius, {radii.100})`,position:`relative`,borderWidth:`var(--calendar-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,display:`flex`,flexDirection:`column`,flex:`1 0 0`,width:`100%`,userSelect:`none`,WebkitUserSelect:`none`,height:`100%`,overflow:`hidden`},"& .rbc-month-header":{display:`flex`,flexDirection:`row`},"& .rbc-month-row":{display:`flex`,position:`relative`,flexDirection:`column`,flex:`1 0 0`,flexBasis:`0px`,overflow:`hidden`,height:`100%`},"& .rbc-month-row + .rbc-month-row":{borderTopWidth:`var(--calendar-cell-border-width, {borders.100})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0,display:`flex`,flexDirection:`row`,flex:`1 0 0`},"& .rbc-date-cell":{flex:`1 1 0`,minWidth:0,padding:`var(--calendar-month-date-cell-padding, {spacing.200})`,textAlign:`var(--calendar-month-date-cell-text-align, left)`,fontFamily:`var(--calendar-month-date-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-month-date-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-month-date-cell-font-weight, {fontWeights.regular})`},"& .rbc-date-cell.rbc-now":{fontWeight:`var(--calendar-month-date-cell-now-font-weight, {fontWeights.regular})`},"& .rbc-date-cell > a, & .rbc-date-cell > a:active, & .rbc-date-cell > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-day-bg":{flex:`1 0 0%`},"& .rbc-day-bg + .rbc-day-bg":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-day-bg + .rbc-day-bg":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`}}});export{t as calendarMonth};
|
|
2
2
|
//# sourceMappingURL=calendar-month.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-month.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-month.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarMonth = defineRecipe({\n className: 'calendar__month',\n jsx: ['Calendar'],\n base: {\n // Row\n '& .rbc-row': {\n display: 'flex',\n flexDirection: 'row',\n },\n\n '& .rbc-row-segment': {\n padding: '
|
|
1
|
+
{"version":3,"file":"calendar-month.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-month.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarMonth = defineRecipe({\n className: 'calendar__month',\n jsx: ['Calendar'],\n base: {\n // Row\n '& .rbc-row': {\n display: 'flex',\n flexDirection: 'row',\n },\n\n '& .rbc-row-segment': {\n paddingInline:\n 'var(--calendar-row-segment-padding-inline, {spacing.100})',\n paddingBlock: 'var(--calendar-row-segment-padding-block, {spacing.50})',\n },\n\n '& .rbc-row-segment .rbc-event-content': {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n\n // Selected cell\n '& .rbc-selected-cell': {\n backgroundColor:\n 'var(--calendar-month-selected-cell-background, {colors.neutral.background.1.enabled/10})',\n },\n\n // Show more\n '& .rbc-show-more': {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n backgroundColor:\n 'var(--calendar-month-show-more-background, transparent)',\n zIndex: 'var(--calendar-month-show-more-z-index, 4)',\n fontWeight:\n 'var(--calendar-month-show-more-font-weight, {fontWeights.semiBold})',\n fontSize: 'var(--calendar-month-show-more-font-size, {fontSizes.100})',\n height: 'auto',\n lineHeight: 'normal',\n padding: 'var(--calendar-month-show-more-padding, {sizes.50})',\n color:\n 'var(--calendar-month-show-more-foreground, {colors.neutral.foreground.3.enabled})',\n },\n\n '& .rbc-show-more:hover, & .rbc-show-more:focus': {\n color:\n 'var(--calendar-month-show-more-foreground-hover, {colors.neutral.foreground.3.onPrimary.hovered})',\n },\n\n // Month\n '& .rbc-month-view': {\n borderRadius: 'var(--calendar-border-radius, {radii.100})',\n position: 'relative',\n borderWidth: 'var(--calendar-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-border-color, {colors.neutral.stroke.7.enabled})',\n display: 'flex',\n flexDirection: 'column',\n flex: '1 0 0',\n width: '100%',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n height: '100%',\n overflow: 'hidden',\n },\n\n '& .rbc-month-header': {\n display: 'flex',\n flexDirection: 'row',\n },\n\n '& .rbc-month-row': {\n display: 'flex',\n position: 'relative',\n flexDirection: 'column',\n flex: '1 0 0',\n flexBasis: '0px',\n overflow: 'hidden',\n height: '100%',\n },\n\n '& .rbc-month-row + .rbc-month-row': {\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-row-bg': {\n overflow: 'hidden',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n flexDirection: 'row',\n flex: '1 0 0',\n },\n\n // Date cell\n '& .rbc-date-cell': {\n flex: '1 1 0',\n minWidth: 0,\n padding: 'var(--calendar-month-date-cell-padding, {spacing.200})',\n textAlign: 'var(--calendar-month-date-cell-text-align, left)',\n fontFamily: 'var(--calendar-month-date-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-month-date-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-month-date-cell-font-weight, {fontWeights.regular})',\n },\n\n '& .rbc-date-cell.rbc-now': {\n fontWeight:\n 'var(--calendar-month-date-cell-now-font-weight, {fontWeights.regular})',\n },\n\n '& .rbc-date-cell > a, & .rbc-date-cell > a:active, & .rbc-date-cell > a:visited':\n {\n color: 'inherit',\n textDecoration: 'none',\n },\n\n '& .rbc-day-bg': {\n flex: '1 0 0%',\n },\n\n '& .rbc-day-bg + .rbc-day-bg': {\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-day-bg + .rbc-day-bg': {\n borderLeftWidth: 0,\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,aAAc,CACZ,QAAS,OACT,cAAe,MAChB,CAED,qBAAsB,CACpB,cACE,4DACF,aAAc,0DACf,CAED,wCAAyC,CACvC,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACb,CAGD,uBAAwB,CACtB,gBACE,2FACH,CAGD,mBAAoB,CAClB,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACZ,gBACE,0DACF,OAAQ,6CACR,WACE,sEACF,SAAU,6DACV,OAAQ,OACR,WAAY,SACZ,QAAS,sDACT,MACE,oFACH,CAED,iDAAkD,CAChD,MACE,oGACH,CAGD,oBAAqB,CACnB,aAAc,6CACd,SAAU,WACV,YAAa,8CACb,YAAa,QACb,YACE,kEACF,QAAS,OACT,cAAe,SACf,KAAM,QACN,MAAO,OACP,WAAY,OACZ,iBAAkB,OAClB,OAAQ,OACR,SAAU,SACX,CAED,sBAAuB,CACrB,QAAS,OACT,cAAe,MAChB,CAED,mBAAoB,CAClB,QAAS,OACT,SAAU,WACV,cAAe,SACf,KAAM,QACN,UAAW,MACX,SAAU,SACV,OAAQ,OACT,CAED,oCAAqC,CACnC,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACH,CAED,gBAAiB,CACf,SAAU,SACV,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACR,QAAS,OACT,cAAe,MACf,KAAM,QACP,CAGD,mBAAoB,CAClB,KAAM,QACN,SAAU,EACV,QAAS,yDACT,UAAW,mDACX,WAAY,4DACZ,SAAU,6DACV,WACE,qEACH,CAED,2BAA4B,CAC1B,WACE,yEACH,CAED,kFACE,CACE,MAAO,UACP,eAAgB,OACjB,CAEH,gBAAiB,CACf,KAAM,SACP,CAED,8BAA+B,CAC7B,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,uCAAwC,CACtC,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__root`,jsx:[`Calendar`],base:{"&.rbc-calendar":{boxSizing:`border-box`,height:`100%`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},"& .rbc-m-b-negative-3":{marginBottom:`-0.1875rem`},"& .rbc-h-full":{height:`100%`},"& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after":{boxSizing:`inherit`},"& .rbc-abs-full, & .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0},"& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-rtl":{direction:`rtl`},"& .rbc-off-range":{opacity:`var(--calendar-off-range-opacity, 0.5)`},"& .rbc-off-range-bg":{background:`var(--calendar-off-range-background, {colors.neutral.background.2.enabled})`},"& .rbc-header":{display:`flex`,alignItems:`center`,justifyContent:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__root`,jsx:[`Calendar`],base:{"&.rbc-calendar":{boxSizing:`border-box`,height:`100%`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},"& .rbc-m-b-negative-3":{marginBottom:`-0.1875rem`},"& .rbc-h-full":{height:`100%`},"& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after":{boxSizing:`inherit`},"& .rbc-abs-full, & .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0},"& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-rtl":{direction:`rtl`},"& .rbc-off-range":{opacity:`var(--calendar-off-range-opacity, 0.5)`},"& .rbc-off-range-bg":{background:`var(--calendar-off-range-background, {colors.neutral.background.2.enabled})`},"& .rbc-header":{display:`flex`,alignItems:`center`,justifyContent:`flex-start`,flex:`1 0 0%`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,paddingInline:`var(--calendar-header-padding-inline, {spacing.200})`,paddingBlock:`var(--calendar-header-padding-block, {spacing.200})`,verticalAlign:`middle`,fontFamily:`var(--calendar-header-font-family, {fonts.base})`,fontWeight:`var(--calendar-header-font-weight, {fontWeights.semibold})`,fontSize:`var(--calendar-header-font-size, {fontSizes.100})`,color:`var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})`,textTransform:`var(--calendar-header-text-transform, uppercase)`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderBottomStyle:`solid`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header + .rbc-header":{borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderLeftStyle:`solid`,borderLeftWidth:`var(--calendar-header-border-width, {borders.0})`},"& .rbc-agenda-content .rbc-agenda-table":{borderRadius:`8px`,borderCollapse:`separate`,overflow:`hidden`,borderColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderStyle:`solid`,borderWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-rtl .rbc-header + .rbc-header":{borderLeftWidth:0,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderRightStyle:`solid`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-button-link":{fontFamily:`var(--calendar-button-link-font-family, {fonts.base})`,fontSize:`var(--calendar-button-link-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-link-font-weight, {fontWeights.regular})`,color:`var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-link-background, transparent)`,margin:0,padding:0,border:`none`,cursor:`pointer`,userSelect:`text`,_hover:{color:`var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})`,backgroundColor:`var(--calendar-button-link-background-hover, transparent)`}},"& .rbc-row-content":{position:`relative`,userSelect:`none`,WebkitUserSelect:`none`,zIndex:4},"& .rbc-row-content-scrollable":{display:`flex`,flexDirection:`column`,height:`100%`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container":{height:`100%`,overflowY:`scroll`,msOverflowStyle:`none`,scrollbarWidth:`none`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar":{display:`none`},"& .rbc-today":{backgroundColor:`var(--calendar-today-background, {colors.primary.background.1.enabled/10})`}}});export{t as calendarRoot};
|
|
2
2
|
//# sourceMappingURL=calendar-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarRoot = defineRecipe({\n className: 'calendar__root',\n jsx: ['Calendar'],\n base: {\n '&.rbc-calendar': {\n boxSizing: 'border-box',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n\n '& .rbc-m-b-negative-3': {\n marginBottom: '-0.1875rem', // -3px\n },\n\n '& .rbc-h-full': {\n height: '100%',\n },\n\n '& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after': {\n boxSizing: 'inherit',\n },\n\n '& .rbc-abs-full, & .rbc-row-bg': {\n overflow: 'hidden',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n '& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label':\n {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n\n '& .rbc-rtl': {\n direction: 'rtl',\n },\n\n '& .rbc-off-range': {\n opacity: 'var(--calendar-off-range-opacity, 0.5)',\n },\n\n '& .rbc-off-range-bg': {\n background:\n 'var(--calendar-off-range-background, {colors.neutral.background.2.enabled})',\n },\n\n // Header\n '& .rbc-header': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: '
|
|
1
|
+
{"version":3,"file":"calendar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarRoot = defineRecipe({\n className: 'calendar__root',\n jsx: ['Calendar'],\n base: {\n '&.rbc-calendar': {\n boxSizing: 'border-box',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n\n '& .rbc-m-b-negative-3': {\n marginBottom: '-0.1875rem', // -3px\n },\n\n '& .rbc-h-full': {\n height: '100%',\n },\n\n '& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after': {\n boxSizing: 'inherit',\n },\n\n '& .rbc-abs-full, & .rbc-row-bg': {\n overflow: 'hidden',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n '& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label':\n {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n\n '& .rbc-rtl': {\n direction: 'rtl',\n },\n\n '& .rbc-off-range': {\n opacity: 'var(--calendar-off-range-opacity, 0.5)',\n },\n\n '& .rbc-off-range-bg': {\n background:\n 'var(--calendar-off-range-background, {colors.neutral.background.2.enabled})',\n },\n\n // Header\n '& .rbc-header': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flex: '1 0 0%',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n paddingInline: 'var(--calendar-header-padding-inline, {spacing.200})',\n paddingBlock: 'var(--calendar-header-padding-block, {spacing.200})',\n verticalAlign: 'middle',\n fontFamily: 'var(--calendar-header-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-header-font-weight, {fontWeights.semibold})',\n fontSize: 'var(--calendar-header-font-size, {fontSizes.100})',\n color:\n 'var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})',\n textTransform: 'var(--calendar-header-text-transform, uppercase)',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderBottomStyle: 'solid',\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-header + .rbc-header': {\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderLeftStyle: 'solid',\n borderLeftWidth: 'var(--calendar-header-border-width, {borders.0})',\n },\n\n // Content\n\n '& .rbc-agenda-content .rbc-agenda-table': {\n borderRadius: '8px',\n borderCollapse: 'separate',\n overflow: 'hidden',\n borderColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderStyle: 'solid',\n borderWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-rtl .rbc-header + .rbc-header': {\n borderLeftWidth: 0,\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderRightStyle: 'solid',\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited': {\n color: 'inherit',\n textDecoration: 'none',\n },\n\n // Button link\n '& .rbc-button-link': {\n fontFamily: 'var(--calendar-button-link-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-link-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-button-link-font-weight, {fontWeights.regular})',\n color:\n 'var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})',\n backgroundColor: 'var(--calendar-button-link-background, transparent)',\n margin: 0,\n padding: 0,\n border: 'none',\n cursor: 'pointer',\n userSelect: 'text',\n _hover: {\n color:\n 'var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})',\n backgroundColor:\n 'var(--calendar-button-link-background-hover, transparent)',\n },\n },\n\n // Row content\n '& .rbc-row-content': {\n position: 'relative',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n zIndex: 4,\n },\n\n '& .rbc-row-content-scrollable': {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n\n '& .rbc-row-content-scrollable .rbc-row-content-scroll-container': {\n height: '100%',\n overflowY: 'scroll',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n },\n\n '& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar':\n {\n display: 'none',\n },\n\n // Today highlight\n '& .rbc-today': {\n backgroundColor:\n 'var(--calendar-today-background, {colors.primary.background.1.enabled/10})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iBAAkB,CAChB,UAAW,aACX,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WAAY,UACb,CAED,wBAAyB,CACvB,aAAc,aACf,CAED,gBAAiB,CACf,OAAQ,OACT,CAED,uEAAwE,CACtE,UAAW,UACZ,CAED,iCAAkC,CAChC,SAAU,SACV,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACT,CAED,+FACE,CACE,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACb,CAEH,aAAc,CACZ,UAAW,MACZ,CAED,mBAAoB,CAClB,QAAS,yCACV,CAED,sBAAuB,CACrB,WACE,8EACH,CAGD,gBAAiB,CACf,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,KAAM,SACN,aAAc,WACd,WAAY,SACZ,cAAe,uDACf,aAAc,sDACd,cAAe,SACf,WAAY,mDACZ,WAAY,6DACZ,SAAU,oDACV,MACE,2EACF,cAAe,mDACf,kBACE,uEACF,kBAAmB,QACnB,kBAAmB,mDACpB,CAED,8BAA+B,CAC7B,gBACE,uEACF,gBAAiB,QACjB,gBAAiB,mDAClB,CAID,0CAA2C,CACzC,aAAc,MACd,eAAgB,WAChB,SAAU,SACV,YACE,uEACF,YAAa,QACb,YAAa,mDACd,CAED,uCAAwC,CACtC,gBAAiB,EACjB,iBACE,uEACF,iBAAkB,QAClB,iBAAkB,mDACnB,CAED,yEAA0E,CACxE,MAAO,UACP,eAAgB,OACjB,CAGD,qBAAsB,CACpB,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,MACE,gFACF,gBAAiB,sDACjB,OAAQ,EACR,QAAS,EACT,OAAQ,OACR,OAAQ,UACR,WAAY,OACZ,OAAQ,CACN,MACE,8FACF,gBACE,4DACH,CACF,CAGD,qBAAsB,CACpB,SAAU,WACV,WAAY,OACZ,iBAAkB,OAClB,OAAQ,EACT,CAED,gCAAiC,CAC/B,QAAS,OACT,cAAe,SACf,OAAQ,OACT,CAED,kEAAmE,CACjE,OAAQ,OACR,UAAW,SACX,gBAAiB,OACjB,eAAgB,OACjB,CAED,qFACE,CACE,QAAS,OACV,CAGH,eAAgB,CACd,gBACE,6EACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`var(--calendar-toolbar-margin-bottom, {spacing.400})`,fontSize:`var(--calendar-toolbar-font-size, {fontSizes.400})`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.200})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,height:`var(--calendar-button-height, {sizes.500})`,color:`var(--calendar-button-foreground, {colors.primary.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-background, transparent)`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.900})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.primary.foreground.2.hovered})`,backgroundColor:`var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})`,borderColor:`var(--calendar-button-border-color-hover, {colors.primary.stroke.3.hovered})`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.primary.foreground.4.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})`},_focusVisible:{color:`var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})`,borderColor:`var(--calendar-button-border-focus, {colors.neutral.stroke.7.hovered})`,outlineWidth:`var(--calendar-button-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.neutral.stroke.7.hovered})`,outlineOffset:`var(--calendar-button-focus-outline-offset, 0)`}}}});export{t as calendarToolbar};
|
|
2
2
|
//# sourceMappingURL=calendar-toolbar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n className: 'calendar__toolbar',\n jsx: ['Calendar'],\n base: {\n // Toolbar container\n '& .rbc-toolbar': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: '
|
|
1
|
+
{"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n className: 'calendar__toolbar',\n jsx: ['Calendar'],\n base: {\n // Toolbar container\n '& .rbc-toolbar': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: 'var(--calendar-toolbar-margin-bottom, {spacing.400})',\n fontSize: 'var(--calendar-toolbar-font-size, {fontSizes.400})',\n _md: {\n flexDirection: 'row',\n },\n },\n\n '& .rbc-toolbar-label': {\n flexGrow: 1,\n color:\n 'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n paddingInline:\n 'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n fontWeight:\n 'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n },\n\n // Button group\n '& .rbc-btn-group': {\n display: 'inline-flex',\n gap: 'var(--calendar-button-group-gap, {spacing.200})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n // Button\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n height: 'var(--calendar-button-height, {sizes.500})',\n color:\n 'var(--calendar-button-foreground, {colors.primary.foreground.2.enabled})',\n backgroundColor: 'var(--calendar-button-background, transparent)',\n fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-button-text-align, center)',\n verticalAlign: 'middle',\n borderWidth: 'var(--calendar-button-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})',\n paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n borderRadius: 'var(--calendar-button-border-radius, {radii.900})',\n lineHeight: 'var(--calendar-button-line-height, 1)',\n whiteSpace: 'nowrap',\n cursor: 'pointer',\n transition: 'var(--calendar-button-transition, {animations.base.100})',\n _hover: {\n color:\n 'var(--calendar-button-foreground-hover, {colors.primary.foreground.2.hovered})',\n backgroundColor:\n 'var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})',\n borderColor:\n 'var(--calendar-button-border-color-hover, {colors.primary.stroke.3.hovered})',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.primary.foreground.4.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n borderColor:\n 'var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})',\n },\n _focusVisible: {\n color:\n 'var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})',\n borderColor:\n 'var(--calendar-button-border-focus, {colors.neutral.stroke.7.hovered})',\n outlineWidth:\n 'var(--calendar-button-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-button-focus-outline-color, {colors.neutral.stroke.7.hovered})',\n outlineOffset: 'var(--calendar-button-focus-outline-offset, 0)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,aAAc,uDACd,SAAU,qDACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CAED,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,OAAQ,6CACR,MACE,2EACF,gBAAiB,iDACjB,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,qDACb,YAAa,QACb,YACE,yEACF,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,iFACF,YACE,+EACH,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YACE,yEACH,CACD,cAAe,CACb,MACE,iFACF,gBACE,iFACF,YACE,yEACF,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cAAe,iDAChB,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-font-weight":`{fontWeights.regular}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-radius":`{radii.100}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.100}`,"--calendar-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background":`{colors.neutral.background.3.enabled}`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`0`,"--calendar-button-border-color":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-border-radius":`{radii.100}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--calendar-button-foreground-active":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-foreground-focus":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-focus":`{colors.neutral.background.3.enabled}`,"--calendar-button-border-focus":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`{colors.neutral.background.1.enabled/10}`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.semiBold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.neutral.foreground.4.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.regular}`,"--calendar-agenda-table-cell-padding-block":`{spacing.150}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.200}`,"--calendar-agenda-time-cell-padding-left":`{spacing.400}`,"--calendar-agenda-time-cell-padding-right":`{spacing.400}`,"--calendar-agenda-table-header-padding-block":`0.1875rem`,"--calendar-agenda-table-header-padding-inline":`0.3125rem`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-date-cell-background":`{colors.neutral.background.2.enabled}`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`{sizes.300}`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`{sizes.600}`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`{sizes.300}`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-border-radius":`{radii.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.background.1.enabled/50}`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-header-border-width":`{borders.0}`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-font-weight":`{fontWeights.regular}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-radius":`{radii.200}`,"--calendar-toolbar-margin-bottom":`{spacing.400}`,"--calendar-toolbar-font-size":`{fontSizes.400}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.200}`,"--calendar-button-height":`{sizes.500}`,"--calendar-button-foreground":`{colors.primary.foreground.2.enabled}`,"--calendar-button-background":`transparent`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`{borders.100}`,"--calendar-button-border-color":`{colors.primary.stroke.3.enabled}`,"--calendar-button-border-radius":`{radii.900}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.primary.foreground.2.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.primary.stroke.3.hovered}`,"--calendar-button-foreground-active":`{colors.primary.foreground.4.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-foreground-focus":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-focus":`{colors.neutral.background.3.enabled}`,"--calendar-button-border-focus":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`{colors.neutral.background.1.enabled/10}`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.semiBold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.neutral.foreground.3.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-show-more-padding":`{sizes.50}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.regular}`,"--calendar-agenda-table-border-width":`{borders.0}`,"--calendar-agenda-table-cell-padding-block":`{spacing.300}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.300}`,"--calendar-agenda-table-cell-border":`{borders.100}`,"--calendar-agenda-table-cell-border-left-width":`{borders.0}`,"--calendar-agenda-table-header-padding-block":`{spacing.300}`,"--calendar-agenda-table-header-padding-inline":`{spacing.300}`,"--calendar-agenda-table-header-border":`{borders.0}`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-date-cell-background":`{colors.primary.background.1.enabled/10}`,"-calendar-month-date-cell-padding":`{spacing.200}`,"-calendar-month-date-cell-text-align":`left`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`{sizes.300}`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`{sizes.600}`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`{sizes.300}`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-border-radius":`{radii.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.alpha.2.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`transparent`,"--calendar-event-border-radius":`{radii.400}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-hover":`{colors.primary.background.alpha.3.enabled}`,"--calendar-event-border-color-hover":`{colors.primary.stroke.1.enabled}`,"--calendar-event-foreground-hover":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-background-selected":`{colors.primary.background.alpha.2.enabled}`,"--calendar-event-border-color-selected":`{colors.primary.stroke.1.enabled}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
|
|
2
2
|
//# sourceMappingURL=calendar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendar = defineRecipe({\n className: 'calendar',\n jsx: ['Calendar'],\n base: {\n // general\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': '{colors.neutral.background.2.enabled}',\n '--calendar-header-padding-inline': '{spacing.200}',\n '--calendar-header-padding-block': '{spacing.200}',\n '--calendar-header-font-family': '{fonts.base}',\n '--calendar-header-font-weight': '{fontWeights.semibold}',\n '--calendar-header-font-size': '{fontSizes.100}',\n '--calendar-header-foreground': '{colors.neutral.foreground.2.enabled}',\n '--calendar-header-text-transform': 'uppercase',\n '--calendar-button-link-font-family': '{fonts.base}',\n '--calendar-button-link-font-size': '{fontSizes.200}',\n '--calendar-button-link-font-weight': '{fontWeights.regular}',\n '--calendar-button-link-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-button-link-background': 'transparent',\n '--calendar-button-link-foreground-hover':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--calendar-button-link-background-hover': 'transparent',\n '--calendar-today-background': '{colors.primary.background.1.enabled/10}',\n '--calendar-cell-border-width': '{borders.100}',\n '--calendar-border-width': '{borders.100}',\n '--calendar-cell-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-radius': '{radii.100}',\n\n // toolbar\n '--calendar-toolbar-label-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-toolbar-label-padding-inline': '{spacing.200}',\n '--calendar-toolbar-label--font-family': '{fonts.base}',\n '--calendar-toolbar-label--font-size': '{fontSizes.500}',\n '--calendar-toolbar-label--font-weight': '{fontWeights.medium}',\n '--calendar-toolbar-label--text-align': 'center',\n\n '--calendar-button-group-gap': '{spacing.100}',\n\n '--calendar-button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--calendar-button-background': '{colors.neutral.background.3.enabled}',\n '--calendar-button-font-family': '{fonts.base}',\n '--calendar-button-font-size': '{fontSizes.200}',\n '--calendar-button-font-weight': '{fontWeights.medium}',\n '--calendar-button-text-align': 'center',\n '--calendar-button-border-width': '0',\n '--calendar-button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--calendar-button-border-radius': '{radii.100}',\n '--calendar-button-padding-block': '{spacing.150}',\n '--calendar-button-padding-inline': '{spacing.400}',\n '--calendar-button-line-height': '1',\n '--calendar-button-transition': '{animations.base.100}',\n '--calendar-button-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--calendar-button-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--calendar-button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--calendar-button-foreground-active':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-button-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--calendar-button-border-color-active':\n '{colors.neutral.stroke.1.enabled}',\n '--calendar-button-foreground-focus':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-button-background-focus':\n '{colors.neutral.background.3.enabled}',\n '--calendar-button-border-focus': '{colors.neutral.stroke.7.hovered}',\n '--calendar-button-focus-outline-width': '{borders.100}',\n '--calendar-button-focus-outline-style': 'solid',\n '--calendar-button-focus-outline-color':\n '{colors.neutral.stroke.7.hovered}',\n '--calendar-button-focus-outline-offset': '0',\n\n // month\n '--calendar-month-selected-cell-background':\n '{colors.neutral.background.1.enabled/10}',\n '--calendar-month-show-more-background': 'transparent',\n '--calendar-month-show-more-z-index': '4',\n '--calendar-month-show-more-font-weight': '{fontWeights.semiBold}',\n '--calendar-month-show-more-font-size': '{fontSizes.100}',\n '--calendar-month-show-more-foreground':\n '{colors.neutral.foreground.4.enabled}',\n '--calendar-month-show-more-foreground-hover':\n '{colors.primary.foreground.1.hovered}',\n '--calendar-month-date-cell-font-family': '{fonts.base}',\n '--calendar-month-date-cell-font-size': '{fontSizes.200}',\n '--calendar-month-date-cell-font-weight': '{fontWeights.regular}',\n '--calendar-month-date-cell-now-font-weight': '{fontWeights.regular}',\n\n // agenda\n '--calendar-agenda-table-cell-padding-block': '{spacing.150}',\n '--calendar-agenda-table-cell-padding-inline': '{spacing.200}',\n '--calendar-agenda-time-cell-padding-left': '{spacing.400}',\n '--calendar-agenda-time-cell-padding-right': '{spacing.400}',\n '--calendar-agenda-table-header-padding-block': '0.1875rem',\n '--calendar-agenda-table-header-padding-inline': '0.3125rem',\n '--calendar-agenda-table-header-font-family': '{fonts.base}',\n '--calendar-agenda-table-header-font-size': '{fontSizes.100}',\n '--calendar-agenda-table-header-font-weight': '{fontWeights.semibold}',\n // agenda time cell\n '--calendar-agenda-time-cell-font-family': '{fonts.base}',\n '--calendar-agenda-time-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-time-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-time-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-time-cell-text-transform': 'capitalize',\n '--calendar-agenda-time-cell-continues-after-content': ' \" »\"',\n '--calendar-agenda-time-cell-continues-prior-content': ' \"« \"',\n // agenda date cell\n '--calendar-agenda-date-cell-font-family': '{fonts.base}',\n '--calendar-agenda-date-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-date-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-date-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-date-cell-background':\n '{colors.neutral.background.2.enabled}',\n // agenda event cell\n '--calendar-agenda-event-cell-font-family': '{fonts.base}',\n '--calendar-agenda-event-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-event-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-event-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n\n // time grid\n '--calendar-time-grid-slot-selection-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--calendar-time-grid-slot-selection-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-time-grid-slot-selection-font-size': '{fontSizes.100}',\n '--calendar-time-grid-slot-selection-padding-block': '0.1875rem',\n '--calendar-time-grid-slot-selection-padding-inline': '0.1875rem',\n '--calendar-time-grid-view-border-radius': '{radii.100}',\n '--calendar-time-grid-view-font-family': '{fonts.base}',\n '--calendar-time-grid-view-font-size': '{fontSizes.100}',\n '--calendar-time-grid-view-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-row-min-height': '{sizes.300}',\n '--calendar-time-grid-current-time-indicator-height': '0.125rem',\n '--calendar-time-grid-current-time-indicator-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-time-grid-timeslot-group-min-height': '{sizes.600}',\n '--calendar-time-grid-label-padding-block': '0',\n '--calendar-time-grid-label-padding-inline': '0.3125rem',\n '--calendar-time-slot-label-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-time-slot-label-font-family': '{fonts.base}',\n '--calendar-time-slot-label-font-size': '{fontSizes.100}',\n '--calendar-time-slot-label-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-events-container-margin-right': '0.625rem',\n '--calendar-time-grid-events-container-position-left': '0.625rem',\n '--calendar-time-grid-day-slot-event-min-height': '{sizes.300}',\n '--calendar-time-grid-background-event-opacity': '0.5',\n '--calendar-time-slot-border-top-width': '0',\n '--calendar-time-slot-border-top-color': 'transparent',\n '--calendar-time-grid-resources-gutter-background':\n '{colors.neutral.background.1.enabled}',\n '--calendar-time-grid-resources-day-slot-min-width': '8.75rem',\n '--calendar-time-grid-resources-column-width': '8.75rem',\n '--calendar-time-grid-resource-grouping-header-width': '8.8125rem',\n '--calendar-time-grid-time-slot-now-font-weight': '{fontWeights.bold}',\n '--calendar-time-grid-day-header-font-family': '{fonts.base}',\n '--calendar-time-grid-day-header-font-size': '{fontSizes.100}',\n '--calendar-time-grid-day-header-font-weight': '{fontWeights.semibold}',\n\n // root\n ':root:has(&)': {\n // popup\n '--calendar-month-overlay-border-width': '{borders.100}',\n '--calendar-month-overlay-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-background':\n '{colors.neutral.background.2.enabled}',\n '--calendar-month-overlay-padding': '{spacing.200}',\n '--calendar-month-overlay-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-border-width': '{borders.100}',\n '--calendar-month-overlay-header-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-header-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-month-overlay-header-font-weight': '{fontWeights.medium}',\n '--calendar-month-overlay-header-font-size': '{fontSizes.300}',\n '--calendar-month-overlay-header-font-family': '{fonts.base}',\n '--calendar-month-overlay-gap': '{spacing.100}',\n '--calendar-month-overlay-header-margin-bottom': '{spacing.150}',\n '--calendar-month-overlay-max-width': '18.75rem',\n '--calendar-month-overlay-box-shadow':\n '0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)',\n '--calendar-month-overlay-child-gap': '{spacing.0}',\n\n //event\n '--calendar-event-padding-block': '{spacing.100}',\n '--calendar-event-padding-inline': '{spacing.200}',\n '--calendar-event-background': '{colors.primary.background.1.enabled}',\n '--calendar-event-border-width': '{borders.100}',\n '--calendar-event-border-color':\n '{colors.primary.background.1.enabled/50}',\n '--calendar-event-border-radius': '{radii.200}',\n '--calendar-event-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-font-family': '{fonts.base}',\n '--calendar-event-font-weight': '{fontWeights.medium}',\n '--calendar-event-font-weight-strong': '{fontWeights.bold}',\n '--calendar-event-font-size': '{fontSizes.100}',\n '--calendar-event-line-height': '1.2',\n '--calendar-event-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-focus-outline-width': '{borders.100}',\n '--calendar-event-focus-outline-style': 'solid',\n '--calendar-event-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-event-focus-outline-offset': '0',\n '--calendar-event-transition': '{animations.base.100}',\n '--calendar-event-overlaps-box-shadow':\n '-1px 1px 5px 0px rgba(51, 51, 51, 0.5)',\n\n //event variants\n '--calendar-event-meet-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-event-meet-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled/30}',\n '--calendar-event-meet-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-meet-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n\n '--calendar-event-task-background':\n '{colors.success.background.1.enabled}',\n '--calendar-event-task-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-foreground-strong':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-border-color':\n '{colors.success.foreground.onSuccess.2.enabled/30}',\n '--calendar-event-task-background-selected':\n '{colors.success.background.1.selected}',\n '--calendar-event-task-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n // agenda empty\n '--calendar-agenda-empty-padding-block': '{spacing.750}',\n '--calendar-agenda-empty-padding-inline': '{spacing.750}',\n '--calendar-agenda-empty-font-family': '{fonts.base}',\n '--calendar-agenda-empty-font-size': '{fontSizes.400}',\n '--calendar-agenda-empty-font-weight': '{fontWeights.regular}',\n '--calendar-agenda-empty-foreground':\n '{colors.neutral.foreground.2.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendar = defineRecipe({\n className: 'calendar',\n jsx: ['Calendar'],\n base: {\n // general\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': '{colors.neutral.background.2.enabled}',\n '--calendar-header-padding-inline': '{spacing.200}',\n '--calendar-header-padding-block': '{spacing.200}',\n '--calendar-header-font-family': '{fonts.base}',\n '--calendar-header-font-weight': '{fontWeights.semibold}',\n '--calendar-header-font-size': '{fontSizes.100}',\n '--calendar-header-foreground': '{colors.neutral.foreground.2.enabled}',\n '--calendar-header-text-transform': 'uppercase',\n '--calendar-header-border-width': '{borders.0}',\n '--calendar-button-link-font-family': '{fonts.base}',\n '--calendar-button-link-font-size': '{fontSizes.200}',\n '--calendar-button-link-font-weight': '{fontWeights.regular}',\n '--calendar-button-link-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-button-link-background': 'transparent',\n '--calendar-button-link-foreground-hover':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--calendar-button-link-background-hover': 'transparent',\n '--calendar-today-background': '{colors.primary.background.1.enabled/10}',\n '--calendar-cell-border-width': '{borders.100}',\n '--calendar-border-width': '{borders.100}',\n '--calendar-cell-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-radius': '{radii.200}',\n\n // toolbar\n '--calendar-toolbar-margin-bottom': '{spacing.400}',\n '--calendar-toolbar-font-size': '{fontSizes.400}',\n '--calendar-toolbar-label-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-toolbar-label-padding-inline': '{spacing.200}',\n '--calendar-toolbar-label--font-family': '{fonts.base}',\n '--calendar-toolbar-label--font-size': '{fontSizes.500}',\n '--calendar-toolbar-label--font-weight': '{fontWeights.medium}',\n '--calendar-toolbar-label--text-align': 'center',\n\n '--calendar-button-group-gap': '{spacing.200}',\n // button\n '--calendar-button-height': '{sizes.500}',\n '--calendar-button-foreground': '{colors.primary.foreground.2.enabled}',\n '--calendar-button-background': 'transparent',\n '--calendar-button-font-family': '{fonts.base}',\n '--calendar-button-font-size': '{fontSizes.200}',\n '--calendar-button-font-weight': '{fontWeights.medium}',\n '--calendar-button-text-align': 'center',\n '--calendar-button-border-width': '{borders.100}',\n '--calendar-button-border-color': '{colors.primary.stroke.3.enabled}',\n '--calendar-button-border-radius': '{radii.900}',\n '--calendar-button-padding-block': '{spacing.150}',\n '--calendar-button-padding-inline': '{spacing.400}',\n '--calendar-button-line-height': '1',\n '--calendar-button-transition': '{animations.base.100}',\n // button hover\n '--calendar-button-foreground-hover':\n '{colors.primary.foreground.2.hovered}',\n '--calendar-button-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--calendar-button-border-color-hover': '{colors.primary.stroke.3.hovered}',\n // button active\n '--calendar-button-foreground-active':\n '{colors.primary.foreground.4.enabled}',\n '--calendar-button-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--calendar-button-border-color-active':\n '{colors.neutral.stroke.1.enabled}',\n // button focus\n '--calendar-button-foreground-focus':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-button-background-focus':\n '{colors.neutral.background.3.enabled}',\n '--calendar-button-border-focus': '{colors.neutral.stroke.7.hovered}',\n '--calendar-button-focus-outline-width': '{borders.100}',\n '--calendar-button-focus-outline-style': 'solid',\n '--calendar-button-focus-outline-color':\n '{colors.neutral.stroke.7.hovered}',\n '--calendar-button-focus-outline-offset': '0',\n\n // month\n '--calendar-month-selected-cell-background':\n '{colors.neutral.background.1.enabled/10}',\n // show more\n '--calendar-month-show-more-background': 'transparent',\n '--calendar-month-show-more-z-index': '4',\n '--calendar-month-show-more-font-weight': '{fontWeights.semiBold}',\n '--calendar-month-show-more-font-size': '{fontSizes.100}',\n '--calendar-month-show-more-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--calendar-month-show-more-foreground-hover':\n '{colors.primary.foreground.1.hovered}',\n '--calendar-month-show-more-padding': '{sizes.50}',\n '--calendar-month-date-cell-font-family': '{fonts.base}',\n '--calendar-month-date-cell-font-size': '{fontSizes.200}',\n '--calendar-month-date-cell-font-weight': '{fontWeights.regular}',\n '--calendar-month-date-cell-now-font-weight': '{fontWeights.regular}',\n\n // agenda\n '--calendar-agenda-table-border-width': '{borders.0}',\n '--calendar-agenda-table-cell-padding-block': '{spacing.300}',\n '--calendar-agenda-table-cell-padding-inline': '{spacing.300}',\n '--calendar-agenda-table-cell-border': '{borders.100}',\n '--calendar-agenda-table-cell-border-left-width': '{borders.0}',\n '--calendar-agenda-table-header-padding-block': '{spacing.300}',\n '--calendar-agenda-table-header-padding-inline': '{spacing.300}',\n '--calendar-agenda-table-header-border': '{borders.0}',\n '--calendar-agenda-table-header-font-family': '{fonts.base}',\n '--calendar-agenda-table-header-font-size': '{fontSizes.100}',\n '--calendar-agenda-table-header-font-weight': '{fontWeights.semibold}',\n // agenda time cell\n '--calendar-agenda-time-cell-font-family': '{fonts.base}',\n '--calendar-agenda-time-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-time-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-time-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-time-cell-text-transform': 'capitalize',\n '--calendar-agenda-time-cell-continues-after-content': ' \" »\"',\n '--calendar-agenda-time-cell-continues-prior-content': ' \"« \"',\n // agenda date cell\n '--calendar-agenda-date-cell-font-family': '{fonts.base}',\n '--calendar-agenda-date-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-date-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-date-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-date-cell-background':\n '{colors.primary.background.1.enabled/10}',\n '-calendar-month-date-cell-padding': '{spacing.200}',\n '-calendar-month-date-cell-text-align': 'left',\n // agenda event cell\n '--calendar-agenda-event-cell-font-family': '{fonts.base}',\n '--calendar-agenda-event-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-event-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-event-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n\n // time grid\n '--calendar-time-grid-slot-selection-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--calendar-time-grid-slot-selection-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-time-grid-slot-selection-font-size': '{fontSizes.100}',\n '--calendar-time-grid-slot-selection-padding-block': '0.1875rem',\n '--calendar-time-grid-slot-selection-padding-inline': '0.1875rem',\n '--calendar-time-grid-view-border-radius': '{radii.100}',\n '--calendar-time-grid-view-font-family': '{fonts.base}',\n '--calendar-time-grid-view-font-size': '{fontSizes.100}',\n '--calendar-time-grid-view-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-row-min-height': '{sizes.300}',\n '--calendar-time-grid-current-time-indicator-height': '0.125rem',\n '--calendar-time-grid-current-time-indicator-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-time-grid-timeslot-group-min-height': '{sizes.600}',\n '--calendar-time-grid-label-padding-block': '0',\n '--calendar-time-grid-label-padding-inline': '0.3125rem',\n '--calendar-time-slot-label-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-time-slot-label-font-family': '{fonts.base}',\n '--calendar-time-slot-label-font-size': '{fontSizes.100}',\n '--calendar-time-slot-label-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-events-container-margin-right': '0.625rem',\n '--calendar-time-grid-events-container-position-left': '0.625rem',\n '--calendar-time-grid-day-slot-event-min-height': '{sizes.300}',\n '--calendar-time-grid-background-event-opacity': '0.5',\n '--calendar-time-slot-border-top-width': '0',\n '--calendar-time-slot-border-top-color': 'transparent',\n '--calendar-time-grid-resources-gutter-background':\n '{colors.neutral.background.1.enabled}',\n '--calendar-time-grid-resources-day-slot-min-width': '8.75rem',\n '--calendar-time-grid-resources-column-width': '8.75rem',\n '--calendar-time-grid-resource-grouping-header-width': '8.8125rem',\n '--calendar-time-grid-time-slot-now-font-weight': '{fontWeights.bold}',\n '--calendar-time-grid-day-header-font-family': '{fonts.base}',\n '--calendar-time-grid-day-header-font-size': '{fontSizes.100}',\n '--calendar-time-grid-day-header-font-weight': '{fontWeights.semibold}',\n\n // root\n ':root:has(&)': {\n // popup\n '--calendar-month-overlay-border-width': '{borders.100}',\n '--calendar-month-overlay-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-background':\n '{colors.neutral.background.2.enabled}',\n '--calendar-month-overlay-padding': '{spacing.200}',\n '--calendar-month-overlay-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-border-width': '{borders.100}',\n '--calendar-month-overlay-header-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-header-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-month-overlay-header-font-weight': '{fontWeights.medium}',\n '--calendar-month-overlay-header-font-size': '{fontSizes.300}',\n '--calendar-month-overlay-header-font-family': '{fonts.base}',\n '--calendar-month-overlay-gap': '{spacing.100}',\n '--calendar-month-overlay-header-margin-bottom': '{spacing.150}',\n '--calendar-month-overlay-max-width': '18.75rem',\n '--calendar-month-overlay-box-shadow':\n '0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)',\n '--calendar-month-overlay-child-gap': '{spacing.0}',\n\n //event\n '--calendar-event-padding-block': '{spacing.100}',\n '--calendar-event-padding-inline': '{spacing.200}',\n '--calendar-event-background':\n '{colors.primary.background.alpha.2.enabled}',\n '--calendar-event-border-width': '{borders.100}',\n '--calendar-event-border-color': 'transparent',\n '--calendar-event-border-radius': '{radii.400}',\n '--calendar-event-foreground':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n '--calendar-event-foreground-strong':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n '--calendar-event-font-family': '{fonts.base}',\n '--calendar-event-font-weight': '{fontWeights.medium}',\n '--calendar-event-font-weight-strong': '{fontWeights.bold}',\n '--calendar-event-font-size': '{fontSizes.100}',\n '--calendar-event-line-height': '1.2',\n //event hover\n '--calendar-event-background-hover':\n '{colors.primary.background.alpha.3.enabled}',\n '--calendar-event-border-color-hover':\n '{colors.primary.stroke.1.enabled}',\n '--calendar-event-foreground-hover':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n //event selected\n '--calendar-event-background-selected':\n '{colors.primary.background.alpha.2.enabled}',\n '--calendar-event-border-color-selected':\n '{colors.primary.stroke.1.enabled}',\n //event focus\n '--calendar-event-focus-outline-width': '{borders.100}',\n '--calendar-event-focus-outline-style': 'solid',\n '--calendar-event-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-event-focus-outline-offset': '0',\n '--calendar-event-transition': '{animations.base.100}',\n '--calendar-event-overlaps-box-shadow':\n '-1px 1px 5px 0px rgba(51, 51, 51, 0.5)',\n\n //event variants\n '--calendar-event-meet-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-event-meet-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled/30}',\n '--calendar-event-meet-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-meet-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n\n '--calendar-event-task-background':\n '{colors.success.background.1.enabled}',\n '--calendar-event-task-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-foreground-strong':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-border-color':\n '{colors.success.foreground.onSuccess.2.enabled/30}',\n '--calendar-event-task-background-selected':\n '{colors.success.background.1.selected}',\n '--calendar-event-task-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n // agenda empty\n '--calendar-agenda-empty-padding-block': '{spacing.750}',\n '--calendar-agenda-empty-padding-inline': '{spacing.750}',\n '--calendar-agenda-empty-font-family': '{fonts.base}',\n '--calendar-agenda-empty-font-size': '{fontSizes.400}',\n '--calendar-agenda-empty-font-weight': '{fontWeights.regular}',\n '--calendar-agenda-empty-foreground':\n '{colors.neutral.foreground.2.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
|