@mage-ui/preset 1.0.30 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/recipes/buttons/button/button.mjs +1 -1
- package/dist/recipes/buttons/button/button.mjs.map +1 -1
- package/dist/recipes/buttons/button-action/button-action.mjs +1 -1
- package/dist/recipes/buttons/button-action/button-action.mjs.map +1 -1
- package/dist/recipes/buttons/button-icon/button-icon.mjs +1 -1
- package/dist/recipes/buttons/button-icon/button-icon.mjs.map +1 -1
- package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs +1 -1
- package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs.map +1 -1
- package/dist/recipes/buttons/button-visual/button-visual.mjs +1 -1
- package/dist/recipes/buttons/button-visual/button-visual.mjs.map +1 -1
- package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs +1 -1
- package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs.map +1 -1
- package/dist/recipes/controls/autocomplete/autocomplete-text-input.mjs +1 -1
- package/dist/recipes/controls/autocomplete/autocomplete-text-input.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-icon.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-icon.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-input.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-input.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
- package/dist/recipes/controls/combobox/combobox-clear-button.mjs +1 -1
- package/dist/recipes/controls/combobox/combobox-clear-button.mjs.map +1 -1
- package/dist/recipes/controls/combobox/combobox-text-input.mjs +1 -1
- package/dist/recipes/controls/combobox/combobox-text-input.mjs.map +1 -1
- package/dist/recipes/controls/date-picker/date-picker-button-icon.mjs +1 -1
- package/dist/recipes/controls/date-picker/date-picker-button-icon.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-clear-button.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-clear-button.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropzone/dropzone.mjs +1 -1
- package/dist/recipes/controls/dropzone/dropzone.mjs.map +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
- package/dist/recipes/controls/multi-select/multi-select-text-input.mjs +1 -1
- package/dist/recipes/controls/multi-select/multi-select-text-input.mjs.map +1 -1
- package/dist/recipes/controls/multi-select-tags/multi-select-tags-input.mjs +1 -1
- package/dist/recipes/controls/multi-select-tags/multi-select-tags-input.mjs.map +1 -1
- package/dist/recipes/controls/password-input/password-input-button-icon.mjs +1 -1
- package/dist/recipes/controls/password-input/password-input-button-icon.mjs.map +1 -1
- package/dist/recipes/controls/password-input/password-input.mjs +1 -1
- package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength-button-icon.mjs +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength-button-icon.mjs.map +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength.mjs +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength.mjs.map +1 -1
- package/dist/recipes/controls/select/select-clear-button.mjs +1 -1
- package/dist/recipes/controls/select/select-clear-button.mjs.map +1 -1
- package/dist/recipes/controls/select/select-text-input.mjs +1 -1
- package/dist/recipes/controls/select/select-text-input.mjs.map +1 -1
- package/dist/recipes/controls/select-searchable/select-searchable-search.mjs +1 -1
- package/dist/recipes/controls/select-searchable/select-searchable-search.mjs.map +1 -1
- package/dist/recipes/controls/select-searchable/select-searchable.mjs +1 -1
- package/dist/recipes/controls/select-searchable/select-searchable.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-description.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-description.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-error.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-error.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-label.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-label.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-wrapper.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
- package/dist/recipes/controls/textarea/textarea-input.mjs +1 -1
- package/dist/recipes/controls/textarea/textarea-input.mjs.map +1 -1
- package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
- package/dist/recipes/controls/utils/clear-button/clear-button.mjs +1 -1
- package/dist/recipes/controls/utils/clear-button/clear-button.mjs.map +1 -1
- package/dist/recipes/data-display/assigned-user/assigned-user-button-icon.mjs +1 -1
- package/dist/recipes/data-display/assigned-user/assigned-user-button-icon.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-time-grid.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-time-grid.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/dist/recipes/data-display/logos/logo-image/logo-image.mjs +1 -1
- package/dist/recipes/data-display/logos/logo-image/logo-image.mjs.map +1 -1
- package/dist/recipes/data-display/removable-item/removable-item-button-icon.mjs +1 -1
- package/dist/recipes/data-display/removable-item/removable-item-button-icon.mjs.map +1 -1
- package/dist/recipes/data-display/tag/tag-button-icon.mjs +1 -1
- package/dist/recipes/data-display/tag/tag-button-icon.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon.mjs.map +1 -1
- package/dist/recipes/navigations/menu/menu-target-button.mjs +1 -1
- package/dist/recipes/navigations/menu/menu-target-button.mjs.map +1 -1
- package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs +1 -1
- package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs.map +1 -1
- package/dist/recipes/semedlab/navigations/breadcrumbs-bar/breadcrumbs-bar-button-back.mjs.map +1 -1
- package/dist/recipes/shared/focus.mjs +1 -1
- package/dist/recipes/shared/focus.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`clear-button`,jsx:[`ClearButton`],base:{"--button-icon-radii":`var(--clear-button-radii, {radii.100})`,"--button-icon-disabled-opacity":`var(--clear-button-disabled-opacity, .5)`,"--button-icon-transition":`var(--clear-button-transition, {animations.base.100})`,"--button-icon-align":`var(--clear-button-align, center)`,"--button-icon-height":`var(--clear-button-height, {sizes.200})`,"--button-icon-padding-inline":`var(--clear-button-padding-inline, 0)`,"--button-icon-background":`var(--clear-button-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--button-icon-border-color":`var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--clear-button-border-width, {borders.100})`,"--button-icon-border-style":`var(--clear-button-border-style, solid)`,"--button-icon-focus-outline-width":`var(--clear-button-focus-outline-width, {borders.
|
|
1
|
+
import{buttonIcon as e}from"../../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`clear-button`,jsx:[`ClearButton`],base:{"--button-icon-radii":`var(--clear-button-radii, {radii.100})`,"--button-icon-disabled-opacity":`var(--clear-button-disabled-opacity, .5)`,"--button-icon-transition":`var(--clear-button-transition, {animations.base.100})`,"--button-icon-align":`var(--clear-button-align, center)`,"--button-icon-height":`var(--clear-button-height, {sizes.200})`,"--button-icon-padding-inline":`var(--clear-button-padding-inline, 0)`,"--button-icon-background":`var(--clear-button-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--button-icon-border-color":`var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--clear-button-border-width, {borders.100})`,"--button-icon-border-style":`var(--clear-button-border-style, solid)`,"--button-icon-focus-outline-width":`var(--clear-button-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--clear-button-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--clear-button-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`66%`}});export{t as clearButton};
|
|
2
2
|
//# sourceMappingURL=clear-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clear-button.mjs","names":[],"sources":["../../../../../src/recipes/controls/utils/clear-button/clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { buttonIcon } from '../../../buttons/button-icon/button-icon';\n\nexport const clearButton = buttonIcon.merge({\n className: 'clear-button',\n jsx: ['ClearButton'],\n base: {\n '--button-icon-radii': 'var(--clear-button-radii, {radii.100})',\n '--button-icon-disabled-opacity':\n 'var(--clear-button-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--clear-button-transition, {animations.base.100})',\n '--button-icon-align': 'var(--clear-button-align, center)',\n '--button-icon-height': 'var(--clear-button-height, {sizes.200})',\n '--button-icon-padding-inline': 'var(--clear-button-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--clear-button-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--button-icon-border-color':\n 'var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--clear-button-border-width, {borders.100})',\n '--button-icon-border-style': 'var(--clear-button-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--clear-button-focus-outline-width, {borders.
|
|
1
|
+
{"version":3,"file":"clear-button.mjs","names":[],"sources":["../../../../../src/recipes/controls/utils/clear-button/clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { buttonIcon } from '../../../buttons/button-icon/button-icon';\n\nexport const clearButton = buttonIcon.merge({\n className: 'clear-button',\n jsx: ['ClearButton'],\n base: {\n '--button-icon-radii': 'var(--clear-button-radii, {radii.100})',\n '--button-icon-disabled-opacity':\n 'var(--clear-button-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--clear-button-transition, {animations.base.100})',\n '--button-icon-align': 'var(--clear-button-align, center)',\n '--button-icon-height': 'var(--clear-button-height, {sizes.200})',\n '--button-icon-padding-inline': 'var(--clear-button-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--clear-button-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--button-icon-border-color':\n 'var(--clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--clear-button-border-width, {borders.100})',\n '--button-icon-border-style': 'var(--clear-button-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--clear-button-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--clear-button-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--clear-button-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAKA,MAAa,EAAc,EAAW,MAAM,CAC1C,UAAW,eACX,IAAK,CAAC,cAAc,CACpB,KAAM,CACJ,sBAAuB,yCACvB,iCACE,2CACF,2BACE,wDACF,sBAAuB,oCACvB,uBAAwB,0CACxB,+BAAgC,wCAEhC,2BACE,wEACF,iCACE,8EAEF,2BACE,wEACF,iCACE,8EAEF,6BACE,sEACF,mCACE,4EAEF,6BACE,mDACF,6BAA8B,0CAE9B,oCACE,yDACF,oCACE,iDACF,qCACE,yDACF,oCACE,6EAEF,0BAA2B,MAC5B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`assigned-user__button-icon`,jsx:[`AssignedUser`],base:{"--button-icon-radii":`var(--assigned-user-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--assigned-user-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--assigned-user-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--assigned-user-button-icon-align, center)`,"--button-icon-height":`var(--assigned-user-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--assigned-user-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--assigned-user-button-icon-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--assigned-user-button-icon-background-hover, {colors.neutral.background.2.hovered})`,"--button-icon-foreground":`var(--assigned-user-button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--assigned-user-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--assigned-user-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--assigned-user-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--assigned-user-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--assigned-user-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--assigned-user-button-icon-focus-outline-width, {borders.
|
|
1
|
+
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`assigned-user__button-icon`,jsx:[`AssignedUser`],base:{"--button-icon-radii":`var(--assigned-user-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--assigned-user-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--assigned-user-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--assigned-user-button-icon-align, center)`,"--button-icon-height":`var(--assigned-user-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--assigned-user-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--assigned-user-button-icon-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--assigned-user-button-icon-background-hover, {colors.neutral.background.2.hovered})`,"--button-icon-foreground":`var(--assigned-user-button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--assigned-user-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--assigned-user-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--assigned-user-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--assigned-user-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--assigned-user-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--assigned-user-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--assigned-user-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--assigned-user-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--assigned-user-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`var(--assigned-user-button-icon-icon-size, 66%)`}});export{t as assignedUserButtonIcon};
|
|
2
2
|
//# sourceMappingURL=assigned-user-button-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assigned-user-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/assigned-user/assigned-user-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const assignedUserButtonIcon = buttonIcon.merge({\n className: 'assigned-user__button-icon',\n jsx: ['AssignedUser'],\n base: {\n '--button-icon-radii':\n 'var(--assigned-user-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--assigned-user-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--assigned-user-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--assigned-user-button-icon-align, center)',\n '--button-icon-height':\n 'var(--assigned-user-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--assigned-user-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--assigned-user-button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--assigned-user-button-icon-background-hover, {colors.neutral.background.2.hovered})',\n\n '--button-icon-foreground':\n 'var(--assigned-user-button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--assigned-user-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--assigned-user-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--assigned-user-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n 'var(--assigned-user-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--assigned-user-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--assigned-user-button-icon-focus-outline-width, {borders.
|
|
1
|
+
{"version":3,"file":"assigned-user-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/assigned-user/assigned-user-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const assignedUserButtonIcon = buttonIcon.merge({\n className: 'assigned-user__button-icon',\n jsx: ['AssignedUser'],\n base: {\n '--button-icon-radii':\n 'var(--assigned-user-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--assigned-user-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--assigned-user-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--assigned-user-button-icon-align, center)',\n '--button-icon-height':\n 'var(--assigned-user-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--assigned-user-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--assigned-user-button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--assigned-user-button-icon-background-hover, {colors.neutral.background.2.hovered})',\n\n '--button-icon-foreground':\n 'var(--assigned-user-button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--assigned-user-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--assigned-user-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--assigned-user-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n 'var(--assigned-user-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--assigned-user-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--assigned-user-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--assigned-user-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--assigned-user-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--assigned-user-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size':\n 'var(--assigned-user-button-icon-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAyB,EAAW,MAAM,CACrD,UAAW,6BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBACE,sDACF,iCACE,wDACF,2BACE,qEACF,sBAAuB,iDACvB,uBACE,uDACF,+BACE,qDAEF,2BACE,qFACF,iCACE,2FAEF,2BACE,qFACF,iCACE,2FAEF,6BACE,mFACF,mCACE,yFAEF,6BACE,mDACF,6BACE,uDAEF,oCACE,sEACF,oCACE,8DACF,qCACE,sEACF,oCACE,0FAEF,0BACE,kDACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__time-grid`,jsx:[`Calendar`],base:{"& .rbc-slot-selection":{zIndex:`10`,position:`absolute`,backgroundColor:`var(--calendar-time-grid-slot-selection-background, {colors.neutral.background.alpha.1.enabled})`,color:`var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.enabled})`,fontSize:`var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})`,width:`100%`,paddingBlock:`var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)`,paddingInline:`var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)`},"& .rbc-slot-selecting":{cursor:`move`},"& .rbc-time-view":{display:`flex`,flexDirection:`column`,flex:`1`,width:`100%`,borderWidth:`var(--calendar-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--calendar-time-grid-view-border-radius, {radii.100})`,minHeight:0},"& .rbc-time-view .rbc-time-gutter":{whiteSpace:`nowrap`,textAlign:`right`,fontFamily:`var(--calendar-time-grid-view-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-view-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-view-font-weight, {fontWeights.medium})`},"& .rbc-time-view .rbc-allday-cell":{boxSizing:`content-box`,width:`100%`,height:`100%`,position:`relative`},"& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-view .rbc-allday-events":{position:`relative`,zIndex:4},"& .rbc-time-view .rbc-row":{boxSizing:`border-box`,minHeight:`var(--calendar-time-grid-row-min-height, 1.25rem)`},"& .rbc-time-header":{display:`flex`,flex:`0 0 auto`,flexDirection:`row`},"& .rbc-time-header.rbc-overflowing":{borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header.rbc-overflowing":{borderRightWidth:0,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row:first-child":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-header-content":{flex:`1`,display:`flex`,minWidth:0,flexDirection:`column`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header-content":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-content > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,flexShrink:0},"& .rbc-time-content":{display:`flex`,flex:`1 0 0%`,alignItems:`flex-start`,width:`100%`,borderTopWidth:`var(--calendar-cell-border-width, {borders.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__time-grid`,jsx:[`Calendar`],base:{"& .rbc-slot-selection":{zIndex:`10`,position:`absolute`,backgroundColor:`var(--calendar-time-grid-slot-selection-background, {colors.neutral.background.alpha.1.enabled})`,color:`var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.enabled})`,fontSize:`var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})`,width:`100%`,paddingBlock:`var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)`,paddingInline:`var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)`},"& .rbc-slot-selecting":{cursor:`move`},"& .rbc-time-view":{display:`flex`,flexDirection:`column`,flex:`1`,width:`100%`,borderWidth:`var(--calendar-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--calendar-time-grid-view-border-radius, {radii.100})`,minHeight:0},"& .rbc-time-view .rbc-time-gutter":{whiteSpace:`nowrap`,textAlign:`right`,fontFamily:`var(--calendar-time-grid-view-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-view-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-view-font-weight, {fontWeights.medium})`},"& .rbc-time-view .rbc-allday-cell":{boxSizing:`content-box`,width:`100%`,height:`100%`,position:`relative`},"& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-view .rbc-allday-events":{position:`relative`,zIndex:4},"& .rbc-time-view .rbc-row":{boxSizing:`border-box`,minHeight:`var(--calendar-time-grid-row-min-height, 1.25rem)`},"& .rbc-time-header":{display:`flex`,flex:`0 0 auto`,flexDirection:`row`},"& .rbc-time-header.rbc-overflowing":{borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header.rbc-overflowing":{borderRightWidth:0,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row:first-child":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-header-content":{flex:`1`,display:`flex`,minWidth:0,flexDirection:`column`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header-content":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-content > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,flexShrink:0},"& .rbc-time-content":{display:`flex`,flex:`1 0 0%`,alignItems:`flex-start`,width:`100%`,borderTopWidth:`var(--calendar-cell-border-width, {borders.150})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,overflowY:`auto`,position:`relative`},"& .rbc-time-content > .rbc-time-gutter":{flex:`none`},"& .rbc-time-content > * + * > *":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-content > * + * > *":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-content > .rbc-day-slot":{width:`100%`,userSelect:`none`,WebkitUserSelect:`none`},"& .rbc-current-time-indicator":{position:`absolute`,zIndex:3,left:0,right:0,height:`var(--calendar-time-grid-current-time-indicator-height, 0.125rem)`,backgroundColor:`var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})`,pointerEvents:`none`},"& .rbc-time-column":{display:`flex`,flexDirection:`column`,minHeight:`100%`},"& .rbc-time-column .rbc-timeslot-group":{flex:`1`},"& .rbc-timeslot-group":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,minHeight:`var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)`,display:`flex`,flexFlow:`column nowrap`},"& .rbc-time-gutter, & .rbc-header-gutter":{flex:`none`},"& .rbc-label":{paddingBlock:`var(--calendar-time-grid-label-padding-block, 0)`,paddingInline:`var(--calendar-time-grid-label-padding-inline, 0.3125rem)`,color:`var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})`,fontFamily:`var(--calendar-time-slot-label-font-family, {fonts.base})`,fontSize:`var(--calendar-time-slot-label-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-slot-label-font-weight, {fontWeights.medium})`},"& .rbc-day-slot":{position:`relative`},"& .rbc-day-slot .rbc-events-container":{bottom:0,left:`0`,position:`absolute`,right:0,marginRight:`var(--calendar-time-grid-events-container-margin-right, 0.625rem)`,top:0},"& .rbc-day-slot .rbc-events-container.rbc-rtl":{left:`var(--calendar-time-grid-events-container-position-left, 0.625rem)`,right:0},"& .rbc-day-slot .rbc-event":{borderWidth:`var(--calendar-event-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})`,display:`flex`,maxHeight:`100%`,minHeight:`var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)`,flexFlow:`column wrap`,alignItems:`flex-start`,overflow:`hidden`,position:`absolute`},"& .rbc-day-slot .rbc-background-event":{opacity:`var(--calendar-time-grid-background-event-opacity, 0.5)`},"& .rbc-day-slot .rbc-event-label":{flex:`none`,paddingRight:`5px`,width:`auto`},"& .rbc-day-slot .rbc-event-content":{width:`100%`,flex:`1 1 0`,wordWrap:`break-word`,lineHeight:`1`,height:`100%`,minHeight:`1em`},"& .rbc-day-slot .rbc-time-slot":{borderTopWidth:`var(--calendar-time-slot-border-top-width, 0)`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-time-slot-border-top-color, transparent)`},"& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter":{position:`sticky`,left:0,backgroundColor:`var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,zIndex:10,marginRight:`-1px`},"& .rbc-time-view-resources .rbc-time-header":{overflow:`hidden`},"& .rbc-time-view-resources .rbc-time-header-content":{minWidth:`auto`,flex:`1 0 0`,flexBasis:`0px`},"& .rbc-time-view-resources .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-view-resources .rbc-day-slot":{minWidth:`var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)`},"& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg":{width:`var(--calendar-time-grid-resources-column-width, 8.75rem)`,flex:`1 1 0`,flexBasis:`0px`},"& .rbc-time-header-content + .rbc-time-header-content":{marginLeft:`-1px`},"& .rbc-time-slot":{flex:`1 0 0`,display:`flex`,justifyContent:`center`,alignItems:`center`},"& .rbc-time-slot.rbc-now":{fontWeight:`var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})`},"& .rbc-day-header":{textAlign:`center`,fontFamily:`var(--calendar-time-grid-day-header-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-day-header-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})`},"& .rbc-resource-grouping.rbc-time-header-content":{display:`flex`,flexDirection:`column`},"& .rbc-resource-grouping .rbc-row .rbc-header":{width:`var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)`}}});export{t as calendarTimeGrid};
|
|
2
2
|
//# sourceMappingURL=calendar-time-grid.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-time-grid.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-time-grid.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarTimeGrid = defineRecipe({\n className: 'calendar__time-grid',\n jsx: ['Calendar'],\n base: {\n // Slot selection\n '& .rbc-slot-selection': {\n zIndex: '10',\n position: 'absolute',\n backgroundColor:\n 'var(--calendar-time-grid-slot-selection-background, {colors.neutral.background.alpha.1.enabled})',\n color:\n 'var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.enabled})',\n fontSize:\n 'var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})',\n width: '100%',\n paddingBlock:\n 'var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)',\n paddingInline:\n 'var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)',\n },\n\n // Slot selecting\n '& .rbc-slot-selecting': {\n cursor: 'move',\n },\n\n // Time view\n '& .rbc-time-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1',\n width: '100%',\n borderWidth: 'var(--calendar-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--calendar-time-grid-view-border-radius, {radii.100})',\n minHeight: 0,\n },\n\n '& .rbc-time-view .rbc-time-gutter': {\n whiteSpace: 'nowrap',\n textAlign: 'right',\n fontFamily: 'var(--calendar-time-grid-view-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-grid-view-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-view-font-weight, {fontWeights.medium})',\n },\n\n '& .rbc-time-view .rbc-allday-cell': {\n boxSizing: 'content-box',\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n\n '& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell': {\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-time-view .rbc-allday-events': {\n position: 'relative',\n zIndex: 4,\n },\n\n '& .rbc-time-view .rbc-row': {\n boxSizing: 'border-box',\n minHeight: 'var(--calendar-time-grid-row-min-height, 1.25rem)',\n },\n\n // Time header\n '& .rbc-time-header': {\n display: 'flex',\n flex: '0 0 auto',\n flexDirection: 'row',\n },\n\n '& .rbc-time-header.rbc-overflowing': {\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 '& .rbc-rtl .rbc-time-header.rbc-overflowing': {\n borderRightWidth: 0,\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-time-header > .rbc-row:first-child': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n // Time header cell single day\n '& .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n // Time header content\n '& .rbc-time-header-content': {\n flex: '1',\n display: 'flex',\n minWidth: 0,\n flexDirection: 'column',\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-time-header-content': {\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 '& .rbc-time-header-content > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n flexShrink: 0,\n },\n\n // Time content\n '& .rbc-time-content': {\n display: 'flex',\n flex: '1 0 0%',\n alignItems: 'flex-start',\n width: '100%',\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.200})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n overflowY: 'auto',\n position: 'relative',\n },\n\n '& .rbc-time-content > .rbc-time-gutter': {\n flex: 'none',\n },\n\n '& .rbc-time-content > * + * > *': {\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-time-content > * + * > *': {\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 '& .rbc-time-content > .rbc-day-slot': {\n width: '100%',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n },\n\n // Current time indicator\n '& .rbc-current-time-indicator': {\n position: 'absolute',\n zIndex: 3,\n left: 0,\n right: 0,\n height:\n 'var(--calendar-time-grid-current-time-indicator-height, 0.125rem)',\n backgroundColor:\n 'var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})',\n pointerEvents: 'none',\n },\n\n // Time column\n '& .rbc-time-column': {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100%',\n },\n\n '& .rbc-time-column .rbc-timeslot-group': {\n flex: '1',\n },\n\n // Timeslot group\n '& .rbc-timeslot-group': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n minHeight: 'var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)',\n display: 'flex',\n flexFlow: 'column nowrap',\n },\n\n // Time gutter and header gutter\n '& .rbc-time-gutter, & .rbc-header-gutter': {\n flex: 'none',\n },\n\n // Label\n '& .rbc-label': {\n paddingBlock: 'var(--calendar-time-grid-label-padding-block, 0)',\n paddingInline:\n 'var(--calendar-time-grid-label-padding-inline, 0.3125rem)',\n color:\n 'var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})',\n fontFamily: 'var(--calendar-time-slot-label-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-slot-label-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-slot-label-font-weight, {fontWeights.medium})',\n },\n\n // Day slot\n '& .rbc-day-slot': {\n position: 'relative',\n },\n\n '& .rbc-day-slot .rbc-events-container': {\n bottom: 0,\n left: '0',\n position: 'absolute',\n right: 0,\n marginRight:\n 'var(--calendar-time-grid-events-container-margin-right, 0.625rem)',\n top: 0,\n },\n\n '& .rbc-day-slot .rbc-events-container.rbc-rtl': {\n left: 'var(--calendar-time-grid-events-container-position-left, 0.625rem)',\n right: 0,\n },\n\n '& .rbc-day-slot .rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, 0)',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})',\n display: 'flex',\n maxHeight: '100%',\n minHeight: 'var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)',\n flexFlow: 'column wrap',\n alignItems: 'flex-start',\n overflow: 'hidden',\n position: 'absolute',\n },\n\n '& .rbc-day-slot .rbc-background-event': {\n opacity: 'var(--calendar-time-grid-background-event-opacity, 0.5)',\n },\n\n '& .rbc-day-slot .rbc-event-label': {\n flex: 'none',\n paddingRight: '5px',\n width: 'auto',\n },\n\n '& .rbc-day-slot .rbc-event-content': {\n width: '100%',\n flex: '1 1 0',\n wordWrap: 'break-word',\n lineHeight: '1',\n height: '100%',\n minHeight: '1em',\n },\n\n '& .rbc-day-slot .rbc-time-slot': {\n borderTopWidth: 'var(--calendar-time-slot-border-top-width, 0)',\n borderTopStyle: 'solid',\n borderTopColor: 'var(--calendar-time-slot-border-top-color, transparent)',\n },\n\n // Time view resources\n '& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter':\n {\n position: 'sticky',\n left: 0,\n backgroundColor:\n 'var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})',\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 zIndex: 10,\n marginRight: '-1px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header': {\n overflow: 'hidden',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-content': {\n minWidth: 'auto',\n flex: '1 0 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n '& .rbc-time-view-resources .rbc-day-slot': {\n minWidth:\n 'var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)',\n },\n\n '& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg':\n {\n width: 'var(--calendar-time-grid-resources-column-width, 8.75rem)',\n flex: '1 1 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-header-content + .rbc-time-header-content': {\n marginLeft: '-1px',\n },\n\n // Time slot\n '& .rbc-time-slot': {\n flex: '1 0 0',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n '& .rbc-time-slot.rbc-now': {\n fontWeight:\n 'var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})',\n },\n\n // Day header\n '& .rbc-day-header': {\n textAlign: 'center',\n fontFamily:\n 'var(--calendar-time-grid-day-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-time-grid-day-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})',\n },\n\n // Resource grouping\n '& .rbc-resource-grouping.rbc-time-header-content': {\n display: 'flex',\n flexDirection: 'column',\n },\n\n '& .rbc-resource-grouping .rbc-row .rbc-header': {\n width:\n 'var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,CACvB,OAAQ,KACR,SAAU,WACV,gBACE,mGACF,MACE,6FACF,SACE,sEACF,MAAO,OACP,aACE,oEACF,cACE,qEACH,CAGD,wBAAyB,CACvB,OAAQ,OACT,CAGD,mBAAoB,CAClB,QAAS,OACT,cAAe,SACf,KAAM,IACN,MAAO,OACP,YAAa,8CACb,YAAa,QACb,YACE,kEACF,aAAc,4DACd,UAAW,EACZ,CAED,oCAAqC,CACnC,WAAY,SACZ,UAAW,QACX,WAAY,2DACZ,SAAU,4DACV,WACE,mEACH,CAED,oCAAqC,CACnC,UAAW,cACX,MAAO,OACP,OAAQ,OACR,SAAU,WACX,CAED,uDAAwD,CACtD,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,SAAU,WACV,OAAQ,EACT,CAED,4BAA6B,CAC3B,UAAW,aACX,UAAW,oDACZ,CAGD,qBAAsB,CACpB,QAAS,OACT,KAAM,WACN,cAAe,MAChB,CAED,qCAAsC,CACpC,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,8CAA+C,CAC7C,iBAAkB,EAClB,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,4CAA6C,CAC3C,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAED,iDAAkD,CAChD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAGD,qCAAsC,CACpC,QAAS,OACV,CAGD,6BAA8B,CAC5B,KAAM,IACN,QAAS,OACT,SAAU,EACV,cAAe,SACf,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,yDAA0D,CACxD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,WAAY,EACb,CAGD,sBAAuB,CACrB,QAAS,OACT,KAAM,SACN,WAAY,aACZ,MAAO,OACP,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACF,UAAW,OACX,SAAU,WACX,CAED,yCAA0C,CACxC,KAAM,OACP,CAED,kCAAmC,CACjC,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,2CAA4C,CAC1C,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,sCAAuC,CACrC,MAAO,OACP,WAAY,OACZ,iBAAkB,OACnB,CAGD,gCAAiC,CAC/B,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OACE,oEACF,gBACE,qGACF,cAAe,OAChB,CAGD,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,UAAW,OACZ,CAED,yCAA0C,CACxC,KAAM,IACP,CAGD,wBAAyB,CACvB,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,UAAW,8DACX,QAAS,OACT,SAAU,gBACX,CAGD,2CAA4C,CAC1C,KAAM,OACP,CAGD,eAAgB,CACd,aAAc,mDACd,cACE,4DACF,MACE,oFACF,WAAY,4DACZ,SAAU,6DACV,WACE,oEACH,CAGD,kBAAmB,CACjB,SAAU,WACX,CAED,wCAAyC,CACvC,OAAQ,EACR,KAAM,IACN,SAAU,WACV,MAAO,EACP,YACE,oEACF,IAAK,EACN,CAED,gDAAiD,CAC/C,KAAM,qEACN,MAAO,EACR,CAED,6BAA8B,CAC5B,YAAa,wCACb,YAAa,QACb,YACE,wEACF,QAAS,OACT,UAAW,OACX,UAAW,+DACX,SAAU,cACV,WAAY,aACZ,SAAU,SACV,SAAU,WACX,CAED,wCAAyC,CACvC,QAAS,0DACV,CAED,mCAAoC,CAClC,KAAM,OACN,aAAc,MACd,MAAO,OACR,CAED,qCAAsC,CACpC,MAAO,OACP,KAAM,QACN,SAAU,aACV,WAAY,IACZ,OAAQ,OACR,UAAW,MACZ,CAED,iCAAkC,CAChC,eAAgB,gDAChB,eAAgB,QAChB,eAAgB,0DACjB,CAGD,kGACE,CACE,SAAU,SACV,KAAM,EACN,gBACE,+FACF,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACF,OAAQ,GACR,YAAa,OACd,CAEH,8CAA+C,CAC7C,SAAU,SACX,CAED,sDAAuD,CACrD,SAAU,OACV,KAAM,QACN,UAAW,MACZ,CAED,8DAA+D,CAC7D,QAAS,OACV,CAED,2CAA4C,CAC1C,SACE,kEACH,CAED,iFACE,CACE,MAAO,4DACP,KAAM,QACN,UAAW,MACZ,CAEH,wDAAyD,CACvD,WAAY,OACb,CAGD,mBAAoB,CAClB,KAAM,QACN,QAAS,OACT,eAAgB,SAChB,WAAY,SACb,CAED,2BAA4B,CAC1B,WACE,0EACH,CAGD,oBAAqB,CACnB,UAAW,SACX,WACE,iEACF,SACE,kEACF,WACE,2EACH,CAGD,mDAAoD,CAClD,QAAS,OACT,cAAe,SAChB,CAED,gDAAiD,CAC/C,MACE,sEACH,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"calendar-time-grid.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-time-grid.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarTimeGrid = defineRecipe({\n className: 'calendar__time-grid',\n jsx: ['Calendar'],\n base: {\n // Slot selection\n '& .rbc-slot-selection': {\n zIndex: '10',\n position: 'absolute',\n backgroundColor:\n 'var(--calendar-time-grid-slot-selection-background, {colors.neutral.background.alpha.1.enabled})',\n color:\n 'var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.enabled})',\n fontSize:\n 'var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})',\n width: '100%',\n paddingBlock:\n 'var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)',\n paddingInline:\n 'var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)',\n },\n\n // Slot selecting\n '& .rbc-slot-selecting': {\n cursor: 'move',\n },\n\n // Time view\n '& .rbc-time-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1',\n width: '100%',\n borderWidth: 'var(--calendar-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--calendar-time-grid-view-border-radius, {radii.100})',\n minHeight: 0,\n },\n\n '& .rbc-time-view .rbc-time-gutter': {\n whiteSpace: 'nowrap',\n textAlign: 'right',\n fontFamily: 'var(--calendar-time-grid-view-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-grid-view-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-view-font-weight, {fontWeights.medium})',\n },\n\n '& .rbc-time-view .rbc-allday-cell': {\n boxSizing: 'content-box',\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n\n '& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell': {\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-time-view .rbc-allday-events': {\n position: 'relative',\n zIndex: 4,\n },\n\n '& .rbc-time-view .rbc-row': {\n boxSizing: 'border-box',\n minHeight: 'var(--calendar-time-grid-row-min-height, 1.25rem)',\n },\n\n // Time header\n '& .rbc-time-header': {\n display: 'flex',\n flex: '0 0 auto',\n flexDirection: 'row',\n },\n\n '& .rbc-time-header.rbc-overflowing': {\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 '& .rbc-rtl .rbc-time-header.rbc-overflowing': {\n borderRightWidth: 0,\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-time-header > .rbc-row:first-child': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n // Time header cell single day\n '& .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n // Time header content\n '& .rbc-time-header-content': {\n flex: '1',\n display: 'flex',\n minWidth: 0,\n flexDirection: 'column',\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-time-header-content': {\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 '& .rbc-time-header-content > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n flexShrink: 0,\n },\n\n // Time content\n '& .rbc-time-content': {\n display: 'flex',\n flex: '1 0 0%',\n alignItems: 'flex-start',\n width: '100%',\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.150})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n overflowY: 'auto',\n position: 'relative',\n },\n\n '& .rbc-time-content > .rbc-time-gutter': {\n flex: 'none',\n },\n\n '& .rbc-time-content > * + * > *': {\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-time-content > * + * > *': {\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 '& .rbc-time-content > .rbc-day-slot': {\n width: '100%',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n },\n\n // Current time indicator\n '& .rbc-current-time-indicator': {\n position: 'absolute',\n zIndex: 3,\n left: 0,\n right: 0,\n height:\n 'var(--calendar-time-grid-current-time-indicator-height, 0.125rem)',\n backgroundColor:\n 'var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})',\n pointerEvents: 'none',\n },\n\n // Time column\n '& .rbc-time-column': {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100%',\n },\n\n '& .rbc-time-column .rbc-timeslot-group': {\n flex: '1',\n },\n\n // Timeslot group\n '& .rbc-timeslot-group': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n minHeight: 'var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)',\n display: 'flex',\n flexFlow: 'column nowrap',\n },\n\n // Time gutter and header gutter\n '& .rbc-time-gutter, & .rbc-header-gutter': {\n flex: 'none',\n },\n\n // Label\n '& .rbc-label': {\n paddingBlock: 'var(--calendar-time-grid-label-padding-block, 0)',\n paddingInline:\n 'var(--calendar-time-grid-label-padding-inline, 0.3125rem)',\n color:\n 'var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})',\n fontFamily: 'var(--calendar-time-slot-label-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-slot-label-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-slot-label-font-weight, {fontWeights.medium})',\n },\n\n // Day slot\n '& .rbc-day-slot': {\n position: 'relative',\n },\n\n '& .rbc-day-slot .rbc-events-container': {\n bottom: 0,\n left: '0',\n position: 'absolute',\n right: 0,\n marginRight:\n 'var(--calendar-time-grid-events-container-margin-right, 0.625rem)',\n top: 0,\n },\n\n '& .rbc-day-slot .rbc-events-container.rbc-rtl': {\n left: 'var(--calendar-time-grid-events-container-position-left, 0.625rem)',\n right: 0,\n },\n\n '& .rbc-day-slot .rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, 0)',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})',\n display: 'flex',\n maxHeight: '100%',\n minHeight: 'var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)',\n flexFlow: 'column wrap',\n alignItems: 'flex-start',\n overflow: 'hidden',\n position: 'absolute',\n },\n\n '& .rbc-day-slot .rbc-background-event': {\n opacity: 'var(--calendar-time-grid-background-event-opacity, 0.5)',\n },\n\n '& .rbc-day-slot .rbc-event-label': {\n flex: 'none',\n paddingRight: '5px',\n width: 'auto',\n },\n\n '& .rbc-day-slot .rbc-event-content': {\n width: '100%',\n flex: '1 1 0',\n wordWrap: 'break-word',\n lineHeight: '1',\n height: '100%',\n minHeight: '1em',\n },\n\n '& .rbc-day-slot .rbc-time-slot': {\n borderTopWidth: 'var(--calendar-time-slot-border-top-width, 0)',\n borderTopStyle: 'solid',\n borderTopColor: 'var(--calendar-time-slot-border-top-color, transparent)',\n },\n\n // Time view resources\n '& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter':\n {\n position: 'sticky',\n left: 0,\n backgroundColor:\n 'var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})',\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 zIndex: 10,\n marginRight: '-1px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header': {\n overflow: 'hidden',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-content': {\n minWidth: 'auto',\n flex: '1 0 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n '& .rbc-time-view-resources .rbc-day-slot': {\n minWidth:\n 'var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)',\n },\n\n '& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg':\n {\n width: 'var(--calendar-time-grid-resources-column-width, 8.75rem)',\n flex: '1 1 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-header-content + .rbc-time-header-content': {\n marginLeft: '-1px',\n },\n\n // Time slot\n '& .rbc-time-slot': {\n flex: '1 0 0',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n '& .rbc-time-slot.rbc-now': {\n fontWeight:\n 'var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})',\n },\n\n // Day header\n '& .rbc-day-header': {\n textAlign: 'center',\n fontFamily:\n 'var(--calendar-time-grid-day-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-time-grid-day-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})',\n },\n\n // Resource grouping\n '& .rbc-resource-grouping.rbc-time-header-content': {\n display: 'flex',\n flexDirection: 'column',\n },\n\n '& .rbc-resource-grouping .rbc-row .rbc-header': {\n width:\n 'var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,CACvB,OAAQ,KACR,SAAU,WACV,gBACE,mGACF,MACE,6FACF,SACE,sEACF,MAAO,OACP,aACE,oEACF,cACE,qEACH,CAGD,wBAAyB,CACvB,OAAQ,OACT,CAGD,mBAAoB,CAClB,QAAS,OACT,cAAe,SACf,KAAM,IACN,MAAO,OACP,YAAa,8CACb,YAAa,QACb,YACE,kEACF,aAAc,4DACd,UAAW,EACZ,CAED,oCAAqC,CACnC,WAAY,SACZ,UAAW,QACX,WAAY,2DACZ,SAAU,4DACV,WACE,mEACH,CAED,oCAAqC,CACnC,UAAW,cACX,MAAO,OACP,OAAQ,OACR,SAAU,WACX,CAED,uDAAwD,CACtD,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,SAAU,WACV,OAAQ,EACT,CAED,4BAA6B,CAC3B,UAAW,aACX,UAAW,oDACZ,CAGD,qBAAsB,CACpB,QAAS,OACT,KAAM,WACN,cAAe,MAChB,CAED,qCAAsC,CACpC,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,8CAA+C,CAC7C,iBAAkB,EAClB,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,4CAA6C,CAC3C,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAED,iDAAkD,CAChD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAGD,qCAAsC,CACpC,QAAS,OACV,CAGD,6BAA8B,CAC5B,KAAM,IACN,QAAS,OACT,SAAU,EACV,cAAe,SACf,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,yDAA0D,CACxD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,WAAY,EACb,CAGD,sBAAuB,CACrB,QAAS,OACT,KAAM,SACN,WAAY,aACZ,MAAO,OACP,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACF,UAAW,OACX,SAAU,WACX,CAED,yCAA0C,CACxC,KAAM,OACP,CAED,kCAAmC,CACjC,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,2CAA4C,CAC1C,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,sCAAuC,CACrC,MAAO,OACP,WAAY,OACZ,iBAAkB,OACnB,CAGD,gCAAiC,CAC/B,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OACE,oEACF,gBACE,qGACF,cAAe,OAChB,CAGD,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,UAAW,OACZ,CAED,yCAA0C,CACxC,KAAM,IACP,CAGD,wBAAyB,CACvB,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,UAAW,8DACX,QAAS,OACT,SAAU,gBACX,CAGD,2CAA4C,CAC1C,KAAM,OACP,CAGD,eAAgB,CACd,aAAc,mDACd,cACE,4DACF,MACE,oFACF,WAAY,4DACZ,SAAU,6DACV,WACE,oEACH,CAGD,kBAAmB,CACjB,SAAU,WACX,CAED,wCAAyC,CACvC,OAAQ,EACR,KAAM,IACN,SAAU,WACV,MAAO,EACP,YACE,oEACF,IAAK,EACN,CAED,gDAAiD,CAC/C,KAAM,qEACN,MAAO,EACR,CAED,6BAA8B,CAC5B,YAAa,wCACb,YAAa,QACb,YACE,wEACF,QAAS,OACT,UAAW,OACX,UAAW,+DACX,SAAU,cACV,WAAY,aACZ,SAAU,SACV,SAAU,WACX,CAED,wCAAyC,CACvC,QAAS,0DACV,CAED,mCAAoC,CAClC,KAAM,OACN,aAAc,MACd,MAAO,OACR,CAED,qCAAsC,CACpC,MAAO,OACP,KAAM,QACN,SAAU,aACV,WAAY,IACZ,OAAQ,OACR,UAAW,MACZ,CAED,iCAAkC,CAChC,eAAgB,gDAChB,eAAgB,QAChB,eAAgB,0DACjB,CAGD,kGACE,CACE,SAAU,SACV,KAAM,EACN,gBACE,+FACF,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACF,OAAQ,GACR,YAAa,OACd,CAEH,8CAA+C,CAC7C,SAAU,SACX,CAED,sDAAuD,CACrD,SAAU,OACV,KAAM,QACN,UAAW,MACZ,CAED,8DAA+D,CAC7D,QAAS,OACV,CAED,2CAA4C,CAC1C,SACE,kEACH,CAED,iFACE,CACE,MAAO,4DACP,KAAM,QACN,UAAW,MACZ,CAEH,wDAAyD,CACvD,WAAY,OACb,CAGD,mBAAoB,CAClB,KAAM,QACN,QAAS,OACT,eAAgB,SAChB,WAAY,SACb,CAED,2BAA4B,CAC1B,WACE,0EACH,CAGD,oBAAqB,CACnB,UAAW,SACX,WACE,iEACF,SACE,kEACF,WACE,2EACH,CAGD,mDAAoD,CAClD,QAAS,OACT,cAAe,SAChB,CAED,gDAAiD,CAC/C,MACE,sEACH,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:`10px`,fontSize:`16px`,_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.100})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,color:`var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background, {colors.neutral.background.3.enabled})`,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, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, transparent)`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.100})`,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.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-hover, transparent)`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-active, transparent)`},_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.
|
|
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:`10px`,fontSize:`16px`,_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.100})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,color:`var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background, {colors.neutral.background.3.enabled})`,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, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, transparent)`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.100})`,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.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-hover, transparent)`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-active, transparent)`},_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.primary.stroke.1.focused})`,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: '10px',\n fontSize: '16px',\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.100})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n color:\n 'var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background, {colors.neutral.background.3.enabled})',\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, 0)',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-button-border-color, transparent)',\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.100})',\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.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})',\n borderColor: 'var(--calendar-button-border-color-hover, transparent)',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n borderColor: 'var(--calendar-button-border-color-active, transparent)',\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.
|
|
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: '10px',\n fontSize: '16px',\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.100})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n color:\n 'var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background, {colors.neutral.background.3.enabled})',\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, 0)',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-button-border-color, transparent)',\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.100})',\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.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})',\n borderColor: 'var(--calendar-button-border-color-hover, transparent)',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n borderColor: 'var(--calendar-button-border-color-active, transparent)',\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.primary.stroke.1.focused})',\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,OACd,SAAU,OACV,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,CACD,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,MACE,2EACF,gBACE,2EACF,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,yCACb,YAAa,QACb,YAAa,mDACb,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,yFACF,YAAa,yDACd,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YAAa,0DACd,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":`transparent`,"--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-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-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":`1rem`,"--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.1.focused}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`rgba(0, 0, 0, 0.1)`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.bold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.primary.foreground.1.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.bold}`,"--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-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":`1.25rem`,"--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":`2.5rem`,"--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":`1.25rem`,"--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-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-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.stroke.1.enabled}`,"--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-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":`transparent`,"--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-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-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":`1rem`,"--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":`rgba(0, 0, 0, 0.1)`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.bold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.primary.foreground.1.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.bold}`,"--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-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":`1.25rem`,"--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":`2.5rem`,"--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":`1.25rem`,"--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-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-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.stroke.1.enabled}`,"--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-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 calendar */\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': 'transparent',\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-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\n /* Calendar 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': '1rem',\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.1.focused}',\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.1.focused}',\n '--calendar-button-focus-outline-offset': '0',\n\n /* Month */\n '--calendar-month-selected-cell-background': 'rgba(0, 0, 0, 0.1)',\n '--calendar-month-show-more-background': 'transparent',\n '--calendar-month-show-more-z-index': '4',\n '--calendar-month-show-more-font-weight': '{fontWeights.bold}',\n '--calendar-month-show-more-font-size': '{fontSizes.100}',\n '--calendar-month-show-more-foreground':\n '{colors.primary.foreground.1.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.bold}',\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 /* 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 /* Calendar 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': '1.25rem',\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': '2.5rem',\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': '1.25rem',\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 variables */\n ':root:has(&)': {\n /* Calendar overlay */\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-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 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': '{colors.primary.stroke.1.enabled}',\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 /* Calendar 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":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,+BAAgC,MAChC,kCAAmC,cACnC,mCAAoC,gBACpC,kCAAmC,gBACnC,gCAAiC,eACjC,gCAAiC,yBACjC,8BAA+B,kBAC/B,+BAAgC,wCAChC,mCAAoC,YACpC,qCAAsC,eACtC,mCAAoC,kBACpC,oCACE,wCACF,oCAAqC,cACrC,0CACE,gDACF,0CAA2C,cAC3C,8BAA+B,2CAC/B,+BAAgC,gBAChC,0BAA2B,gBAC3B,+BAAgC,oCAChC,0BAA2B,oCAG3B,sCACE,wCACF,0CAA2C,gBAC3C,wCAAyC,eACzC,sCAAuC,kBACvC,wCAAyC,uBACzC,uCAAwC,SAExC,8BAA+B,gBAE/B,+BAAgC,wCAChC,+BAAgC,wCAChC,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,uBACjC,+BAAgC,SAChC,iCAAkC,IAClC,iCAAkC,oCAClC,kCAAmC,cACnC,kCAAmC,gBACnC,mCAAoC,gBACpC,gCAAiC,OACjC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,uCAAwC,oCACxC,sCACE,wCACF,sCACE,iDACF,wCACE,oCACF,qCACE,wCACF,qCACE,wCACF,iCAAkC,oCAClC,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,oCACF,yCAA0C,IAG1C,4CAA6C,qBAC7C,wCAAyC,cACzC,qCAAsC,IACtC,yCAA0C,qBAC1C,uCAAwC,kBACxC,wCACE,wCACF,8CACE,wCACF,yCAA0C,eAC1C,uCAAwC,kBACxC,yCAA0C,wBAC1C,6CAA8C,qBAG9C,6CAA8C,gBAC9C,8CAA+C,gBAC/C,2CAA4C,gBAC5C,4CAA6C,gBAC7C,+CAAgD,YAChD,gDAAiD,YACjD,6CAA8C,eAC9C,2CAA4C,kBAC5C,6CAA8C,yBAE9C,0CAA2C,eAC3C,wCAAyC,kBACzC,0CAA2C,yBAC3C,yCACE,wCACF,6CAA8C,aAC9C,sDAAuD,QACvD,sDAAuD,QAEvD,0CAA2C,eAC3C,wCAAyC,kBACzC,0CAA2C,yBAC3C,yCACE,wCAEF,2CAA4C,eAC5C,yCAA0C,kBAC1C,2CAA4C,yBAC5C,0CACE,wCAGF,iDACE,8CACF,iDACE,wCACF,gDAAiD,kBACjD,oDAAqD,YACrD,qDAAsD,YACtD,0CAA2C,cAC3C,wCAAyC,eACzC,sCAAuC,kBACvC,wCAAyC,uBACzC,sCAAuC,UACvC,qDAAsD,WACtD,yDACE,wCACF,iDAAkD,SAClD,2CAA4C,IAC5C,4CAA6C,YAC7C,wCACE,wCACF,yCAA0C,eAC1C,uCAAwC,kBACxC,yCAA0C,uBAC1C,qDAAsD,WACtD,sDAAuD,WACvD,iDAAkD,UAClD,gDAAiD,MACjD,wCAAyC,IACzC,wCAAyC,cACzC,mDACE,wCACF,oDAAqD,UACrD,8CAA+C,UAC/C,sDAAuD,YACvD,iDAAkD,qBAClD,8CAA+C,eAC/C,4CAA6C,kBAC7C,8CAA+C,yBAG/C,eAAgB,CAEd,wCAAyC,gBACzC,wCACE,oCACF,sCACE,wCACF,mCAAoC,gBACpC,+CAAgD,gBAChD,+CACE,oCACF,gDAAiD,cACjD,6CACE,wCACF,8CAA+C,uBAC/C,4CAA6C,kBAC7C,8CAA+C,eAC/C,+BAAgC,gBAChC,gDAAiD,gBACjD,qCAAsC,WACtC,sCACE,2GAEF,iCAAkC,gBAClC,kCAAmC,gBACnC,8BAA+B,wCAC/B,gCAAiC,gBACjC,gCAAiC,oCACjC,iCAAkC,cAClC,8BACE,kDACF,qCACE,kDACF,+BAAgC,eAChC,+BAAgC,uBAChC,sCAAuC,qBACvC,6BAA8B,kBAC9B,+BAAgC,MAChC,uCACE,yCACF,uCAAwC,gBACxC,uCAAwC,QACxC,uCACE,oCACF,wCAAyC,IACzC,8BAA+B,wBAC/B,uCACE,yCACH,CAED,wCAAyC,gBACzC,yCAA0C,gBAC1C,sCAAuC,eACvC,oCAAqC,kBACrC,sCAAuC,wBACvC,qCACE,wCACH,CACF,CAAC"}
|
|
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 calendar */\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': 'transparent',\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-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\n /* Calendar 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': '1rem',\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': 'rgba(0, 0, 0, 0.1)',\n '--calendar-month-show-more-background': 'transparent',\n '--calendar-month-show-more-z-index': '4',\n '--calendar-month-show-more-font-weight': '{fontWeights.bold}',\n '--calendar-month-show-more-font-size': '{fontSizes.100}',\n '--calendar-month-show-more-foreground':\n '{colors.primary.foreground.1.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.bold}',\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 /* 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 /* Calendar 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': '1.25rem',\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': '2.5rem',\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': '1.25rem',\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 variables */\n ':root:has(&)': {\n /* Calendar overlay */\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-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 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': '{colors.primary.stroke.1.enabled}',\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 /* Calendar 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":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,+BAAgC,MAChC,kCAAmC,cACnC,mCAAoC,gBACpC,kCAAmC,gBACnC,gCAAiC,eACjC,gCAAiC,yBACjC,8BAA+B,kBAC/B,+BAAgC,wCAChC,mCAAoC,YACpC,qCAAsC,eACtC,mCAAoC,kBACpC,oCACE,wCACF,oCAAqC,cACrC,0CACE,gDACF,0CAA2C,cAC3C,8BAA+B,2CAC/B,+BAAgC,gBAChC,0BAA2B,gBAC3B,+BAAgC,oCAChC,0BAA2B,oCAG3B,sCACE,wCACF,0CAA2C,gBAC3C,wCAAyC,eACzC,sCAAuC,kBACvC,wCAAyC,uBACzC,uCAAwC,SAExC,8BAA+B,gBAE/B,+BAAgC,wCAChC,+BAAgC,wCAChC,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,uBACjC,+BAAgC,SAChC,iCAAkC,IAClC,iCAAkC,oCAClC,kCAAmC,cACnC,kCAAmC,gBACnC,mCAAoC,gBACpC,gCAAiC,OACjC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,uCAAwC,oCACxC,sCACE,wCACF,sCACE,iDACF,wCACE,oCACF,qCACE,wCACF,qCACE,wCACF,iCAAkC,oCAClC,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,oCACF,yCAA0C,IAG1C,4CAA6C,qBAC7C,wCAAyC,cACzC,qCAAsC,IACtC,yCAA0C,qBAC1C,uCAAwC,kBACxC,wCACE,wCACF,8CACE,wCACF,yCAA0C,eAC1C,uCAAwC,kBACxC,yCAA0C,wBAC1C,6CAA8C,qBAG9C,6CAA8C,gBAC9C,8CAA+C,gBAC/C,2CAA4C,gBAC5C,4CAA6C,gBAC7C,+CAAgD,YAChD,gDAAiD,YACjD,6CAA8C,eAC9C,2CAA4C,kBAC5C,6CAA8C,yBAE9C,0CAA2C,eAC3C,wCAAyC,kBACzC,0CAA2C,yBAC3C,yCACE,wCACF,6CAA8C,aAC9C,sDAAuD,QACvD,sDAAuD,QAEvD,0CAA2C,eAC3C,wCAAyC,kBACzC,0CAA2C,yBAC3C,yCACE,wCAEF,2CAA4C,eAC5C,yCAA0C,kBAC1C,2CAA4C,yBAC5C,0CACE,wCAGF,iDACE,8CACF,iDACE,wCACF,gDAAiD,kBACjD,oDAAqD,YACrD,qDAAsD,YACtD,0CAA2C,cAC3C,wCAAyC,eACzC,sCAAuC,kBACvC,wCAAyC,uBACzC,sCAAuC,UACvC,qDAAsD,WACtD,yDACE,wCACF,iDAAkD,SAClD,2CAA4C,IAC5C,4CAA6C,YAC7C,wCACE,wCACF,yCAA0C,eAC1C,uCAAwC,kBACxC,yCAA0C,uBAC1C,qDAAsD,WACtD,sDAAuD,WACvD,iDAAkD,UAClD,gDAAiD,MACjD,wCAAyC,IACzC,wCAAyC,cACzC,mDACE,wCACF,oDAAqD,UACrD,8CAA+C,UAC/C,sDAAuD,YACvD,iDAAkD,qBAClD,8CAA+C,eAC/C,4CAA6C,kBAC7C,8CAA+C,yBAG/C,eAAgB,CAEd,wCAAyC,gBACzC,wCACE,oCACF,sCACE,wCACF,mCAAoC,gBACpC,+CAAgD,gBAChD,+CACE,oCACF,gDAAiD,cACjD,6CACE,wCACF,8CAA+C,uBAC/C,4CAA6C,kBAC7C,8CAA+C,eAC/C,+BAAgC,gBAChC,gDAAiD,gBACjD,qCAAsC,WACtC,sCACE,2GAEF,iCAAkC,gBAClC,kCAAmC,gBACnC,8BAA+B,wCAC/B,gCAAiC,gBACjC,gCAAiC,oCACjC,iCAAkC,cAClC,8BACE,kDACF,qCACE,kDACF,+BAAgC,eAChC,+BAAgC,uBAChC,sCAAuC,qBACvC,6BAA8B,kBAC9B,+BAAgC,MAChC,uCACE,yCACF,uCAAwC,gBACxC,uCAAwC,QACxC,uCACE,oCACF,wCAAyC,IACzC,8BAA+B,wBAC/B,uCACE,yCACH,CAED,wCAAyC,gBACzC,yCAA0C,gBAC1C,sCAAuC,eACvC,oCAAqC,kBACrC,sCAAuC,wBACvC,qCACE,wCACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`logo-image`,jsx:[`LogoImage`],base:{"--logo-image-width":`5rem`,"--logo-image-height":`3rem`,"--logo-image-border-radius":`{radii.100}`,"--logo-image-focus-outline-width":`{borders.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`logo-image`,jsx:[`LogoImage`],base:{"--logo-image-width":`5rem`,"--logo-image-height":`3rem`,"--logo-image-border-radius":`{radii.100}`,"--logo-image-focus-outline-width":`{borders.150}`,"--logo-image-focus-outline-style":`solid`,"--logo-image-focus-outline-offset":`{spacing.50}`,"--logo-image-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--logo-image-focus-shadow":`none`,"--logo-image-transition":`{animations.200}`}});export{t as logoImage};
|
|
2
2
|
//# sourceMappingURL=logo-image.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-image.mjs","names":[],"sources":["../../../../../src/recipes/data-display/logos/logo-image/logo-image.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const logoImage = defineRecipe({\n className: 'logo-image',\n jsx: ['LogoImage'],\n base: {\n '--logo-image-width': '5rem',\n '--logo-image-height': '3rem',\n '--logo-image-border-radius': '{radii.100}',\n '--logo-image-focus-outline-width': '{borders.
|
|
1
|
+
{"version":3,"file":"logo-image.mjs","names":[],"sources":["../../../../../src/recipes/data-display/logos/logo-image/logo-image.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const logoImage = defineRecipe({\n className: 'logo-image',\n jsx: ['LogoImage'],\n base: {\n '--logo-image-width': '5rem',\n '--logo-image-height': '3rem',\n '--logo-image-border-radius': '{radii.100}',\n '--logo-image-focus-outline-width': '{borders.150}',\n '--logo-image-focus-outline-style': 'solid',\n '--logo-image-focus-outline-offset': '{spacing.50}',\n '--logo-image-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--logo-image-focus-shadow': 'none',\n '--logo-image-transition': '{animations.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,qBAAsB,OACtB,sBAAuB,OACvB,6BAA8B,cAC9B,mCAAoC,gBACpC,mCAAoC,QACpC,oCAAqC,eACrC,mCAAoC,oCACpC,4BAA6B,OAC7B,0BAA2B,mBAC5B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`removable-item__button-icon`,jsx:[`RemovableItem`],base:{"--button-icon-radii":`var(--removable-item-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--removable-item-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--removable-item-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--removable-item-button-icon-align, center)`,"--button-icon-height":`var(--removable-item-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--removable-item-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--removable-item-button-icon-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--removable-item-button-icon-background-hover, {colors.neutral.background.2.hovered})`,"--button-icon-foreground":`var(--removable-item-button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--removable-item-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--removable-item-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--removable-item-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--removable-item-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--removable-item-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--removable-item-button-icon-focus-outline-width, {borders.
|
|
1
|
+
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`removable-item__button-icon`,jsx:[`RemovableItem`],base:{"--button-icon-radii":`var(--removable-item-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--removable-item-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--removable-item-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--removable-item-button-icon-align, center)`,"--button-icon-height":`var(--removable-item-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--removable-item-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--removable-item-button-icon-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--removable-item-button-icon-background-hover, {colors.neutral.background.2.hovered})`,"--button-icon-foreground":`var(--removable-item-button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--removable-item-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--removable-item-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--removable-item-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--removable-item-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--removable-item-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--removable-item-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--removable-item-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--removable-item-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--removable-item-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`var(--removable-item-button-icon-icon-size, 66%)`}});export{t as removableItemButtonIcon};
|
|
2
2
|
//# sourceMappingURL=removable-item-button-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"removable-item-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/removable-item/removable-item-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const removableItemButtonIcon = buttonIcon.merge({\n className: 'removable-item__button-icon',\n jsx: ['RemovableItem'],\n base: {\n '--button-icon-radii':\n 'var(--removable-item-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--removable-item-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--removable-item-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--removable-item-button-icon-align, center)',\n '--button-icon-height':\n 'var(--removable-item-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--removable-item-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--removable-item-button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--removable-item-button-icon-background-hover, {colors.neutral.background.2.hovered})',\n\n '--button-icon-foreground':\n 'var(--removable-item-button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--removable-item-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--removable-item-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--removable-item-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n 'var(--removable-item-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--removable-item-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--removable-item-button-icon-focus-outline-width, {borders.
|
|
1
|
+
{"version":3,"file":"removable-item-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/removable-item/removable-item-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const removableItemButtonIcon = buttonIcon.merge({\n className: 'removable-item__button-icon',\n jsx: ['RemovableItem'],\n base: {\n '--button-icon-radii':\n 'var(--removable-item-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--removable-item-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--removable-item-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--removable-item-button-icon-align, center)',\n '--button-icon-height':\n 'var(--removable-item-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--removable-item-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--removable-item-button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--removable-item-button-icon-background-hover, {colors.neutral.background.2.hovered})',\n\n '--button-icon-foreground':\n 'var(--removable-item-button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--removable-item-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--removable-item-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--removable-item-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n 'var(--removable-item-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--removable-item-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--removable-item-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--removable-item-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--removable-item-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--removable-item-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size':\n 'var(--removable-item-button-icon-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAA0B,EAAW,MAAM,CACtD,UAAW,8BACX,IAAK,CAAC,gBAAgB,CACtB,KAAM,CACJ,sBACE,uDACF,iCACE,yDACF,2BACE,sEACF,sBAAuB,kDACvB,uBACE,wDACF,+BACE,sDAEF,2BACE,sFACF,iCACE,4FAEF,2BACE,sFACF,iCACE,4FAEF,6BACE,oFACF,mCACE,0FAEF,6BACE,oDACF,6BACE,wDAEF,oCACE,uEACF,oCACE,+DACF,qCACE,uEACF,oCACE,2FAEF,0BACE,mDACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`tag__button-icon`,jsx:[`Tag`],base:{"--button-icon-radii":`var(--tag-button-icon-radii, {radii.100})`,"--button-icon-disabled-opacity":`var(--tag-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--tag-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--tag-button-icon-align, center)`,"--button-icon-height":`var(--tag-button-icon-height, 1.25rem)`,"--button-icon-padding-inline":`var(--tag-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--tag-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--tag-button-icon-background-hover, transparent)`,"--button-icon-foreground":`var(--tag-button-icon-foreground, {colors.neutral.foreground.4.enabled})`,"--button-icon-foreground-hover":`var(--tag-button-icon-foreground-hover, {colors.neutral.foreground.4.hovered})`,"--button-icon-border-color":`var(--tag-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--tag-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--tag-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--tag-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--tag-button-icon-focus-outline-width, {borders.
|
|
1
|
+
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`tag__button-icon`,jsx:[`Tag`],base:{"--button-icon-radii":`var(--tag-button-icon-radii, {radii.100})`,"--button-icon-disabled-opacity":`var(--tag-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--tag-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--tag-button-icon-align, center)`,"--button-icon-height":`var(--tag-button-icon-height, 1.25rem)`,"--button-icon-padding-inline":`var(--tag-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--tag-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--tag-button-icon-background-hover, transparent)`,"--button-icon-foreground":`var(--tag-button-icon-foreground, {colors.neutral.foreground.4.enabled})`,"--button-icon-foreground-hover":`var(--tag-button-icon-foreground-hover, {colors.neutral.foreground.4.hovered})`,"--button-icon-border-color":`var(--tag-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--tag-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--tag-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--tag-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--tag-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--tag-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--tag-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--tag-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`66%`}});export{t as tagButtonIcon};
|
|
2
2
|
//# sourceMappingURL=tag-button-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/tag/tag-button-icon.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const tagButtonIcon = buttonIcon.merge({\n className: 'tag__button-icon',\n jsx: ['Tag'],\n base: {\n '--button-icon-radii': 'var(--tag-button-icon-radii, {radii.100})',\n '--button-icon-disabled-opacity':\n 'var(--tag-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--tag-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--tag-button-icon-align, center)',\n '--button-icon-height': 'var(--tag-button-icon-height, 1.25rem)',\n '--button-icon-padding-inline': 'var(--tag-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--tag-button-icon-background, transparent)',\n '--button-icon-background-hover':\n 'var(--tag-button-icon-background-hover, transparent)',\n\n '--button-icon-foreground':\n 'var(--tag-button-icon-foreground, {colors.neutral.foreground.4.enabled})',\n '--button-icon-foreground-hover':\n 'var(--tag-button-icon-foreground-hover, {colors.neutral.foreground.4.hovered})',\n\n '--button-icon-border-color':\n 'var(--tag-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--tag-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width': 'var(--tag-button-icon-border-width, 0)',\n '--button-icon-border-style': 'var(--tag-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--tag-button-icon-focus-outline-width, {borders.
|
|
1
|
+
{"version":3,"file":"tag-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/tag/tag-button-icon.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const tagButtonIcon = buttonIcon.merge({\n className: 'tag__button-icon',\n jsx: ['Tag'],\n base: {\n '--button-icon-radii': 'var(--tag-button-icon-radii, {radii.100})',\n '--button-icon-disabled-opacity':\n 'var(--tag-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--tag-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--tag-button-icon-align, center)',\n '--button-icon-height': 'var(--tag-button-icon-height, 1.25rem)',\n '--button-icon-padding-inline': 'var(--tag-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--tag-button-icon-background, transparent)',\n '--button-icon-background-hover':\n 'var(--tag-button-icon-background-hover, transparent)',\n\n '--button-icon-foreground':\n 'var(--tag-button-icon-foreground, {colors.neutral.foreground.4.enabled})',\n '--button-icon-foreground-hover':\n 'var(--tag-button-icon-foreground-hover, {colors.neutral.foreground.4.hovered})',\n\n '--button-icon-border-color':\n 'var(--tag-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--tag-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width': 'var(--tag-button-icon-border-width, 0)',\n '--button-icon-border-style': 'var(--tag-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--tag-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--tag-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--tag-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--tag-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAKA,MAAa,EAAgB,EAAW,MAAM,CAC5C,UAAW,mBACX,IAAK,CAAC,MAAM,CACZ,KAAM,CACJ,sBAAuB,4CACvB,iCACE,8CACF,2BACE,2DACF,sBAAuB,uCACvB,uBAAwB,yCACxB,+BAAgC,2CAEhC,2BACE,iDACF,iCACE,uDAEF,2BACE,2EACF,iCACE,iFAEF,6BACE,yEACF,mCACE,+EAEF,6BAA8B,yCAC9B,6BAA8B,6CAE9B,oCACE,4DACF,oCACE,oDACF,qCACE,4DACF,oCACE,gFAEF,0BAA2B,MAC5B,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`uploaded-file__button-icon`,jsx:[`UploadedFile`],base:{"--button-icon-radii":`var(--uploaded-file-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--uploaded-file-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--uploaded-file-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--uploaded-file-button-icon-align, center)`,"--button-icon-height":`var(--uploaded-file-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--uploaded-file-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--uploaded-file-button-icon-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--uploaded-file-button-icon-background-hover, {colors.neutral.background.2.hovered})`,"--button-icon-foreground":`var(--uploaded-file-button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--uploaded-file-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--uploaded-file-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--uploaded-file-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--uploaded-file-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--uploaded-file-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--uploaded-file-button-icon-focus-outline-width, {borders.
|
|
1
|
+
import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`uploaded-file__button-icon`,jsx:[`UploadedFile`],base:{"--button-icon-radii":`var(--uploaded-file-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--uploaded-file-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--uploaded-file-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--uploaded-file-button-icon-align, center)`,"--button-icon-height":`var(--uploaded-file-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--uploaded-file-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--uploaded-file-button-icon-background, {colors.neutral.background.1.enabled})`,"--button-icon-background-hover":`var(--uploaded-file-button-icon-background-hover, {colors.neutral.background.2.hovered})`,"--button-icon-foreground":`var(--uploaded-file-button-icon-foreground, {colors.neutral.foreground.1.enabled})`,"--button-icon-foreground-hover":`var(--uploaded-file-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-icon-border-color":`var(--uploaded-file-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--uploaded-file-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":`var(--uploaded-file-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--uploaded-file-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--uploaded-file-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--uploaded-file-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--uploaded-file-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--uploaded-file-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`var(--uploaded-file-button-icon-icon-size, 66%)`}});export{t as uploadedFileButtonIcon};
|
|
2
2
|
//# sourceMappingURL=uploaded-file-button-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uploaded-file-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/uploaded-file/uploaded-file-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const uploadedFileButtonIcon = buttonIcon.merge({\n className: 'uploaded-file__button-icon',\n jsx: ['UploadedFile'],\n base: {\n '--button-icon-radii':\n 'var(--uploaded-file-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--uploaded-file-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--uploaded-file-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--uploaded-file-button-icon-align, center)',\n '--button-icon-height':\n 'var(--uploaded-file-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--uploaded-file-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--uploaded-file-button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--uploaded-file-button-icon-background-hover, {colors.neutral.background.2.hovered})',\n\n '--button-icon-foreground':\n 'var(--uploaded-file-button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--uploaded-file-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--uploaded-file-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--uploaded-file-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n 'var(--uploaded-file-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--uploaded-file-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--uploaded-file-button-icon-focus-outline-width, {borders.
|
|
1
|
+
{"version":3,"file":"uploaded-file-button-icon.mjs","names":[],"sources":["../../../../src/recipes/data-display/uploaded-file/uploaded-file-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const uploadedFileButtonIcon = buttonIcon.merge({\n className: 'uploaded-file__button-icon',\n jsx: ['UploadedFile'],\n base: {\n '--button-icon-radii':\n 'var(--uploaded-file-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--uploaded-file-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--uploaded-file-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--uploaded-file-button-icon-align, center)',\n '--button-icon-height':\n 'var(--uploaded-file-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--uploaded-file-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--uploaded-file-button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--uploaded-file-button-icon-background-hover, {colors.neutral.background.2.hovered})',\n\n '--button-icon-foreground':\n 'var(--uploaded-file-button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--uploaded-file-button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--uploaded-file-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--uploaded-file-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n 'var(--uploaded-file-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--uploaded-file-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--uploaded-file-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--uploaded-file-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--uploaded-file-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--uploaded-file-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size':\n 'var(--uploaded-file-button-icon-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAyB,EAAW,MAAM,CACrD,UAAW,6BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBACE,sDACF,iCACE,wDACF,2BACE,qEACF,sBAAuB,iDACvB,uBACE,uDACF,+BACE,qDAEF,2BACE,qFACF,iCACE,2FAEF,2BACE,qFACF,iCACE,2FAEF,6BACE,mFACF,mCACE,yFAEF,6BACE,mDACF,6BACE,uDAEF,oCACE,sEACF,oCACE,8DACF,qCACE,sEACF,oCACE,0FAEF,0BACE,kDACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`menu__target__button`,jsx:[`Menu`],base:{"--button-font-family":`unset`,"--button-font-size":`unset`,"--button-font-weight":`unset`,"--button-height":`auto`,"--button-padding-inline":`{spacing.0}`,"--button-gap":`{spacing.0}`,"--button-focus-outline-width":`{borders.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`menu__target__button`,jsx:[`Menu`],base:{"--button-font-family":`unset`,"--button-font-size":`unset`,"--button-font-weight":`unset`,"--button-height":`auto`,"--button-padding-inline":`{spacing.0}`,"--button-gap":`{spacing.0}`,"--button-focus-outline-width":`{borders.150}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`transparent`,"--button-foreground":`inherit`,"--button-radii":`{radii.100}`,"--button-border-color":`transparent`,"--button-border-width":`{borders.0}`,"--button-background-hover":`transparent`,"--button-foreground-hover":`inherit`,"--button-border-color-hover":`transparent`,"--button-inner-gap":`{spacing.0}`}});export{t as menuTargetButton};
|
|
2
2
|
//# sourceMappingURL=menu-target-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-target-button.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const menuTargetButton = defineRecipe({\n className: 'menu__target__button',\n jsx: ['Menu'],\n base: {\n '--button-font-family': 'unset',\n '--button-font-size': 'unset',\n '--button-font-weight': 'unset',\n '--button-height': 'auto',\n '--button-padding-inline': '{spacing.0}',\n '--button-gap': '{spacing.0}',\n '--button-focus-outline-width': '{borders.
|
|
1
|
+
{"version":3,"file":"menu-target-button.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const menuTargetButton = defineRecipe({\n className: 'menu__target__button',\n jsx: ['Menu'],\n base: {\n '--button-font-family': 'unset',\n '--button-font-size': 'unset',\n '--button-font-weight': 'unset',\n '--button-height': 'auto',\n '--button-padding-inline': '{spacing.0}',\n '--button-gap': '{spacing.0}',\n '--button-focus-outline-width': '{borders.150}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': 'transparent',\n '--button-foreground': 'inherit',\n '--button-radii': '{radii.100}',\n '--button-border-color': 'transparent',\n '--button-border-width': '{borders.0}',\n '--button-background-hover': 'transparent',\n '--button-foreground-hover': 'inherit',\n '--button-border-color-hover': 'transparent',\n '--button-inner-gap': '{spacing.0}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,uBACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,uBAAwB,QACxB,qBAAsB,QACtB,uBAAwB,QACxB,kBAAmB,OACnB,0BAA2B,cAC3B,eAAgB,cAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,cACvB,sBAAuB,UACvB,iBAAkB,cAClB,wBAAyB,cACzB,wBAAyB,cACzB,4BAA6B,cAC7B,4BAA6B,UAC7B,8BAA+B,cAC/B,qBAAsB,cACvB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{avatar as e}from"../../../data-display/avatar/avatar.mjs";const t=e.merge({className:`user-group-preview__avatar`,jsx:[`UserGroupPreview`],base:{borderWidth:`var(--user-group-preview-avatar-border-width, {borders.
|
|
1
|
+
import{avatar as e}from"../../../data-display/avatar/avatar.mjs";const t=e.merge({className:`user-group-preview__avatar`,jsx:[`UserGroupPreview`],base:{borderWidth:`var(--user-group-preview-avatar-border-width, {borders.150})`,borderColor:`var(--user-group-preview-avatar-border-color, {colors.neutral.stroke.7.enabled})`}});export{t as userGroupPreviewAvatar};
|
|
2
2
|
//# sourceMappingURL=user-group-preview-avatar.mjs.map
|
package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-group-preview-avatar.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { avatar } from '../../../data-display/avatar/avatar';\n\nexport const userGroupPreviewAvatar = avatar.merge({\n className: 'user-group-preview__avatar',\n jsx: ['UserGroupPreview'],\n base: {\n borderWidth: 'var(--user-group-preview-avatar-border-width, {borders.
|
|
1
|
+
{"version":3,"file":"user-group-preview-avatar.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { avatar } from '../../../data-display/avatar/avatar';\n\nexport const userGroupPreviewAvatar = avatar.merge({\n className: 'user-group-preview__avatar',\n jsx: ['UserGroupPreview'],\n base: {\n borderWidth: 'var(--user-group-preview-avatar-border-width, {borders.150})',\n borderColor:\n 'var(--user-group-preview-avatar-border-color, {colors.neutral.stroke.7.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iEAOA,MAAa,EAAyB,EAAO,MAAM,CACjD,UAAW,6BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,YAAa,+DACb,YACE,mFACH,CACF,CAAC"}
|
package/dist/recipes/semedlab/navigations/breadcrumbs-bar/breadcrumbs-bar-button-back.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs-bar-button-back.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/navigations/breadcrumbs-bar/breadcrumbs-bar-button-back.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarButtonBack = defineRecipe({\n className: 'breadcrumbs-bar__button-back',\n jsx: ['BreadcrumbsBar'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.300}',\n '--button-font-weight': '{fontWeights.medium}',\n // '--button-line-height': '1',\n // '--button-text-transform': 'none',\n // '--button-align': 'center',\n '--button-height': 'auto',\n '--button-padding-inline': '{spacing.0}',\n // '--button-gap': '{spacing.200}',\n // '--button-focus-outline-width': '{borders.
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-button-back.mjs","names":[],"sources":["../../../../../src/recipes/semedlab/navigations/breadcrumbs-bar/breadcrumbs-bar-button-back.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarButtonBack = defineRecipe({\n className: 'breadcrumbs-bar__button-back',\n jsx: ['BreadcrumbsBar'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.300}',\n '--button-font-weight': '{fontWeights.medium}',\n // '--button-line-height': '1',\n // '--button-text-transform': 'none',\n // '--button-align': 'center',\n '--button-height': 'auto',\n '--button-padding-inline': '{spacing.0}',\n // '--button-gap': '{spacing.200}',\n // '--button-focus-outline-width': '{borders.150}',\n // '--button-focus-outline-style': 'solid',\n // '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.primary.stroke.1.focused}',\n // '--button-focus-shadow': 'none',\n '--button-background': 'transparent',\n '--button-foreground': '{colors.primary.foreground.2.enabled}',\n '--button-radii': '{radii.0}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.0}',\n // '--button-border-style': 'solid',\n '--button-background-hover': 'transparent',\n '--button-foreground-hover': '{colors.primary.foreground.2.hovered}',\n '--button-border-color-hover': 'transparent',\n // '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA2B,EAAa,CACnD,UAAW,+BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBAIxB,kBAAmB,OACnB,0BAA2B,cAK3B,+BAAgC,oCAEhC,sBAAuB,cACvB,sBAAuB,wCACvB,iBAAkB,YAClB,wBAAyB,oCACzB,wBAAyB,cAEzB,4BAA6B,cAC7B,4BAA6B,wCAC7B,8BAA+B,cAE/B,sBAAuB,mBACxB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`focus`,base:{'button&:focus-visible, a&:focus-visible, label&:focus-visible, [role="button"]&:focus-visible, [role="option"]&:focus-visible, .peer:is(:focus-visible, [data-focus-visible]) ~ &':{outlineWidth:`{borders.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`focus`,base:{'button&:focus-visible, a&:focus-visible, label&:focus-visible, [role="button"]&:focus-visible, [role="option"]&:focus-visible, .peer:is(:focus-visible, [data-focus-visible]) ~ &':{outlineWidth:`{borders.150}`,outlineStyle:`solid`,outlineOffset:`{spacing.50}`,outlineColor:`primary.stroke.1.focused`},"input&:focus, select&:focus, textarea&:focus":{outlineWidth:`{borders.150}`,outlineStyle:`solid`,outlineOffset:`{spacing.50}`,outlineColor:`primary.stroke.1.focused`,'&:is([aria-invalid="true"])':{outlineColor:`danger.stroke.1.focused`}}},variants:{color:{danger:{'button&:focus-visible, a&:focus-visible, label&:focus-visible, [role="button"]&:focus-visible, [role="option"]&:focus-visible, .peer:is(:focus-visible, [data-focus-visible]) ~ &':{outlineColor:`danger.stroke.1.focused`}}}}});export{t as focus};
|
|
2
2
|
//# sourceMappingURL=focus.mjs.map
|