@mage-ui/preset 1.0.69 → 1.0.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/recipes/controls/checkbox/checkbox-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/dropdown/autocomplete/autocomplete.mjs +1 -1
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox.mjs +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-option.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-option.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/select/select.mjs +1 -1
- package/dist/recipes/controls/dropdown/select/select.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/data-table/data-table-bulk-bar.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/data-table-empty.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table-empty.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/data-table-loading.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table-loading.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/data-table-page-size.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table-page-size.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/data-table-root.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table-root.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/data-table-slot-row.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table-slot-row.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/data-table.mjs +2 -0
- package/dist/recipes/data-display/data-table/data-table.mjs.map +1 -0
- package/dist/recipes/data-display/data-table/index.mjs +2 -0
- package/dist/recipes/data-display/data-table/index.mjs.map +1 -0
- package/dist/recipes/data-display/index.mjs +1 -1
- package/dist/recipes/data-display/index.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/index.mjs +1 -1
- package/dist/recipes/data-display/kanban/index.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-description.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-description.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-root.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-root.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-section.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-section.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-title.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card-title.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card/kanban-card.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-button-wrapper.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-button-wrapper.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-root.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-root.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator-root.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator-root.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-card-wrapper/index.mjs +2 -0
- package/dist/recipes/data-display/kanban/kanban-card-wrapper/index.mjs.map +1 -0
- package/dist/recipes/data-display/kanban/kanban-card-wrapper/kanban-card-wrapper-root.mjs +2 -0
- package/dist/recipes/data-display/kanban/kanban-card-wrapper/kanban-card-wrapper-root.mjs.map +1 -0
- package/dist/recipes/data-display/kanban/kanban-card-wrapper/kanban-card-wrapper.mjs +2 -0
- package/dist/recipes/data-display/kanban/kanban-card-wrapper/kanban-card-wrapper.mjs.map +1 -0
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-root.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-root.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-title.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-title.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-column.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-column.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon-icon-raw.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon-icon-raw.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-root.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-root.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-root.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-root.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban-wrapper-column.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban-wrapper-column.mjs.map +1 -1
- package/dist/recipes/data-display/kanban/kanban.mjs +1 -1
- package/dist/recipes/data-display/kanban/kanban.mjs.map +1 -1
- package/dist/recipes/data-display/table/table-th.mjs +1 -1
- package/dist/recipes/data-display/table/table-th.mjs.map +1 -1
- package/dist/recipes/data-display/table/table-tr.mjs +1 -1
- package/dist/recipes/data-display/table/table-tr.mjs.map +1 -1
- package/dist/recipes/navigations/index.mjs +1 -1
- package/dist/recipes/navigations/index.mjs.map +1 -1
- package/dist/recipes/navigations/pagination/index.mjs +2 -0
- package/dist/recipes/navigations/pagination/index.mjs.map +1 -0
- package/dist/recipes/navigations/pagination/pagination-control.mjs +2 -0
- package/dist/recipes/navigations/pagination/pagination-control.mjs.map +1 -0
- package/dist/recipes/navigations/pagination/pagination-dots.mjs +2 -0
- package/dist/recipes/navigations/pagination/pagination-dots.mjs.map +1 -0
- package/dist/recipes/navigations/pagination/pagination-root.mjs +2 -0
- package/dist/recipes/navigations/pagination/pagination-root.mjs.map +1 -0
- package/dist/recipes/navigations/pagination/pagination.mjs +2 -0
- package/dist/recipes/navigations/pagination/pagination.mjs.map +1 -0
- package/dist/tokens/keyframes.mjs +1 -1
- package/dist/tokens/keyframes.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__icon`,jsx:[`Checkbox`],base:{color:`var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})`,position:`absolute`,inset:0,width:0,margin:`auto`,pointerEvents:`none`,opacity:0,transition:`var(--checkbox-transition, {animations.base.100})`,_peerChecked:{opacity:1,width:`var(--checkbox-icon-size, 60%)`}}});export{t as checkboxIcon};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__icon`,jsx:[`Checkbox`],base:{color:`var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})`,position:`absolute`,inset:0,width:0,margin:`auto`,pointerEvents:`none`,opacity:0,transition:`var(--checkbox-transition, {animations.base.100})`,_peerChecked:{opacity:1,width:`var(--checkbox-icon-size, 60%)`},'.peer[data-indeterminate="true"] ~ &':{opacity:1,width:`var(--checkbox-icon-size, 60%)`}}});export{t as checkboxIcon};
|
|
2
2
|
//# sourceMappingURL=checkbox-icon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n className: 'checkbox__icon',\n jsx: ['Checkbox'],\n base: {\n color:\n 'var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})',\n position: 'absolute',\n inset: 0,\n width: 0,\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'var(--checkbox-transition, {animations.base.100})',\n _peerChecked: {\n opacity: 1,\n width: 'var(--checkbox-icon-size, 60%)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,2EACF,SAAU,WACV,MAAO,EACP,MAAO,EACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,WAAY,oDACZ,aAAc,CACZ,QAAS,EACT,MAAO,iCACR,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"checkbox-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n className: 'checkbox__icon',\n jsx: ['Checkbox'],\n base: {\n color:\n 'var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})',\n position: 'absolute',\n inset: 0,\n width: 0,\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'var(--checkbox-transition, {animations.base.100})',\n _peerChecked: {\n opacity: 1,\n width: 'var(--checkbox-icon-size, 60%)',\n },\n '.peer[data-indeterminate=\"true\"] ~ &': {\n opacity: 1,\n width: 'var(--checkbox-icon-size, 60%)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,2EACF,SAAU,WACV,MAAO,EACP,MAAO,EACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,WAAY,oDACZ,aAAc,CACZ,QAAS,EACT,MAAO,iCACR,CACD,uCAAwC,CACtC,QAAS,EACT,MAAO,iCACR,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,width:`var(--checkbox-input-size, {sizes.300})`,height:`var(--checkbox-input-size, {sizes.300})`,borderRadius:`var(--checkbox-input-radii, {radii.100})`,aspectRatio:`1`,backgroundColor:`var(--checkbox-input-background, transparent)`,borderWidth:`var(--checkbox-input-border-width, {borders.100})`,borderStyle:`var(--checkbox-input-border-style, solid)`,borderColor:`var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--checkbox-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},_disabled:{cursor:`not-allowed`,opacity:`var(--checkbox-input-opacity-disabled, .5)`},_focus:{outlineWidth:`var(--checkbox-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--checkbox-input-focus-outline-style, solid)`,outlineColor:`var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--checkbox-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--checkbox-input-focus-shadow, none)`},'&[data-error="true"]':{borderColor:`var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{outlineColor:`var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})`}}}});export{t as checkboxInput};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,width:`var(--checkbox-input-size, {sizes.300})`,height:`var(--checkbox-input-size, {sizes.300})`,borderRadius:`var(--checkbox-input-radii, {radii.100})`,aspectRatio:`1`,backgroundColor:`var(--checkbox-input-background, transparent)`,borderWidth:`var(--checkbox-input-border-width, {borders.100})`,borderStyle:`var(--checkbox-input-border-style, solid)`,borderColor:`var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--checkbox-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},'&[data-indeterminate="true"]':{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},_disabled:{cursor:`not-allowed`,opacity:`var(--checkbox-input-opacity-disabled, .5)`},_focus:{outlineWidth:`var(--checkbox-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--checkbox-input-focus-outline-style, solid)`,outlineColor:`var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--checkbox-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--checkbox-input-focus-shadow, none)`},'&[data-error="true"]':{borderColor:`var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{outlineColor:`var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})`}}}});export{t as checkboxInput};
|
|
2
2
|
//# sourceMappingURL=checkbox-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-input.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInput = defineRecipe({\n className: 'checkbox__input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n width: 'var(--checkbox-input-size, {sizes.300})',\n height: 'var(--checkbox-input-size, {sizes.300})',\n borderRadius: 'var(--checkbox-input-radii, {radii.100})',\n aspectRatio: '1',\n backgroundColor: 'var(--checkbox-input-background, transparent)',\n borderWidth: 'var(--checkbox-input-border-width, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style, solid)',\n borderColor:\n 'var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n paddingInline: '0!',\n pointerEvents: 'auto!',\n cursor: 'pointer',\n transition: 'var(--checkbox-transition, {animations.base.100})',\n _checked: {\n backgroundColor:\n 'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n borderColor:\n 'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--checkbox-input-opacity-disabled, .5)',\n },\n _focus: {\n outlineWidth: 'var(--checkbox-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--checkbox-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--checkbox-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--checkbox-input-focus-shadow, none)',\n },\n '&[data-error=\"true\"]': {\n borderColor:\n 'var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n outlineColor:\n 'var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,0CACP,OAAQ,0CACR,aAAc,2CACd,YAAa,IACb,gBAAiB,gDACjB,YAAa,oDACb,YAAa,4CACb,YACE,wEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,oDACZ,SAAU,CACR,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,6CACV,CACD,OAAQ,CACN,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,2DACf,UAAW,2CACZ,CACD,uBAAwB,CACtB,YACE,6EACF,OAAQ,CACN,aACE,oFACH,CACF,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"checkbox-input.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInput = defineRecipe({\n className: 'checkbox__input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n width: 'var(--checkbox-input-size, {sizes.300})',\n height: 'var(--checkbox-input-size, {sizes.300})',\n borderRadius: 'var(--checkbox-input-radii, {radii.100})',\n aspectRatio: '1',\n backgroundColor: 'var(--checkbox-input-background, transparent)',\n borderWidth: 'var(--checkbox-input-border-width, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style, solid)',\n borderColor:\n 'var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n paddingInline: '0!',\n pointerEvents: 'auto!',\n cursor: 'pointer',\n transition: 'var(--checkbox-transition, {animations.base.100})',\n _checked: {\n backgroundColor:\n 'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n borderColor:\n 'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n },\n '&[data-indeterminate=\"true\"]': {\n backgroundColor:\n 'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n borderColor:\n 'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 'var(--checkbox-input-opacity-disabled, .5)',\n },\n _focus: {\n outlineWidth: 'var(--checkbox-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--checkbox-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--checkbox-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--checkbox-input-focus-shadow, none)',\n },\n '&[data-error=\"true\"]': {\n borderColor:\n 'var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n outlineColor:\n 'var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,0CACP,OAAQ,0CACR,aAAc,2CACd,YAAa,IACb,gBAAiB,gDACjB,YAAa,oDACb,YAAa,4CACb,YACE,wEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,oDACZ,SAAU,CACR,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,+BAAgC,CAC9B,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,6CACV,CACD,OAAQ,CACN,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,2DACf,UAAW,2CACZ,CACD,uBAAwB,CACtB,YACE,6EACF,OAAQ,CACN,aACE,oFACH,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{combobox as e}from"../combobox/combobox.mjs";const t=e.merge({className:`autocomplete`,jsx:[`Autocomplete`],base:{"--combobox-background":`var(--autocomplete-background, {colors.neutral.background.1.enabled})`,"--combobox-border-width":`var(--autocomplete-border-width, {borders.100})`,"--combobox-border-style":`var(--autocomplete-border-style, solid)`,"--combobox-border-color":`var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-padding-inline":`var(--autocomplete-padding-inline, {spacing.200})`,"--combobox-padding-block":`var(--autocomplete-padding-block, {spacing.0})`,"--combobox-radii":`var(--autocomplete-radii, {radii.200})`,"--combobox-margin-top":`var(--autocomplete-margin-top, {spacing.200})`,"--combobox-options-gap":`var(--autocomplete-options-gap, {spacing.100})`,"--combobox-options-padding-block":`var(--autocomplete-options-padding-top, {spacing.0})`,"--combobox-option-font-family":`var(--autocomplete-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--autocomplete-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--autocomplete-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--autocomplete-option-padding-inline, {spacing.200})`,"--combobox-option-padding-block":`var(--autocomplete-option-padding-block, {spacing.100})`,"--combobox-option-radii":`var(--autocomplete-option-radii, {radii.100})`,"--combobox-option-background":`var(--autocomplete-option-background, transparent)`,"--combobox-option-color":`var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--autocomplete-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-active":`var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--autocomplete-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--autocomplete-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--autocomplete-empty-line-height, 1)`,"--combobox-empty-foreground":`var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--combobox-empty-padding-block":`var(--autocomplete-empty-padding-block, {spacing.300})`,"--combobox-empty-text-align":`var(--autocomplete-empty-text-align, center)`}});export{t as autocomplete};
|
|
1
|
+
import{combobox as e}from"../combobox/combobox.mjs";const t=e.merge({className:`autocomplete`,jsx:[`Autocomplete`],base:{"--combobox-background":`var(--autocomplete-background, {colors.neutral.background.1.enabled})`,"--combobox-border-width":`var(--autocomplete-border-width, {borders.100})`,"--combobox-border-style":`var(--autocomplete-border-style, solid)`,"--combobox-border-color":`var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-padding-inline":`var(--autocomplete-padding-inline, {spacing.200})`,"--combobox-padding-block":`var(--autocomplete-padding-block, {spacing.0})`,"--combobox-radii":`var(--autocomplete-radii, {radii.200})`,"--combobox-margin-top":`var(--autocomplete-margin-top, {spacing.200})`,"--combobox-options-gap":`var(--autocomplete-options-gap, {spacing.100})`,"--combobox-options-padding-block":`var(--autocomplete-options-padding-top, {spacing.0})`,"--combobox-option-gap":`var(--autocomplete-option-gap, {spacing.200})`,"--combobox-option-font-family":`var(--autocomplete-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--autocomplete-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--autocomplete-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--autocomplete-option-padding-inline, {spacing.200})`,"--combobox-option-padding-block":`var(--autocomplete-option-padding-block, {spacing.100})`,"--combobox-option-radii":`var(--autocomplete-option-radii, {radii.100})`,"--combobox-option-background":`var(--autocomplete-option-background, transparent)`,"--combobox-option-color":`var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--autocomplete-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-selected-hovered":`var(--autocomplete-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,"--combobox-option-color-selected-hovered":`var(--autocomplete-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`,"--combobox-option-background-active":`var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--autocomplete-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--autocomplete-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--autocomplete-empty-line-height, 1)`,"--combobox-empty-foreground":`var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--combobox-empty-padding-block":`var(--autocomplete-empty-padding-block, {spacing.300})`,"--combobox-empty-text-align":`var(--autocomplete-empty-text-align, center)`}});export{t as autocomplete};
|
|
2
2
|
//# sourceMappingURL=autocomplete.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { combobox } from '../combobox/combobox';\n\nexport const autocomplete = combobox.merge({\n className: 'autocomplete',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-background':\n 'var(--autocomplete-background, {colors.neutral.background.1.enabled})',\n\n '--combobox-border-width':\n 'var(--autocomplete-border-width, {borders.100})',\n '--combobox-border-style': 'var(--autocomplete-border-style, solid)',\n '--combobox-border-color':\n 'var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--combobox-padding-inline':\n 'var(--autocomplete-padding-inline, {spacing.200})',\n '--combobox-padding-block':\n 'var(--autocomplete-padding-block, {spacing.0})',\n\n '--combobox-radii': 'var(--autocomplete-radii, {radii.200})',\n\n '--combobox-margin-top': 'var(--autocomplete-margin-top, {spacing.200})',\n\n '--combobox-options-gap': 'var(--autocomplete-options-gap, {spacing.100})',\n '--combobox-options-padding-block':\n 'var(--autocomplete-options-padding-top, {spacing.0})',\n\n '--combobox-option-font-family':\n 'var(--autocomplete-option-font-family, {fonts.base})',\n '--combobox-option-font-size':\n 'var(--autocomplete-option-font-size, {fontSizes.300})',\n '--combobox-option-line-height':\n 'var(--autocomplete-option-line-height, {lineHeights.400})',\n\n '--combobox-option-padding-inline':\n 'var(--autocomplete-option-padding-inline, {spacing.200})',\n '--combobox-option-padding-block':\n 'var(--autocomplete-option-padding-block, {spacing.100})',\n\n '--combobox-option-radii': 'var(--autocomplete-option-radii, {radii.100})',\n\n '--combobox-option-background':\n 'var(--autocomplete-option-background, transparent)',\n '--combobox-option-color':\n 'var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--combobox-option-transition':\n 'var(--autocomplete-option-transition, {animations.base.100})',\n\n '--combobox-option-background-hover':\n 'var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})',\n '--combobox-option-color-hover':\n 'var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--combobox-option-background-selected':\n 'var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-selected':\n 'var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-option-background-active':\n 'var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-active':\n 'var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-empty-font-family':\n 'var(--autocomplete-empty-font-family, {fonts.base})',\n '--combobox-empty-font-size':\n 'var(--autocomplete-empty-font-size, {fontSizes.300})',\n '--combobox-empty-line-height': 'var(--autocomplete-empty-line-height, 1)',\n '--combobox-empty-foreground':\n 'var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--combobox-empty-padding-block':\n 'var(--autocomplete-empty-padding-block, {spacing.300})',\n '--combobox-empty-text-align':\n 'var(--autocomplete-empty-text-align, center)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAe,EAAS,MAAM,CACzC,UAAW,eACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,wBACE,wEAEF,0BACE,kDACF,0BAA2B,0CAC3B,0BACE,sEAEF,4BACE,oDACF,2BACE,iDAEF,mBAAoB,yCAEpB,wBAAyB,gDAEzB,yBAA0B,iDAC1B,mCACE,uDAEF,gCACE,uDACF,8BACE,wDACF,gCACE,4DAEF,mCACE,2DACF,kCACE,0DAEF,0BAA2B,gDAE3B,+BACE,qDACF,0BACE,0EAEF,+BACE,+DAEF,qCACE,qFACF,gCACE,gFAEF,wCACE,iGACF,mCACE,4FAEF,sCACE,+FACF,iCACE,0FAEF,+BACE,sDACF,6BACE,uDACF,+BAAgC,2CAChC,8BACE,8EACF,iCACE,yDACF,8BACE,+CACH,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { combobox } from '../combobox/combobox';\n\nexport const autocomplete = combobox.merge({\n className: 'autocomplete',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-background':\n 'var(--autocomplete-background, {colors.neutral.background.1.enabled})',\n\n '--combobox-border-width':\n 'var(--autocomplete-border-width, {borders.100})',\n '--combobox-border-style': 'var(--autocomplete-border-style, solid)',\n '--combobox-border-color':\n 'var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--combobox-padding-inline':\n 'var(--autocomplete-padding-inline, {spacing.200})',\n '--combobox-padding-block':\n 'var(--autocomplete-padding-block, {spacing.0})',\n\n '--combobox-radii': 'var(--autocomplete-radii, {radii.200})',\n\n '--combobox-margin-top': 'var(--autocomplete-margin-top, {spacing.200})',\n\n '--combobox-options-gap': 'var(--autocomplete-options-gap, {spacing.100})',\n '--combobox-options-padding-block':\n 'var(--autocomplete-options-padding-top, {spacing.0})',\n\n '--combobox-option-gap': 'var(--autocomplete-option-gap, {spacing.200})',\n '--combobox-option-font-family':\n 'var(--autocomplete-option-font-family, {fonts.base})',\n '--combobox-option-font-size':\n 'var(--autocomplete-option-font-size, {fontSizes.300})',\n '--combobox-option-line-height':\n 'var(--autocomplete-option-line-height, {lineHeights.400})',\n\n '--combobox-option-padding-inline':\n 'var(--autocomplete-option-padding-inline, {spacing.200})',\n '--combobox-option-padding-block':\n 'var(--autocomplete-option-padding-block, {spacing.100})',\n\n '--combobox-option-radii': 'var(--autocomplete-option-radii, {radii.100})',\n\n '--combobox-option-background':\n 'var(--autocomplete-option-background, transparent)',\n '--combobox-option-color':\n 'var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--combobox-option-transition':\n 'var(--autocomplete-option-transition, {animations.base.100})',\n\n '--combobox-option-background-hover':\n 'var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})',\n '--combobox-option-color-hover':\n 'var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--combobox-option-background-selected':\n 'var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-selected':\n 'var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-option-background-selected-hovered':\n 'var(--autocomplete-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n '--combobox-option-color-selected-hovered':\n 'var(--autocomplete-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n\n '--combobox-option-background-active':\n 'var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-active':\n 'var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-empty-font-family':\n 'var(--autocomplete-empty-font-family, {fonts.base})',\n '--combobox-empty-font-size':\n 'var(--autocomplete-empty-font-size, {fontSizes.300})',\n '--combobox-empty-line-height': 'var(--autocomplete-empty-line-height, 1)',\n '--combobox-empty-foreground':\n 'var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--combobox-empty-padding-block':\n 'var(--autocomplete-empty-padding-block, {spacing.300})',\n '--combobox-empty-text-align':\n 'var(--autocomplete-empty-text-align, center)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAe,EAAS,MAAM,CACzC,UAAW,eACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,wBACE,wEAEF,0BACE,kDACF,0BAA2B,0CAC3B,0BACE,sEAEF,4BACE,oDACF,2BACE,iDAEF,mBAAoB,yCAEpB,wBAAyB,gDAEzB,yBAA0B,iDAC1B,mCACE,uDAEF,wBAAyB,gDACzB,gCACE,uDACF,8BACE,wDACF,gCACE,4DAEF,mCACE,2DACF,kCACE,0DAEF,0BAA2B,gDAE3B,+BACE,qDACF,0BACE,0EAEF,+BACE,+DAEF,qCACE,qFACF,gCACE,gFAEF,wCACE,iGACF,mCACE,4FAEF,gDACE,gHACF,2CACE,2GAEF,sCACE,+FACF,iCACE,0FAEF,+BACE,sDACF,6BACE,uDACF,+BAAgC,2CAChC,8BACE,8EACF,iCACE,yDACF,8BACE,+CACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`combobox`,jsx:[`Combobox`],base:{"--dropdown-background":`var(--combobox-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--combobox-border-width, {borders.100})`,"--dropdown-border-style":`var(--combobox-border-style, solid)`,"--dropdown-border-color":`var(--combobox-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--combobox-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--combobox-padding-block, {spacing.200})`,"--dropdown-radii":`var(--combobox-radii, {radii.200})`,"--dropdown-margin-top":`var(--combobox-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--combobox-options-gap, {spacing.100})`,"--dropdown-options-padding-block":`var(--combobox-options-padding-top, {spacing.0})`,"--dropdown-option-font-family":`var(--combobox-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--combobox-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--combobox-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--combobox-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--combobox-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--combobox-option-radii, {radii.100})`,"--dropdown-option-background":`var(--combobox-option-background, transparent)`,"--dropdown-option-foreground":`var(--combobox-option-color, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--combobox-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-active":`var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--combobox-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--combobox-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--combobox-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--combobox-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--combobox-empty-text-align, center)`}});export{t as combobox};
|
|
1
|
+
import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`combobox`,jsx:[`Combobox`],base:{"--dropdown-background":`var(--combobox-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--combobox-border-width, {borders.100})`,"--dropdown-border-style":`var(--combobox-border-style, solid)`,"--dropdown-border-color":`var(--combobox-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--combobox-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--combobox-padding-block, {spacing.200})`,"--dropdown-radii":`var(--combobox-radii, {radii.200})`,"--dropdown-margin-top":`var(--combobox-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--combobox-options-gap, {spacing.100})`,"--dropdown-options-padding-block":`var(--combobox-options-padding-top, {spacing.0})`,"--dropdown-option-gap":`var(--combobox-option-gap, {spacing.200})`,"--dropdown-option-font-family":`var(--combobox-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--combobox-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--combobox-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--combobox-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--combobox-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--combobox-option-radii, {radii.100})`,"--dropdown-option-background":`var(--combobox-option-background, transparent)`,"--dropdown-option-foreground":`var(--combobox-option-color, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--combobox-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-selected-hovered":`var(--combobox-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,"--dropdown-option-foreground-selected-hovered":`var(--combobox-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`,"--dropdown-option-background-active":`var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--combobox-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--combobox-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--combobox-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--combobox-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--combobox-empty-text-align, center)`}});export{t as combobox};
|
|
2
2
|
//# sourceMappingURL=combobox.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const combobox = dropdown.merge({\n className: 'combobox',\n jsx: ['Combobox'],\n base: {\n '--dropdown-background':\n 'var(--combobox-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width': 'var(--combobox-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--combobox-border-style, solid)',\n '--dropdown-border-color':\n 'var(--combobox-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline':\n 'var(--combobox-padding-inline, {spacing.200})',\n '--dropdown-padding-block': 'var(--combobox-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--combobox-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--combobox-margin-top, {spacing.0})',\n\n '--dropdown-options-gap': 'var(--combobox-options-gap, {spacing.100})',\n '--dropdown-options-padding-block':\n 'var(--combobox-options-padding-top, {spacing.0})',\n\n '--dropdown-option-font-family':\n 'var(--combobox-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--combobox-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--combobox-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--combobox-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--combobox-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii': 'var(--combobox-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--combobox-option-background, transparent)',\n '--dropdown-option-foreground':\n 'var(--combobox-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--combobox-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-foreground-hover':\n 'var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-selected':\n 'var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-active':\n 'var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-active':\n 'var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--combobox-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--combobox-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height': 'var(--combobox-empty-line-height, 1)',\n '--dropdown-empty-foreground':\n 'var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--combobox-empty-padding-block, {spacing.300})',\n '--dropdown-empty-text-align': 'var(--combobox-empty-text-align, center)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAW,EAAS,MAAM,CACrC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,oEAEF,0BAA2B,8CAC3B,0BAA2B,sCAC3B,0BACE,kEAEF,4BACE,gDACF,2BAA4B,+CAE5B,mBAAoB,qCAEpB,wBAAyB,0CAEzB,yBAA0B,6CAC1B,mCACE,mDAEF,gCACE,mDACF,8BACE,oDACF,gCACE,wDAEF,mCACE,uDACF,kCACE,sDAEF,0BAA2B,4CAE3B,+BACE,iDACF,+BACE,sEAEF,+BACE,2DAEF,qCACE,iFACF,qCACE,4EAEF,wCACE,6FACF,wCACE,wFAEF,sCACE,2FACF,sCACE,sFAEF,+BACE,kDACF,6BACE,mDACF,+BAAgC,uCAChC,8BACE,0EACF,iCACE,qDACF,8BAA+B,2CAChC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"combobox.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const combobox = dropdown.merge({\n className: 'combobox',\n jsx: ['Combobox'],\n base: {\n '--dropdown-background':\n 'var(--combobox-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width': 'var(--combobox-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--combobox-border-style, solid)',\n '--dropdown-border-color':\n 'var(--combobox-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline':\n 'var(--combobox-padding-inline, {spacing.200})',\n '--dropdown-padding-block': 'var(--combobox-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--combobox-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--combobox-margin-top, {spacing.0})',\n\n '--dropdown-options-gap': 'var(--combobox-options-gap, {spacing.100})',\n '--dropdown-options-padding-block':\n 'var(--combobox-options-padding-top, {spacing.0})',\n\n '--dropdown-option-gap': 'var(--combobox-option-gap, {spacing.200})',\n '--dropdown-option-font-family':\n 'var(--combobox-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--combobox-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--combobox-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--combobox-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--combobox-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii': 'var(--combobox-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--combobox-option-background, transparent)',\n '--dropdown-option-foreground':\n 'var(--combobox-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--combobox-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-foreground-hover':\n 'var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-selected':\n 'var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-selected-hovered':\n 'var(--combobox-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n '--dropdown-option-foreground-selected-hovered':\n 'var(--combobox-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n\n '--dropdown-option-background-active':\n 'var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-active':\n 'var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--combobox-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--combobox-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height': 'var(--combobox-empty-line-height, 1)',\n '--dropdown-empty-foreground':\n 'var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--combobox-empty-padding-block, {spacing.300})',\n '--dropdown-empty-text-align': 'var(--combobox-empty-text-align, center)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAW,EAAS,MAAM,CACrC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,oEAEF,0BAA2B,8CAC3B,0BAA2B,sCAC3B,0BACE,kEAEF,4BACE,gDACF,2BAA4B,+CAE5B,mBAAoB,qCAEpB,wBAAyB,0CAEzB,yBAA0B,6CAC1B,mCACE,mDAEF,wBAAyB,4CACzB,gCACE,mDACF,8BACE,oDACF,gCACE,wDAEF,mCACE,uDACF,kCACE,sDAEF,0BAA2B,4CAE3B,+BACE,iDACF,+BACE,sEAEF,+BACE,2DAEF,qCACE,iFACF,qCACE,4EAEF,wCACE,6FACF,wCACE,wFAEF,gDACE,4GACF,gDACE,uGAEF,sCACE,2FACF,sCACE,sFAEF,+BACE,kDACF,6BACE,mDACF,+BAAgC,uCAChC,8BACE,0EACF,iCACE,qDACF,8BAA+B,2CAChC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__option`,jsx:[`Dropdown`],base:{fontFamily:`var(--dropdown-option-font-family, {fonts.base})`,fontSize:`var(--dropdown-option-font-size, {fontSizes.300})`,lineHeight:`var(--dropdown-option-line-height, {lineHeights.400})`,paddingInline:`var(--dropdown-option-padding-inline, {spacing.200})`,paddingBlock:`var(--dropdown-option-padding-block, {spacing.100})`,borderRadius:`var(--dropdown-option-radii, {radii.100})`,backgroundColor:`var(--dropdown-option-background, transparent)`,color:`var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})`,cursor:`pointer`,transition:`var(--dropdown-option-transition, {animations.base.100})`,_hover:{backgroundColor:`var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})`,color:`var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})`},
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__option`,jsx:[`Dropdown`],base:{display:`flex`,alignItems:`center`,gap:`var(--dropdown-option-gap, {spacing.200})`,fontFamily:`var(--dropdown-option-font-family, {fonts.base})`,fontSize:`var(--dropdown-option-font-size, {fontSizes.300})`,lineHeight:`var(--dropdown-option-line-height, {lineHeights.400})`,paddingInline:`var(--dropdown-option-padding-inline, {spacing.200})`,paddingBlock:`var(--dropdown-option-padding-block, {spacing.100})`,borderRadius:`var(--dropdown-option-radii, {radii.100})`,backgroundColor:`var(--dropdown-option-background, transparent)`,color:`var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})`,cursor:`pointer`,transition:`var(--dropdown-option-transition, {animations.base.100})`,_hover:{backgroundColor:`var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})`,color:`var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})`},_active:{backgroundColor:`var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`},"&[data-combobox-active]":{backgroundColor:`var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`},"&[data-combobox-active]:hover":{backgroundColor:`var(--dropdown-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--dropdown-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`}}});export{t as dropdownOption};
|
|
2
2
|
//# sourceMappingURL=dropdown-option.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-option.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-option.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownOption = defineRecipe({\n className: 'dropdown__option',\n jsx: ['Dropdown'],\n base: {\n fontFamily: 'var(--dropdown-option-font-family, {fonts.base})',\n fontSize: 'var(--dropdown-option-font-size, {fontSizes.300})',\n lineHeight: 'var(--dropdown-option-line-height, {lineHeights.400})',\n paddingInline: 'var(--dropdown-option-padding-inline, {spacing.200})',\n paddingBlock: 'var(--dropdown-option-padding-block, {spacing.100})',\n borderRadius: 'var(--dropdown-option-radii, {radii.100})',\n backgroundColor: 'var(--dropdown-option-background, transparent)',\n color:\n 'var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})',\n cursor: 'pointer',\n transition: 'var(--dropdown-option-transition, {animations.base.100})',\n\n _hover: {\n backgroundColor:\n 'var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})',\n color:\n 'var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n },\n\n
|
|
1
|
+
{"version":3,"file":"dropdown-option.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-option.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownOption = defineRecipe({\n className: 'dropdown__option',\n jsx: ['Dropdown'],\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--dropdown-option-gap, {spacing.200})',\n fontFamily: 'var(--dropdown-option-font-family, {fonts.base})',\n fontSize: 'var(--dropdown-option-font-size, {fontSizes.300})',\n lineHeight: 'var(--dropdown-option-line-height, {lineHeights.400})',\n paddingInline: 'var(--dropdown-option-padding-inline, {spacing.200})',\n paddingBlock: 'var(--dropdown-option-padding-block, {spacing.100})',\n borderRadius: 'var(--dropdown-option-radii, {radii.100})',\n backgroundColor: 'var(--dropdown-option-background, transparent)',\n color:\n 'var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})',\n cursor: 'pointer',\n transition: 'var(--dropdown-option-transition, {animations.base.100})',\n\n _hover: {\n backgroundColor:\n 'var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})',\n color:\n 'var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n },\n\n _active: {\n backgroundColor:\n 'var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})',\n color:\n 'var(--dropdown-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n },\n\n '&[data-combobox-active]': {\n backgroundColor:\n 'var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})',\n color:\n 'var(--dropdown-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n },\n\n '&[data-combobox-active]:hover': {\n backgroundColor:\n 'var(--dropdown-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--dropdown-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,4CACL,WAAY,mDACZ,SAAU,oDACV,WAAY,wDACZ,cAAe,uDACf,aAAc,sDACd,aAAc,4CACd,gBAAiB,iDACjB,MACE,2EACF,OAAQ,UACR,WAAY,2DAEZ,OAAQ,CACN,gBACE,iFACF,MACE,iFACH,CAED,QAAS,CACP,gBACE,2FACF,MACE,2FACH,CAED,0BAA2B,CACzB,gBACE,6FACF,MACE,6FACH,CAED,gCAAiC,CAC/B,gBACE,4GACF,MACE,4GACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,jsx:[`Dropdown`],base:{"--dropdown-background":`{colors.neutral.background.1.enabled}`,"--dropdown-border-width":`{borders.100}`,"--dropdown-border-style":`solid`,"--dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--dropdown-padding-inline":`{spacing.200}`,"--dropdown-padding-block":`{spacing.200}`,"--dropdown-padding-block-start":`{spacing.100}`,"--dropdown-padding-inline-start":`{spacing.200}`,"--dropdown-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--dropdown-options-padding-block-start":`{spacing.0}`,"--dropdown-options-padding-inline-start":`{spacing.0}`,"--dropdown-option-font-family":`{fonts.base}`,"--dropdown-option-font-size":`{fontSizes.300}`,"--dropdown-option-line-height":`{lineHeights.400}`,"--dropdown-option-padding-inline":`{spacing.200}`,"--dropdown-option-padding-block":`{spacing.100}`,"--dropdown-option-radii":`{radii.100}`,"--dropdown-option-background":`transparent`,"--dropdown-option-foreground":`{colors.neutral.foreground.1.enabled}`,"--dropdown-option-transition":`{animations.base.100}`,"--dropdown-option-background-hover":`{colors.neutral.background.2.hovered}`,"--dropdown-option-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--dropdown-option-background-selected":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-option-background-active":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-empty-font-family":`{fonts.base}`,"--dropdown-empty-font-size":`{fontSizes.300}`,"--dropdown-empty-line-height":`1`,"--dropdown-empty-foreground":`{colors.neutral.foreground.4.enabled}`,"--dropdown-empty-padding-block":`{spacing.300}`,"--dropdown-empty-text-align":`center`}});export{t as dropdown};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,jsx:[`Dropdown`],base:{"--dropdown-background":`{colors.neutral.background.1.enabled}`,"--dropdown-border-width":`{borders.100}`,"--dropdown-border-style":`solid`,"--dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--dropdown-padding-inline":`{spacing.200}`,"--dropdown-padding-block":`{spacing.200}`,"--dropdown-padding-block-start":`{spacing.100}`,"--dropdown-padding-inline-start":`{spacing.200}`,"--dropdown-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--dropdown-options-padding-block-start":`{spacing.0}`,"--dropdown-options-padding-inline-start":`{spacing.0}`,"--dropdown-option-gap":`{spacing.200}`,"--dropdown-option-font-family":`{fonts.base}`,"--dropdown-option-font-size":`{fontSizes.300}`,"--dropdown-option-line-height":`{lineHeights.400}`,"--dropdown-option-padding-inline":`{spacing.200}`,"--dropdown-option-padding-block":`{spacing.100}`,"--dropdown-option-radii":`{radii.100}`,"--dropdown-option-background":`transparent`,"--dropdown-option-foreground":`{colors.neutral.foreground.1.enabled}`,"--dropdown-option-transition":`{animations.base.100}`,"--dropdown-option-background-hover":`{colors.neutral.background.2.hovered}`,"--dropdown-option-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--dropdown-option-background-selected":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-option-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--dropdown-option-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--dropdown-option-background-active":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-empty-font-family":`{fonts.base}`,"--dropdown-empty-font-size":`{fontSizes.300}`,"--dropdown-empty-line-height":`1`,"--dropdown-empty-foreground":`{colors.neutral.foreground.4.enabled}`,"--dropdown-empty-padding-block":`{spacing.300}`,"--dropdown-empty-text-align":`center`}});export{t as dropdown};
|
|
2
2
|
//# sourceMappingURL=dropdown.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n jsx: ['Dropdown'],\n base: {\n /* root */\n '--dropdown-background': '{colors.neutral.background.1.enabled}',\n '--dropdown-border-width': '{borders.100}',\n '--dropdown-border-style': 'solid',\n '--dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--dropdown-padding-inline': '{spacing.200}',\n '--dropdown-padding-block': '{spacing.200}',\n '--dropdown-padding-block-start': '{spacing.100}',\n '--dropdown-padding-inline-start': '{spacing.200}',\n '--dropdown-radii': '{radii.200}',\n '--dropdown-margin-top': '{spacing.0}',\n\n /* options */\n '--dropdown-options-gap': '{spacing.100}',\n '--dropdown-options-padding-block-start': '{spacing.0}',\n '--dropdown-options-padding-inline-start': '{spacing.0}',\n\n /* option */\n '--dropdown-option-font-family': '{fonts.base}',\n '--dropdown-option-font-size': '{fontSizes.300}',\n '--dropdown-option-line-height': '{lineHeights.400}',\n '--dropdown-option-padding-inline': '{spacing.200}',\n '--dropdown-option-padding-block': '{spacing.100}',\n '--dropdown-option-radii': '{radii.100}',\n '--dropdown-option-background': 'transparent',\n '--dropdown-option-foreground': '{colors.neutral.foreground.1.enabled}',\n '--dropdown-option-transition': '{animations.base.100}',\n '--dropdown-option-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--dropdown-option-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--dropdown-option-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--dropdown-option-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n\n /* empty */\n '--dropdown-empty-font-family': '{fonts.base}',\n '--dropdown-empty-font-size': '{fontSizes.300}',\n '--dropdown-empty-line-height': '1',\n '--dropdown-empty-foreground': '{colors.neutral.foreground.4.enabled}',\n '--dropdown-empty-padding-block': '{spacing.300}',\n '--dropdown-empty-text-align': 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,wCACzB,0BAA2B,gBAC3B,0BAA2B,QAC3B,0BAA2B,oCAC3B,4BAA6B,gBAC7B,2BAA4B,gBAC5B,iCAAkC,gBAClC,kCAAmC,gBACnC,mBAAoB,cACpB,wBAAyB,cAGzB,yBAA0B,gBAC1B,yCAA0C,cAC1C,0CAA2C,cAG3C,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,oBACjC,mCAAoC,gBACpC,kCAAmC,gBACnC,0BAA2B,cAC3B,+BAAgC,cAChC,+BAAgC,wCAChC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,iDACF,wCACE,iDACF,sCACE,iDACF,sCACE,iDAGF,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,IAChC,8BAA+B,wCAC/B,iCAAkC,gBAClC,8BAA+B,SAChC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n jsx: ['Dropdown'],\n base: {\n /* root */\n '--dropdown-background': '{colors.neutral.background.1.enabled}',\n '--dropdown-border-width': '{borders.100}',\n '--dropdown-border-style': 'solid',\n '--dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--dropdown-padding-inline': '{spacing.200}',\n '--dropdown-padding-block': '{spacing.200}',\n '--dropdown-padding-block-start': '{spacing.100}',\n '--dropdown-padding-inline-start': '{spacing.200}',\n '--dropdown-radii': '{radii.200}',\n '--dropdown-margin-top': '{spacing.0}',\n\n /* options */\n '--dropdown-options-gap': '{spacing.100}',\n '--dropdown-options-padding-block-start': '{spacing.0}',\n '--dropdown-options-padding-inline-start': '{spacing.0}',\n\n /* option */\n '--dropdown-option-gap': '{spacing.200}',\n '--dropdown-option-font-family': '{fonts.base}',\n '--dropdown-option-font-size': '{fontSizes.300}',\n '--dropdown-option-line-height': '{lineHeights.400}',\n '--dropdown-option-padding-inline': '{spacing.200}',\n '--dropdown-option-padding-block': '{spacing.100}',\n '--dropdown-option-radii': '{radii.100}',\n '--dropdown-option-background': 'transparent',\n '--dropdown-option-foreground': '{colors.neutral.foreground.1.enabled}',\n '--dropdown-option-transition': '{animations.base.100}',\n '--dropdown-option-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--dropdown-option-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--dropdown-option-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--dropdown-option-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--dropdown-option-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--dropdown-option-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n\n /* empty */\n '--dropdown-empty-font-family': '{fonts.base}',\n '--dropdown-empty-font-size': '{fontSizes.300}',\n '--dropdown-empty-line-height': '1',\n '--dropdown-empty-foreground': '{colors.neutral.foreground.4.enabled}',\n '--dropdown-empty-padding-block': '{spacing.300}',\n '--dropdown-empty-text-align': 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,wCACzB,0BAA2B,gBAC3B,0BAA2B,QAC3B,0BAA2B,oCAC3B,4BAA6B,gBAC7B,2BAA4B,gBAC5B,iCAAkC,gBAClC,kCAAmC,gBACnC,mBAAoB,cACpB,wBAAyB,cAGzB,yBAA0B,gBAC1B,yCAA0C,cAC1C,0CAA2C,cAG3C,wBAAyB,gBACzB,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,oBACjC,mCAAoC,gBACpC,kCAAmC,gBACnC,0BAA2B,cAC3B,+BAAgC,cAChC,+BAAgC,wCAChC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,iDACF,wCACE,iDACF,gDACE,wDACF,gDACE,wDACF,sCACE,iDACF,sCACE,iDAGF,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,IAChC,8BAA+B,wCAC/B,iCAAkC,gBAClC,8BAA+B,SAChC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`select`,jsx:[`Select`],base:{"--dropdown-background":`var(--select-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--select-border-width, {borders.100})`,"--dropdown-border-style":`var(--select-border-style, solid)`,"--dropdown-border-color":`var(--select-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--select-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--select-padding-block, {spacing.200})`,"--dropdown-radii":`var(--select-radii, {radii.200})`,"--dropdown-margin-top":`var(--select-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--select-options-gap, {spacing.100})`,"--dropdown-options-padding-block-start":`var(--select-options-padding-block-start, {spacing.0})`,"--dropdown-options-padding-inline-start":`var(--select-options-padding-inline-start, {spacing.0})`,"--select-searchable-options-padding-block-start":`{spacing.100}`,"--select-searchable-options-padding-inline-start":`{spacing.200}`,"--dropdown-option-font-family":`var(--select-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--select-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--select-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--select-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--select-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--select-option-radii, {radii.100})`,"--dropdown-option-background":`var(--select-option-background, transparent)`,"--dropdown-option-foreground":`var(--select-option-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--select-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--select-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-active":`var(--select-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--select-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--select-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--select-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--select-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--select-empty-text-align, center)`,"--select-search-wrapper-height":`{sizes.700}`,"--select-search-wrapper-padding-block":`{spacing.200}`,"--select-search-wrapper-padding-inline":`{spacing.200}`,"--select-search-wrapper-margin-block":`{spacing.0}`,"--select-search-wrapper-margin-top":`{spacing.0}`,"--select-search-wrapper-margin-inline-start":`{spacing.0}`,"--select-search-wrapper-margin-inline-end":`{spacing.0}`,"--select-search-wrapper-radius":`{radii.0}`,"--select-search-wrapper-border-width":`{borders.0}`,"--select-search-wrapper-border-style":`solid`,"--select-search-wrapper-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-wrapper-background":`{colors.neutral.background.1.enabled}`,"--select-search-wrapper-foreground":`{colors.neutral.foreground.1.enabled}`,"--select-search-wrapper-transition":`{animations.base.100}`,"--select-search-wrapper-position":`sticky`,"--select-search-wrapper-inset":`0`,"--select-search-input-font-family":`{fonts.base}`,"--select-search-input-font-size":`{fontSizes.300}`,"--select-search-input-font-weight":`{fontWeights.regular}`,"--select-search-input-line-height":`inherit`,"--select-search-input-text-align":`left`,"--select-search-input-background":`transparent`,"--select-search-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--select-search-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--select-search-input-border-width":`{borders.150}`,"--select-search-input-border-style":`solid`,"--select-search-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-input-radii":`{radii.200}`,"--select-search-input-height":`{sizes.500}`,"--select-search-input-padding-inline-start":`{spacing.100}`,"--select-search-input-padding-inline-end":`{spacing.100}`,"--select-search-input-transition":`{animations.base.100}`,"--select-search-input-hover-background":`transparent`,"--select-search-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--select-search-input-focus-outline-width":`{borders.150}`,"--select-search-input-focus-outline-style":`solid`,"--select-search-input-focus-outline-offset":`{spacing.50}`,"--select-search-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--select-search-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-focus-shadow":`none`,"--select-search-section-width":`{sizes.300}`,"--select-search-section-foreground":`{colors.neutral.foreground.3.enabled}`}});export{t as select};
|
|
1
|
+
import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`select`,jsx:[`Select`],base:{"--dropdown-background":`var(--select-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--select-border-width, {borders.100})`,"--dropdown-border-style":`var(--select-border-style, solid)`,"--dropdown-border-color":`var(--select-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--select-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--select-padding-block, {spacing.200})`,"--dropdown-radii":`var(--select-radii, {radii.200})`,"--dropdown-margin-top":`var(--select-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--select-options-gap, {spacing.100})`,"--dropdown-options-padding-block-start":`var(--select-options-padding-block-start, {spacing.0})`,"--dropdown-options-padding-inline-start":`var(--select-options-padding-inline-start, {spacing.0})`,"--select-searchable-options-padding-block-start":`{spacing.100}`,"--select-searchable-options-padding-inline-start":`{spacing.200}`,"--dropdown-option-gap":`var(--select-option-gap, {spacing.200})`,"--dropdown-option-font-family":`var(--select-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--select-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--select-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--select-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--select-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--select-option-radii, {radii.100})`,"--dropdown-option-background":`var(--select-option-background, transparent)`,"--dropdown-option-foreground":`var(--select-option-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--select-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--select-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-selected-hovered":`var(--select-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,"--dropdown-option-foreground-selected-hovered":`var(--select-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`,"--dropdown-option-background-active":`var(--select-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--select-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--select-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--select-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--select-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--select-empty-text-align, center)`,"--select-search-wrapper-height":`{sizes.700}`,"--select-search-wrapper-padding-block":`{spacing.200}`,"--select-search-wrapper-padding-inline":`{spacing.200}`,"--select-search-wrapper-margin-block":`{spacing.0}`,"--select-search-wrapper-margin-top":`{spacing.0}`,"--select-search-wrapper-margin-inline-start":`{spacing.0}`,"--select-search-wrapper-margin-inline-end":`{spacing.0}`,"--select-search-wrapper-radius":`{radii.0}`,"--select-search-wrapper-border-width":`{borders.0}`,"--select-search-wrapper-border-style":`solid`,"--select-search-wrapper-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-wrapper-background":`{colors.neutral.background.1.enabled}`,"--select-search-wrapper-foreground":`{colors.neutral.foreground.1.enabled}`,"--select-search-wrapper-transition":`{animations.base.100}`,"--select-search-wrapper-position":`sticky`,"--select-search-wrapper-inset":`0`,"--select-search-input-font-family":`{fonts.base}`,"--select-search-input-font-size":`{fontSizes.300}`,"--select-search-input-font-weight":`{fontWeights.regular}`,"--select-search-input-line-height":`inherit`,"--select-search-input-text-align":`left`,"--select-search-input-background":`transparent`,"--select-search-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--select-search-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--select-search-input-border-width":`{borders.150}`,"--select-search-input-border-style":`solid`,"--select-search-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-input-radii":`{radii.200}`,"--select-search-input-height":`{sizes.500}`,"--select-search-input-padding-inline-start":`{spacing.100}`,"--select-search-input-padding-inline-end":`{spacing.100}`,"--select-search-input-transition":`{animations.base.100}`,"--select-search-input-hover-background":`transparent`,"--select-search-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--select-search-input-focus-outline-width":`{borders.150}`,"--select-search-input-focus-outline-style":`solid`,"--select-search-input-focus-outline-offset":`{spacing.50}`,"--select-search-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--select-search-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-focus-shadow":`none`,"--select-search-section-width":`{sizes.300}`,"--select-search-section-foreground":`{colors.neutral.foreground.3.enabled}`}});export{t as select};
|
|
2
2
|
//# sourceMappingURL=select.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const select = dropdown.merge({\n className: 'select',\n jsx: ['Select'],\n base: {\n '--dropdown-background':\n 'var(--select-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--select-border-style, solid)',\n '--dropdown-border-color':\n 'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n '--dropdown-options-padding-block-start':\n 'var(--select-options-padding-block-start, {spacing.0})',\n '--dropdown-options-padding-inline-start':\n 'var(--select-options-padding-inline-start, {spacing.0})',\n\n '--select-searchable-options-padding-block-start': '{spacing.100}',\n '--select-searchable-options-padding-inline-start': '{spacing.200}',\n\n '--dropdown-option-font-family':\n 'var(--select-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--select-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--select-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--select-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--select-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--select-option-background, transparent)',\n '--dropdown-option-foreground':\n 'var(--select-option-foreground, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--select-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-foreground-hover':\n 'var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-selected':\n 'var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-active':\n 'var(--select-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-active':\n 'var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--select-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--select-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n '--dropdown-empty-foreground':\n 'var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--select-empty-padding-block, {spacing.300})',\n '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n /* search wrapper */\n '--select-search-wrapper-height': '{sizes.700}',\n '--select-search-wrapper-padding-block': '{spacing.200}',\n '--select-search-wrapper-padding-inline': '{spacing.200}',\n '--select-search-wrapper-margin-block': '{spacing.0}',\n '--select-search-wrapper-margin-top': '{spacing.0}',\n '--select-search-wrapper-margin-inline-start': '{spacing.0}',\n '--select-search-wrapper-margin-inline-end': '{spacing.0}',\n '--select-search-wrapper-radius': '{radii.0}',\n '--select-search-wrapper-border-width': '{borders.0}',\n '--select-search-wrapper-border-style': 'solid',\n '--select-search-wrapper-border-color': '{colors.neutral.stroke.7.enabled}',\n '--select-search-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--select-search-wrapper-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--select-search-wrapper-transition': '{animations.base.100}',\n '--select-search-wrapper-position': 'sticky',\n '--select-search-wrapper-inset': '0',\n\n /* search input */\n '--select-search-input-font-family': '{fonts.base}',\n '--select-search-input-font-size': '{fontSizes.300}',\n '--select-search-input-font-weight': '{fontWeights.regular}',\n '--select-search-input-line-height': 'inherit',\n '--select-search-input-text-align': 'left',\n '--select-search-input-background': 'transparent',\n '--select-search-input-foreground': '{colors.neutral.foreground.2.enabled}',\n '--select-search-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--select-search-input-border-width': '{borders.150}',\n '--select-search-input-border-style': 'solid',\n '--select-search-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--select-search-input-radii': '{radii.200}',\n '--select-search-input-height': '{sizes.500}',\n '--select-search-input-padding-inline-start': '{spacing.100}',\n '--select-search-input-padding-inline-end': '{spacing.100}',\n '--select-search-input-transition': '{animations.base.100}',\n '--select-search-input-hover-background': 'transparent',\n '--select-search-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--select-search-input-hover-foreground':\n '{colors.neutral.foreground.2.hovered}',\n '--select-search-input-focus-outline-width': '{borders.150}',\n '--select-search-input-focus-outline-style': 'solid',\n '--select-search-input-focus-outline-offset': '{spacing.50}',\n '--select-search-input-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--select-search-input-focus-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--select-search-input-focus-shadow': 'none',\n\n '--select-search-section-width': '{sizes.300}',\n '--select-search-section-foreground':\n '{colors.neutral.foreground.3.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAC1B,yCACE,yDACF,0CACE,0DAEF,kDAAmD,gBACnD,mDAAoD,gBAEpD,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,+BACE,yEAEF,+BACE,yDAEF,qCACE,+EACF,qCACE,+EAEF,wCACE,2FACF,wCACE,2FAEF,sCACE,yFACF,sCACE,yFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,8BACE,wEACF,iCACE,mDACF,8BAA+B,yCAG/B,iCAAkC,cAClC,wCAAyC,gBACzC,yCAA0C,gBAC1C,uCAAwC,cACxC,qCAAsC,cACtC,8CAA+C,cAC/C,4CAA6C,cAC7C,iCAAkC,YAClC,uCAAwC,cACxC,uCAAwC,QACxC,uCAAwC,oCACxC,qCACE,wCACF,qCACE,wCACF,qCAAsC,wBACtC,mCAAoC,SACpC,gCAAiC,IAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,wBACrC,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,cACpC,mCAAoC,wCACpC,+CACE,wCACF,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,8BAA+B,cAC/B,+BAAgC,cAChC,6CAA8C,gBAC9C,2CAA4C,gBAC5C,mCAAoC,wBACpC,yCAA0C,cAC1C,2CACE,oCACF,yCACE,wCACF,4CAA6C,gBAC7C,4CAA6C,QAC7C,6CAA8C,eAC9C,4CACE,oCACF,2CACE,oCACF,qCAAsC,OAEtC,gCAAiC,cACjC,qCACE,wCACH,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"select.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const select = dropdown.merge({\n className: 'select',\n jsx: ['Select'],\n base: {\n '--dropdown-background':\n 'var(--select-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--select-border-style, solid)',\n '--dropdown-border-color':\n 'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n '--dropdown-options-padding-block-start':\n 'var(--select-options-padding-block-start, {spacing.0})',\n '--dropdown-options-padding-inline-start':\n 'var(--select-options-padding-inline-start, {spacing.0})',\n\n '--select-searchable-options-padding-block-start': '{spacing.100}',\n '--select-searchable-options-padding-inline-start': '{spacing.200}',\n\n '--dropdown-option-gap': 'var(--select-option-gap, {spacing.200})',\n '--dropdown-option-font-family':\n 'var(--select-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--select-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--select-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--select-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--select-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--select-option-background, transparent)',\n '--dropdown-option-foreground':\n 'var(--select-option-foreground, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--select-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-foreground-hover':\n 'var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-selected':\n 'var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-selected-hovered':\n 'var(--select-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n '--dropdown-option-foreground-selected-hovered':\n 'var(--select-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n\n '--dropdown-option-background-active':\n 'var(--select-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-active':\n 'var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--select-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--select-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n '--dropdown-empty-foreground':\n 'var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--select-empty-padding-block, {spacing.300})',\n '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n /* search wrapper */\n '--select-search-wrapper-height': '{sizes.700}',\n '--select-search-wrapper-padding-block': '{spacing.200}',\n '--select-search-wrapper-padding-inline': '{spacing.200}',\n '--select-search-wrapper-margin-block': '{spacing.0}',\n '--select-search-wrapper-margin-top': '{spacing.0}',\n '--select-search-wrapper-margin-inline-start': '{spacing.0}',\n '--select-search-wrapper-margin-inline-end': '{spacing.0}',\n '--select-search-wrapper-radius': '{radii.0}',\n '--select-search-wrapper-border-width': '{borders.0}',\n '--select-search-wrapper-border-style': 'solid',\n '--select-search-wrapper-border-color': '{colors.neutral.stroke.7.enabled}',\n '--select-search-wrapper-background':\n '{colors.neutral.background.1.enabled}',\n '--select-search-wrapper-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--select-search-wrapper-transition': '{animations.base.100}',\n '--select-search-wrapper-position': 'sticky',\n '--select-search-wrapper-inset': '0',\n\n /* search input */\n '--select-search-input-font-family': '{fonts.base}',\n '--select-search-input-font-size': '{fontSizes.300}',\n '--select-search-input-font-weight': '{fontWeights.regular}',\n '--select-search-input-line-height': 'inherit',\n '--select-search-input-text-align': 'left',\n '--select-search-input-background': 'transparent',\n '--select-search-input-foreground': '{colors.neutral.foreground.2.enabled}',\n '--select-search-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--select-search-input-border-width': '{borders.150}',\n '--select-search-input-border-style': 'solid',\n '--select-search-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--select-search-input-radii': '{radii.200}',\n '--select-search-input-height': '{sizes.500}',\n '--select-search-input-padding-inline-start': '{spacing.100}',\n '--select-search-input-padding-inline-end': '{spacing.100}',\n '--select-search-input-transition': '{animations.base.100}',\n '--select-search-input-hover-background': 'transparent',\n '--select-search-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--select-search-input-hover-foreground':\n '{colors.neutral.foreground.2.hovered}',\n '--select-search-input-focus-outline-width': '{borders.150}',\n '--select-search-input-focus-outline-style': 'solid',\n '--select-search-input-focus-outline-offset': '{spacing.50}',\n '--select-search-input-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--select-search-input-focus-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--select-search-input-focus-shadow': 'none',\n\n '--select-search-section-width': '{sizes.300}',\n '--select-search-section-foreground':\n '{colors.neutral.foreground.3.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAC1B,yCACE,yDACF,0CACE,0DAEF,kDAAmD,gBACnD,mDAAoD,gBAEpD,wBAAyB,0CACzB,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,+BACE,yEAEF,+BACE,yDAEF,qCACE,+EACF,qCACE,+EAEF,wCACE,2FACF,wCACE,2FAEF,gDACE,0GACF,gDACE,0GAEF,sCACE,yFACF,sCACE,yFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,8BACE,wEACF,iCACE,mDACF,8BAA+B,yCAG/B,iCAAkC,cAClC,wCAAyC,gBACzC,yCAA0C,gBAC1C,uCAAwC,cACxC,qCAAsC,cACtC,8CAA+C,cAC/C,4CAA6C,cAC7C,iCAAkC,YAClC,uCAAwC,cACxC,uCAAwC,QACxC,uCAAwC,oCACxC,qCACE,wCACF,qCACE,wCACF,qCAAsC,wBACtC,mCAAoC,SACpC,gCAAiC,IAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,wBACrC,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,cACpC,mCAAoC,wCACpC,+CACE,wCACF,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,8BAA+B,cAC/B,+BAAgC,cAChC,6CAA8C,gBAC9C,2CAA4C,gBAC5C,mCAAoC,wBACpC,yCAA0C,cAC1C,2CACE,oCACF,yCACE,wCACF,4CAA6C,gBAC7C,4CAA6C,QAC7C,6CAA8C,eAC9C,4CACE,oCACF,2CACE,oCACF,qCAAsC,OAEtC,gCAAiC,cACjC,qCACE,wCACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-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-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.background.1.enabled}/50`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-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-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.background.1.enabled/50}`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
|
|
2
2
|
//# sourceMappingURL=calendar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendar = defineRecipe({\n className: 'calendar',\n jsx: ['Calendar'],\n base: {\n // general\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': '{colors.neutral.background.2.enabled}',\n '--calendar-header-padding-inline': '{spacing.200}',\n '--calendar-header-padding-block': '{spacing.200}',\n '--calendar-header-font-family': '{fonts.base}',\n '--calendar-header-font-weight': '{fontWeights.semibold}',\n '--calendar-header-font-size': '{fontSizes.100}',\n '--calendar-header-foreground': '{colors.neutral.foreground.2.enabled}',\n '--calendar-header-text-transform': 'uppercase',\n '--calendar-button-link-font-family': '{fonts.base}',\n '--calendar-button-link-font-size': '{fontSizes.200}',\n '--calendar-button-link-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 // 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 // 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\n ':root:has(&)': {\n // popup\n '--calendar-month-overlay-border-width': '{borders.100}',\n '--calendar-month-overlay-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-background':\n '{colors.neutral.background.2.enabled}',\n '--calendar-month-overlay-padding': '{spacing.200}',\n '--calendar-month-overlay-header-border-width': '{borders.100}',\n '--calendar-month-overlay-header-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-header-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-month-overlay-header-font-weight': '{fontWeights.medium}',\n '--calendar-month-overlay-header-font-size': '{fontSizes.300}',\n '--calendar-month-overlay-header-font-family': '{fonts.base}',\n '--calendar-month-overlay-gap': '{spacing.100}',\n '--calendar-month-overlay-header-margin-bottom': '{spacing.150}',\n '--calendar-month-overlay-max-width': '18.75rem',\n '--calendar-month-overlay-box-shadow':\n '0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)',\n '--calendar-month-overlay-child-gap': '{spacing.0}',\n\n //event\n '--calendar-event-padding-block': '{spacing.100}',\n '--calendar-event-padding-inline': '{spacing.200}',\n '--calendar-event-background': '{colors.primary.background.1.enabled}',\n '--calendar-event-border-width': '{borders.100}',\n '--calendar-event-border-color':\n '{colors.primary.background.1.enabled}/50',\n '--calendar-event-border-radius': '{radii.200}',\n '--calendar-event-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-font-family': '{fonts.base}',\n '--calendar-event-font-weight': '{fontWeights.medium}',\n '--calendar-event-font-weight-strong': '{fontWeights.bold}',\n '--calendar-event-font-size': '{fontSizes.100}',\n '--calendar-event-line-height': '1.2',\n '--calendar-event-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-focus-outline-width': '{borders.100}',\n '--calendar-event-focus-outline-style': 'solid',\n '--calendar-event-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-event-focus-outline-offset': '0',\n '--calendar-event-transition': '{animations.base.100}',\n '--calendar-event-overlaps-box-shadow':\n '-1px 1px 5px 0px rgba(51, 51, 51, 0.5)',\n\n //event variants\n '--calendar-event-meet-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-event-meet-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled/30}',\n '--calendar-event-meet-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-meet-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n\n '--calendar-event-task-background':\n '{colors.success.background.1.enabled}',\n '--calendar-event-task-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-foreground-strong':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-border-color':\n '{colors.success.foreground.onSuccess.2.enabled/30}',\n '--calendar-event-task-background-selected':\n '{colors.success.background.1.selected}',\n '--calendar-event-task-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n // agenda empty\n '--calendar-agenda-empty-padding-block': '{spacing.750}',\n '--calendar-agenda-empty-padding-inline': '{spacing.750}',\n '--calendar-agenda-empty-font-family': '{fonts.base}',\n '--calendar-agenda-empty-font-size': '{fontSizes.400}',\n '--calendar-agenda-empty-font-weight': '{fontWeights.regular}',\n '--calendar-agenda-empty-foreground':\n '{colors.neutral.foreground.2.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,+BAAgC,MAChC,kCAAmC,wCACnC,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,2GACF,qCAAsC,cAGtC,iCAAkC,gBAClC,kCAAmC,gBACnC,8BAA+B,wCAC/B,gCAAiC,gBACjC,gCACE,2CACF,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,yCAGF,mCACE,wCACF,mCACE,kDACF,0CACE,kDACF,qCACE,qDACF,4CACE,yCACF,4CACE,oCAEF,mCACE,wCACF,mCACE,kDACF,0CACE,kDACF,qCACE,qDACF,4CACE,yCACF,4CACE,oCACH,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\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': '{colors.neutral.background.2.enabled}',\n '--calendar-header-padding-inline': '{spacing.200}',\n '--calendar-header-padding-block': '{spacing.200}',\n '--calendar-header-font-family': '{fonts.base}',\n '--calendar-header-font-weight': '{fontWeights.semibold}',\n '--calendar-header-font-size': '{fontSizes.100}',\n '--calendar-header-foreground': '{colors.neutral.foreground.2.enabled}',\n '--calendar-header-text-transform': 'uppercase',\n '--calendar-button-link-font-family': '{fonts.base}',\n '--calendar-button-link-font-size': '{fontSizes.200}',\n '--calendar-button-link-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 // 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 // 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\n ':root:has(&)': {\n // popup\n '--calendar-month-overlay-border-width': '{borders.100}',\n '--calendar-month-overlay-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-background':\n '{colors.neutral.background.2.enabled}',\n '--calendar-month-overlay-padding': '{spacing.200}',\n '--calendar-month-overlay-header-border-width': '{borders.100}',\n '--calendar-month-overlay-header-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-header-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-month-overlay-header-font-weight': '{fontWeights.medium}',\n '--calendar-month-overlay-header-font-size': '{fontSizes.300}',\n '--calendar-month-overlay-header-font-family': '{fonts.base}',\n '--calendar-month-overlay-gap': '{spacing.100}',\n '--calendar-month-overlay-header-margin-bottom': '{spacing.150}',\n '--calendar-month-overlay-max-width': '18.75rem',\n '--calendar-month-overlay-box-shadow':\n '0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)',\n '--calendar-month-overlay-child-gap': '{spacing.0}',\n\n //event\n '--calendar-event-padding-block': '{spacing.100}',\n '--calendar-event-padding-inline': '{spacing.200}',\n '--calendar-event-background': '{colors.primary.background.1.enabled}',\n '--calendar-event-border-width': '{borders.100}',\n '--calendar-event-border-color':\n '{colors.primary.background.1.enabled/50}',\n '--calendar-event-border-radius': '{radii.200}',\n '--calendar-event-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-font-family': '{fonts.base}',\n '--calendar-event-font-weight': '{fontWeights.medium}',\n '--calendar-event-font-weight-strong': '{fontWeights.bold}',\n '--calendar-event-font-size': '{fontSizes.100}',\n '--calendar-event-line-height': '1.2',\n '--calendar-event-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-focus-outline-width': '{borders.100}',\n '--calendar-event-focus-outline-style': 'solid',\n '--calendar-event-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-event-focus-outline-offset': '0',\n '--calendar-event-transition': '{animations.base.100}',\n '--calendar-event-overlaps-box-shadow':\n '-1px 1px 5px 0px rgba(51, 51, 51, 0.5)',\n\n //event variants\n '--calendar-event-meet-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-event-meet-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled/30}',\n '--calendar-event-meet-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-meet-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n\n '--calendar-event-task-background':\n '{colors.success.background.1.enabled}',\n '--calendar-event-task-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-foreground-strong':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-border-color':\n '{colors.success.foreground.onSuccess.2.enabled/30}',\n '--calendar-event-task-background-selected':\n '{colors.success.background.1.selected}',\n '--calendar-event-task-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n // agenda empty\n '--calendar-agenda-empty-padding-block': '{spacing.750}',\n '--calendar-agenda-empty-padding-inline': '{spacing.750}',\n '--calendar-agenda-empty-font-family': '{fonts.base}',\n '--calendar-agenda-empty-font-size': '{fontSizes.400}',\n '--calendar-agenda-empty-font-weight': '{fontWeights.regular}',\n '--calendar-agenda-empty-foreground':\n '{colors.neutral.foreground.2.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,+BAAgC,MAChC,kCAAmC,wCACnC,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,2GACF,qCAAsC,cAGtC,iCAAkC,gBAClC,kCAAmC,gBACnC,8BAA+B,wCAC/B,gCAAiC,gBACjC,gCACE,2CACF,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,yCAGF,mCACE,wCACF,mCACE,kDACF,0CACE,kDACF,qCACE,qDACF,4CACE,yCACF,4CACE,oCAEF,mCACE,wCACF,mCACE,kDACF,0CACE,kDACF,qCACE,qDACF,4CACE,yCACF,4CACE,oCACH,CAED,wCAAyC,gBACzC,yCAA0C,gBAC1C,sCAAuC,eACvC,oCAAqC,kBACrC,sCAAuC,wBACvC,qCACE,wCACH,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__bulk-bar`,jsx:[`StatelessDataTable`],base:{position:`absolute`,bottom:`{spacing.400}`,left:`50%`,transform:`translateX(-50%)`,zIndex:10,display:`flex`,alignItems:`center`,gap:`{spacing.300}`,paddingBlock:`{spacing.200}`,paddingInline:`{spacing.400}`,backgroundColor:`{colors.neutral.background.1.enabled}`,borderRadius:`{radii.pill}`,fontSize:`{fontSizes.300}`,color:`{colors.neutral.foreground.1.enabled}`,boxShadow:`0 4px 16px {colors.neutral.background.4.enabled}`,border:`1px solid {colors.neutral.border.1.enabled}`,whiteSpace:`nowrap`}});export{t as dataTableBulkBar};
|
|
2
|
+
//# sourceMappingURL=data-table-bulk-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-bulk-bar.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-bulk-bar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableBulkBar = defineRecipe({\n className: 'data-table__bulk-bar',\n jsx: ['StatelessDataTable'],\n base: {\n position: 'absolute',\n bottom: '{spacing.400}',\n left: '50%',\n transform: 'translateX(-50%)',\n zIndex: 10,\n display: 'flex',\n alignItems: 'center',\n gap: '{spacing.300}',\n paddingBlock: '{spacing.200}',\n paddingInline: '{spacing.400}',\n backgroundColor: '{colors.neutral.background.1.enabled}',\n borderRadius: '{radii.pill}',\n fontSize: '{fontSizes.300}',\n color: '{colors.neutral.foreground.1.enabled}',\n boxShadow: '0 4px 16px {colors.neutral.background.4.enabled}',\n border: '1px solid {colors.neutral.border.1.enabled}',\n whiteSpace: 'nowrap',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,SAAU,WACV,OAAQ,gBACR,KAAM,MACN,UAAW,mBACX,OAAQ,GACR,QAAS,OACT,WAAY,SACZ,IAAK,gBACL,aAAc,gBACd,cAAe,gBACf,gBAAiB,wCACjB,aAAc,eACd,SAAU,kBACV,MAAO,wCACP,UAAW,mDACX,OAAQ,8CACR,WAAY,SACb,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__empty`,jsx:[`StatelessDataTable`],base:{textAlign:`center`,paddingBlock:`var(--data-table-empty-padding-block, {spacing.800})`,color:`var(--data-table-empty-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--data-table-empty-font-size, {fontSizes.300})`}});export{t as dataTableEmpty};
|
|
2
|
+
//# sourceMappingURL=data-table-empty.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-empty.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-empty.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableEmpty = defineRecipe({\n className: 'data-table__empty',\n jsx: ['StatelessDataTable'],\n base: {\n textAlign: 'center',\n paddingBlock: 'var(--data-table-empty-padding-block, {spacing.800})',\n color:\n 'var(--data-table-empty-foreground, {colors.neutral.foreground.3.enabled})',\n fontSize: 'var(--data-table-empty-font-size, {fontSizes.300})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,UAAW,SACX,aAAc,uDACd,MACE,4EACF,SAAU,qDACX,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__loading`,jsx:[`StatelessDataTable`],base:{position:`absolute`,left:0,right:0,height:`2px`,backgroundColor:`{colors.neutral.background.2.enabled}`,overflow:`hidden`,zIndex:2,pointerEvents:`none`,"&::after":{content:`""`,position:`absolute`,top:0,left:0,height:`100%`,width:`40%`,backgroundColor:`{colors.primary.background.1.enabled}`,borderRadius:`{radii.100}`,animation:`indeterminate 1.5s ease infinite`}}});export{t as dataTableLoading};
|
|
2
|
+
//# sourceMappingURL=data-table-loading.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-loading.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-loading.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableLoading = defineRecipe({\n className: 'data-table__loading',\n jsx: ['StatelessDataTable'],\n base: {\n position: 'absolute',\n left: 0,\n right: 0,\n height: '2px',\n backgroundColor: '{colors.neutral.background.2.enabled}',\n overflow: 'hidden',\n zIndex: 2,\n pointerEvents: 'none',\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n height: '100%',\n width: '40%',\n backgroundColor: '{colors.primary.background.1.enabled}',\n borderRadius: '{radii.100}',\n animation: 'indeterminate 1.5s ease infinite',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,SAAU,WACV,KAAM,EACN,MAAO,EACP,OAAQ,MACR,gBAAiB,wCACjB,SAAU,SACV,OAAQ,EACR,cAAe,OAEf,WAAY,CACV,QAAS,KACT,SAAU,WACV,IAAK,EACL,KAAM,EACN,OAAQ,OACR,MAAO,MACP,gBAAiB,wCACjB,aAAc,cACd,UAAW,mCACZ,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__page-size`,jsx:[`StatelessDataTable`],base:{display:`flex`,alignItems:`center`,gap:`{spacing.200}`,fontSize:`{fontSizes.300}`,color:`{colors.neutral.foreground.2.enabled}`,"& select":{appearance:`none`,paddingInline:`{spacing.200}`,paddingBlock:`{spacing.100}`,fontSize:`{fontSizes.300}`,border:`1px solid {colors.neutral.border.1.enabled}`,borderRadius:`{radii.200}`,backgroundColor:`{colors.neutral.background.1.enabled}`,color:`{colors.neutral.foreground.1.enabled}`,cursor:`pointer`}}});export{t as dataTablePageSize};
|
|
2
|
+
//# sourceMappingURL=data-table-page-size.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-page-size.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-page-size.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTablePageSize = defineRecipe({\n className: 'data-table__page-size',\n jsx: ['StatelessDataTable'],\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: '{spacing.200}',\n fontSize: '{fontSizes.300}',\n color: '{colors.neutral.foreground.2.enabled}',\n\n '& select': {\n appearance: 'none',\n paddingInline: '{spacing.200}',\n paddingBlock: '{spacing.100}',\n fontSize: '{fontSizes.300}',\n border: '1px solid {colors.neutral.border.1.enabled}',\n borderRadius: '{radii.200}',\n backgroundColor: '{colors.neutral.background.1.enabled}',\n color: '{colors.neutral.foreground.1.enabled}',\n cursor: 'pointer',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,gBACL,SAAU,kBACV,MAAO,wCAEP,WAAY,CACV,WAAY,OACZ,cAAe,gBACf,aAAc,gBACd,SAAU,kBACV,OAAQ,8CACR,aAAc,cACd,gBAAiB,wCACjB,MAAO,wCACP,OAAQ,UACT,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__root`,jsx:[`StatelessDataTable`],base:{display:`flex`,flexDirection:`column`,gap:`var(--data-table-gap, {spacing.300})`,position:`relative`}});export{t as dataTableRoot};
|
|
2
|
+
//# sourceMappingURL=data-table-root.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableRoot = defineRecipe({\n className: 'data-table__root',\n jsx: ['StatelessDataTable'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--data-table-gap, {spacing.300})',\n position: 'relative',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,uCACL,SAAU,WACX,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__slot-row`,jsx:[`StatelessDataTable`],base:{display:`block`,width:`100%`,paddingBlock:`var(--data-table-toolbar-padding-block, {spacing.300})`}});export{t as dataTableSlotRow};
|
|
2
|
+
//# sourceMappingURL=data-table-slot-row.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table-slot-row.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-slot-row.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableSlotRow = defineRecipe({\n className: 'data-table__slot-row',\n jsx: ['StatelessDataTable'],\n base: {\n display: 'block',\n width: '100%',\n paddingBlock: 'var(--data-table-toolbar-padding-block, {spacing.300})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,QACT,MAAO,OACP,aAAc,yDACf,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table`,jsx:[`StatelessDataTable`],base:{"--data-table-toolbar-gap":`{spacing.300}`,"--data-table-toolbar-padding-block":`{spacing.300}`,"--data-table-empty-padding-block":`{spacing.800}`,"--data-table-empty-foreground":`{colors.neutral.foreground.3.enabled}`,"--data-table-empty-font-size":`{fontSizes.300}`,"--data-table-gap":`{spacing.300}`}});export{t as dataTable};
|
|
2
|
+
//# sourceMappingURL=data-table.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTable = defineRecipe({\n className: 'data-table',\n jsx: ['StatelessDataTable'],\n base: {\n '--data-table-toolbar-gap': '{spacing.300}',\n '--data-table-toolbar-padding-block': '{spacing.300}',\n '--data-table-empty-padding-block': '{spacing.800}',\n '--data-table-empty-foreground': '{colors.neutral.foreground.3.enabled}',\n '--data-table-empty-font-size': '{fontSizes.300}',\n '--data-table-gap': '{spacing.300}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,2BAA4B,gBAC5B,qCAAsC,gBACtC,mCAAoC,gBACpC,gCAAiC,wCACjC,+BAAgC,kBAChC,mBAAoB,gBACrB,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{dataTable as e}from"./data-table.mjs";import{dataTableBulkBar as t}from"./data-table-bulk-bar.mjs";import{dataTableEmpty as n}from"./data-table-empty.mjs";import{dataTableLoading as r}from"./data-table-loading.mjs";import{dataTablePageSize as i}from"./data-table-page-size.mjs";import{dataTableRoot as a}from"./data-table-root.mjs";import{dataTableSlotRow as o}from"./data-table-slot-row.mjs";var s={dataTable:e,dataTableRoot:a,dataTableSlotRow:o,dataTableBulkBar:t,dataTableEmpty:n,dataTableLoading:r,dataTablePageSize:i};export{s as default};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/index.ts"],"sourcesContent":["import { dataTable } from './data-table';\nimport { dataTableBulkBar } from './data-table-bulk-bar';\nimport { dataTableEmpty } from './data-table-empty';\nimport { dataTableLoading } from './data-table-loading';\nimport { dataTablePageSize } from './data-table-page-size';\nimport { dataTableRoot } from './data-table-root';\nimport { dataTableSlotRow } from './data-table-slot-row';\n\nexport default {\n dataTable,\n dataTableRoot,\n dataTableSlotRow,\n dataTableBulkBar,\n dataTableEmpty,\n dataTableLoading,\n dataTablePageSize,\n};\n"],"mappings":"gZAQA,IAAA,EAAe,CACb,YACA,gBACA,mBACA,mBACA,iBACA,mBACA,oBACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"./assigned-user/index.mjs";import t from"./avatar/index.mjs";import n from"./badge/index.mjs";import r from"./calendar/index.mjs";import i from"./description-list/index.mjs";import
|
|
1
|
+
import e from"./assigned-user/index.mjs";import t from"./avatar/index.mjs";import n from"./badge/index.mjs";import r from"./calendar/index.mjs";import i from"./data-table/index.mjs";import a from"./description-list/index.mjs";import o from"./icons/index.mjs";import s from"./indicator/index.mjs";import c from"./kanban/index.mjs";import l from"./loader-dot/index.mjs";import u from"./loader-oval/index.mjs";import d from"./logos/index.mjs";import f from"./notification-banner/index.mjs";import p from"./removable-item/index.mjs";import m from"./table/index.mjs";import h from"./tag/index.mjs";import g from"./tag-group/index.mjs";import _ from"./uploaded-file/index.mjs";var v={...n,...o,...t,...h,...g,...l,...u,...p,...e,..._,...r,...i,...d,...s,...f,...a,...c,...m};export{v as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":["badge","icons","avatar","tag","tagGroup","loaderDot","loaderOval","removableItem","assignedUser","uploadedFile","calendar","logos","indicator","notificationBanner","descriptionList","kanban","table"],"sources":["../../../src/recipes/data-display/index.ts"],"sourcesContent":["import assignedUser from './assigned-user';\nimport avatar from './avatar';\nimport badge from './badge';\nimport calendar from './calendar';\nimport descriptionList from './description-list';\nimport icons from './icons';\nimport indicator from './indicator';\nimport kanban from './kanban';\nimport loaderDot from './loader-dot';\nimport loaderOval from './loader-oval';\nimport logos from './logos';\nimport notificationBanner from './notification-banner';\nimport removableItem from './removable-item';\nimport table from './table';\nimport tag from './tag';\nimport tagGroup from './tag-group';\nimport uploadedFile from './uploaded-file';\n\nexport default {\n ...badge,\n ...icons,\n ...avatar,\n ...tag,\n ...tagGroup,\n ...loaderDot,\n ...loaderOval,\n ...removableItem,\n ...assignedUser,\n ...uploadedFile,\n ...calendar,\n ...logos,\n ...indicator,\n ...notificationBanner,\n ...descriptionList,\n ...kanban,\n ...table,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["badge","icons","avatar","tag","tagGroup","loaderDot","loaderOval","removableItem","assignedUser","uploadedFile","calendar","dataTable","logos","indicator","notificationBanner","descriptionList","kanban","table"],"sources":["../../../src/recipes/data-display/index.ts"],"sourcesContent":["import assignedUser from './assigned-user';\nimport avatar from './avatar';\nimport badge from './badge';\nimport calendar from './calendar';\nimport dataTable from './data-table';\nimport descriptionList from './description-list';\nimport icons from './icons';\nimport indicator from './indicator';\nimport kanban from './kanban';\nimport loaderDot from './loader-dot';\nimport loaderOval from './loader-oval';\nimport logos from './logos';\nimport notificationBanner from './notification-banner';\nimport removableItem from './removable-item';\nimport table from './table';\nimport tag from './tag';\nimport tagGroup from './tag-group';\nimport uploadedFile from './uploaded-file';\n\nexport default {\n ...badge,\n ...icons,\n ...avatar,\n ...tag,\n ...tagGroup,\n ...loaderDot,\n ...loaderOval,\n ...removableItem,\n ...assignedUser,\n ...uploadedFile,\n ...calendar,\n ...dataTable,\n ...logos,\n ...indicator,\n ...notificationBanner,\n ...descriptionList,\n ...kanban,\n ...table,\n};\n"],"mappings":"+pBAmBA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{kanban as e}from"./kanban.mjs";import t from"./kanban-card/index.mjs";import n from"./kanban-card-adder/index.mjs";import r from"./kanban-card-drag-indicator/index.mjs";import{kanbanColumn as
|
|
1
|
+
import{kanban as e}from"./kanban.mjs";import t from"./kanban-card/index.mjs";import n from"./kanban-card-adder/index.mjs";import r from"./kanban-card-drag-indicator/index.mjs";import i from"./kanban-card-wrapper/index.mjs";import{kanbanColumn as a}from"./kanban-column.mjs";import o from"./kanban-column-header/index.mjs";import s from"./kanban-list-footer/index.mjs";import{kanbanRoot as c}from"./kanban-root.mjs";import{kanbanWrapperColumn as l}from"./kanban-wrapper-column.mjs";var u={kanban:e,kanbanRoot:c,kanbanWrapperColumn:l,kanbanColumn:a,...o,...t,...i,...n,...r,...s};export{u as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|