@mage-ui/preset 1.0.8 → 1.0.10
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`date-picker`,jsx:[`DatePicker`],base:{"--text-input-root-gap":`var(--date-picker-root-gap, {spacing.100})`,"--text-input-wrapper-margin-top":`var(--date-picker-wrapper-margin-top, {spacing.100})`,"--text-input-input-font-family":`var(--date-picker-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--date-picker-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--date-picker-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--date-picker-input-line-height, inherit)`,"--text-input-input-text-align":`var(--date-picker-input-text-align, left)`,"--text-input-input-foreground":`var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-background":`var(--date-picker-input-background, transparent)`,"--text-input-input-border-color":`var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-border-width":`var(--date-picker-input-border-width, {borders.100})`,"--text-input-input-border-style":`var(--date-picker-input-border-style, solid)`,"--text-input-input-width":`var(--date-picker-input-width, 100%)`,"--text-input-input-height":`var(--date-picker-input-height, {sizes.700})`,"--text-input-input-transition":`var(--date-picker-input-transition, all 0.2s ease-in-out)`,"--text-input-label-font-family":`var(--date-picker-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--date-picker-label-font-size, {fontSizes.400})`,"--text-input-label-font-weight":`var(--date-picker-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--date-picker-label-line-height, inherit)`,"--text-input-label-foreground":`var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--date-picker-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--date-picker-required-font-size, {fontSizes.400})`,"--text-input-required-font-weight":`var(--date-picker-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--date-picker-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--date-picker-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--date-picker-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--date-picker-description-line-height, inherit)`,"--text-input-description-foreground":`var(--date-picker-description-foreground{colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--date-picker-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--date-picker-error-font-size, {fontSizes.300})`,"--text-input-error-font-weight":`var(--date-picker-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--date-picker-error-line-height, inherit)`,"--text-input-error-foreground":`var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})`,"--date-picker-section-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-left-section-position":`var(--date-picker-left-section-position, {spacing.200})`,"--text-input-left-section-width":`var(--date-picker-left-section-width, {sizes.400})`,"--text-input-left-section-pointer-events":`var(--date-picker-left-section-pointer-events, none)`,"--text-input-input-padding-inline-start":`var(--date-picker-input-padding-inline-start, {spacing.200})`,"--text-input-right-section-position":`var(--date-picker-right-section-position, {spacing.200})`,"--text-input-right-section-width":`var(--date-picker-right-section-width, {sizes.400})`,"--text-input-right-section-pointer-events":`var(--date-picker-right-section-pointer-events, none)`,"--text-input-input-padding-inline-end":`var(--date-picker-input-padding-inline-end, {spacing.200})`,"--datepicker-dropdown-width":`18rem`,"--datepicker-dropdown-background":`{colors.neutral.background.1.enabled}`,"--datepicker-dropdown-border-width":`{borders.100}`,"--datepicker-dropdown-border-style":`solid`,"--datepicker-dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--datepicker-dropdown-padding-inline":`{spacing.200}`,"--datepicker-dropdown-padding-block":`{spacing.200}`,"--datepicker-dropdown-radii":`{radii.200}`,"--datepicker-dropdown-margin-top":`{spacing.0}`,"--date-picker-calendar-header-control-width":`2rem`,"--date-picker-calendar-header-control-height":`2rem`,"--date-picker-calendar-header-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-control-background":`transparent`,"--date-picker-calendar-header-control-border-radius":`{radii.200}`,"--date-picker-calendar-header-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-calendar-header-control-icon-width":`2rem`,"--date-picker-calendar-header-level-height":`2rem`,"--date-picker-calendar-header-level-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-level-background":`transparent`,"--date-picker-calendar-header-level-font-family":`{fonts.base}`,"--date-picker-calendar-header-level-font-size":`{fontSizes.300}`,"--date-picker-calendar-header-level-font-weight":`{fontWeights.medium}`,"--date-picker-calendar-header-level-line-height":`inherit`,"--date-picker-calendar-header-level-padding-inline":`{spacing.100}`,"--date-picker-calendar-header-level-padding-block":`{spacing.0}`,"--date-picker-calendar-header-level-border-radius":`{radii.200}`,"--date-picker-calendar-header-level-text-transform":`capitalize`,"--date-picker-calendar-header-level-transition":`{animations.base.100}`,"--date-picker-calendar-header-level-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-level-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-day-width":`100%`,"--date-picker-day-height":`100%`,"--date-picker-day-font-family":`{fonts.base}`,"--date-picker-day-font-size":`{fontSizes.300}`,"--date-picker-day-font-weight":`{fontWeights.medium}`,"--date-picker-day-line-height":`inherit`,"--date-picker-day-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-day-background":`transparent`,"--date-picker-day-border-radius":`{radii.100}`,"--date-picker-day-transition":`{animations.base.100}`,"--date-picker-day-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-day-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-day-background-selected":`{colors.neutral.background.1.brand.selected}`,"--date-picker-day-foreground-selected":`{colors.neutral.foreground.1.onBrand.selected}`,"--date-pickeir-day-background-selected-hover":`{colors.neutral.background.1.brand.selected}`,"--date-picker-day-foreground-selected-hover":`{colors.neutral.foreground.1.onBrand.selected}`,"--date-picker-day-outside-opacity":`0.4`,"--date-picker-day-background-disabled-hover":`transparent`,"--date-picker-day-foreground-disabled-hover":`{colors.neutral.foreground.1.enabled}`,"--date-picker-weekdays-row-gap":`.5rem`,"--date-picker-weekdays-row-margin-bottom":`.5rem`,"--date-picker-weekday-font-family":`{fonts.base}`,"--date-picker-weekday-font-size":`{fontSizes.100}`,"--date-picker-weekday-font-weight":`{fontWeights.medium}`,"--date-picker-weekday-line-height":`inherit`,"--date-picker-weekday-foreground":`{colors.neutral.foreground.3.enabled}`,"--date-picker-weekday-padding-block":`{spacing.100}`,"--date-picker-weekday-text-transform":`uppercase`,"--date-picker-month-row-gap":`.0`,"--date-picker-month-row-margin-bottom":`.5rem`,"--date-picker-months-list-row-gap":`.5rem`,"--date-picker-months-list-row-margin-bottom":`0`,"--date-picker-months-list-control-height":`2rem`,"--date-picker-months-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-months-list-control-background":`transparent`,"--date-picker-months-list-control-font-family":`{fonts.base}`,"--date-picker-months-list-control-font-size":`{fontSizes.300}`,"--date-picker-months-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-months-list-control-line-height":`inherit`,"--date-picker-months-list-control-padding-inline":`{spacing.100)}`,"--date-picker-months-list-control-padding-block":`{spacing.0)}`,"--date-picker-months-list-control-border-radius":`{radii.200)}`,"--date-picker-months-list--text-transform":`capitalize`,"--date-picker-months-list-control-transition":`{animations.base.100)}`,"--date-picker-months-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-months-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-years-list-row-gap":`.5rem`,"--date-picker-years-list-row-margin-bottom":`.5rem`,"--date-picker-years-list-control-height":`2rem`,"--date-picker-years-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-years-list-control-background":`transparent`,"--date-picker-years-list-control-font-family":`{fonts.base}`,"--date-picker-years-list-control-font-size":`{fontSizes.300}`,"--date-picker-years-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-years-list-control-line-height":`inherit`,"--date-picker-years-list-control-padding-inline":`{spacing.100}`,"--date-picker-years-list-control-padding-block":`{spacing.0}`,"--date-picker-years-list-control-border-radius":`{radii.200}`,"--date-picker-years-list--text-transform":`capitalize`,"--date-picker-years-list-control-transition":`{animations.base.100}`,"--date-picker-years-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-years-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`}});export{t as datePicker};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`date-picker`,jsx:[`DatePicker`],base:{"--text-input-root-gap":`var(--date-picker-root-gap, {spacing.100})`,"--text-input-wrapper-margin-top":`var(--date-picker-wrapper-margin-top, {spacing.100})`,"--text-input-input-font-family":`var(--date-picker-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--date-picker-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--date-picker-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--date-picker-input-line-height, inherit)`,"--text-input-input-text-align":`var(--date-picker-input-text-align, left)`,"--text-input-input-foreground":`var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-background":`var(--date-picker-input-background, transparent)`,"--text-input-input-border-color":`var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-border-width":`var(--date-picker-input-border-width, {borders.100})`,"--text-input-input-border-style":`var(--date-picker-input-border-style, solid)`,"--text-input-input-width":`var(--date-picker-input-width, 100%)`,"--text-input-input-height":`var(--date-picker-input-height, {sizes.700})`,"--text-input-input-transition":`var(--date-picker-input-transition, all 0.2s ease-in-out)`,"--text-input-label-font-family":`var(--date-picker-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--date-picker-label-font-size, {fontSizes.400})`,"--text-input-label-font-weight":`var(--date-picker-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--date-picker-label-line-height, inherit)`,"--text-input-label-foreground":`var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--date-picker-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--date-picker-required-font-size, {fontSizes.400})`,"--text-input-required-font-weight":`var(--date-picker-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--date-picker-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--date-picker-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--date-picker-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--date-picker-description-line-height, inherit)`,"--text-input-description-foreground":`var(--date-picker-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--date-picker-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--date-picker-error-font-size, {fontSizes.300})`,"--text-input-error-font-weight":`var(--date-picker-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--date-picker-error-line-height, inherit)`,"--text-input-error-foreground":`var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})`,"--date-picker-section-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-left-section-position":`var(--date-picker-left-section-position, {spacing.200})`,"--text-input-left-section-width":`var(--date-picker-left-section-width, {sizes.400})`,"--text-input-left-section-pointer-events":`var(--date-picker-left-section-pointer-events, none)`,"--text-input-input-padding-inline-start":`var(--date-picker-input-padding-inline-start, {spacing.200})`,"--text-input-right-section-position":`var(--date-picker-right-section-position, {spacing.200})`,"--text-input-right-section-width":`var(--date-picker-right-section-width, {sizes.400})`,"--text-input-right-section-pointer-events":`var(--date-picker-right-section-pointer-events, none)`,"--text-input-input-padding-inline-end":`var(--date-picker-input-padding-inline-end, {spacing.200})`,"--datepicker-dropdown-width":`18rem`,"--datepicker-dropdown-background":`{colors.neutral.background.1.enabled}`,"--datepicker-dropdown-border-width":`{borders.100}`,"--datepicker-dropdown-border-style":`solid`,"--datepicker-dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--datepicker-dropdown-padding-inline":`{spacing.200}`,"--datepicker-dropdown-padding-block":`{spacing.200}`,"--datepicker-dropdown-radii":`{radii.200}`,"--datepicker-dropdown-margin-top":`{spacing.0}`,"--date-picker-calendar-header-control-width":`2rem`,"--date-picker-calendar-header-control-height":`2rem`,"--date-picker-calendar-header-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-control-background":`transparent`,"--date-picker-calendar-header-control-border-radius":`{radii.200}`,"--date-picker-calendar-header-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-calendar-header-control-icon-width":`2rem`,"--date-picker-calendar-header-level-height":`2rem`,"--date-picker-calendar-header-level-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-level-background":`transparent`,"--date-picker-calendar-header-level-font-family":`{fonts.base}`,"--date-picker-calendar-header-level-font-size":`{fontSizes.300}`,"--date-picker-calendar-header-level-font-weight":`{fontWeights.medium}`,"--date-picker-calendar-header-level-line-height":`inherit`,"--date-picker-calendar-header-level-padding-inline":`{spacing.100}`,"--date-picker-calendar-header-level-padding-block":`{spacing.0}`,"--date-picker-calendar-header-level-border-radius":`{radii.200}`,"--date-picker-calendar-header-level-text-transform":`capitalize`,"--date-picker-calendar-header-level-transition":`{animations.base.100}`,"--date-picker-calendar-header-level-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-level-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-day-width":`100%`,"--date-picker-day-height":`100%`,"--date-picker-day-font-family":`{fonts.base}`,"--date-picker-day-font-size":`{fontSizes.300}`,"--date-picker-day-font-weight":`{fontWeights.medium}`,"--date-picker-day-line-height":`inherit`,"--date-picker-day-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-day-background":`transparent`,"--date-picker-day-border-radius":`{radii.100}`,"--date-picker-day-transition":`{animations.base.100}`,"--date-picker-day-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-day-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-day-background-selected":`{colors.neutral.background.1.brand.selected}`,"--date-picker-day-foreground-selected":`{colors.neutral.foreground.1.onBrand.selected}`,"--date-pickeir-day-background-selected-hover":`{colors.neutral.background.1.brand.selected}`,"--date-picker-day-foreground-selected-hover":`{colors.neutral.foreground.1.onBrand.selected}`,"--date-picker-day-outside-opacity":`0.4`,"--date-picker-day-background-disabled-hover":`transparent`,"--date-picker-day-foreground-disabled-hover":`{colors.neutral.foreground.1.enabled}`,"--date-picker-weekdays-row-gap":`.5rem`,"--date-picker-weekdays-row-margin-bottom":`.5rem`,"--date-picker-weekday-font-family":`{fonts.base}`,"--date-picker-weekday-font-size":`{fontSizes.100}`,"--date-picker-weekday-font-weight":`{fontWeights.medium}`,"--date-picker-weekday-line-height":`inherit`,"--date-picker-weekday-foreground":`{colors.neutral.foreground.3.enabled}`,"--date-picker-weekday-padding-block":`{spacing.100}`,"--date-picker-weekday-text-transform":`uppercase`,"--date-picker-month-row-gap":`.0`,"--date-picker-month-row-margin-bottom":`.5rem`,"--date-picker-months-list-row-gap":`.5rem`,"--date-picker-months-list-row-margin-bottom":`0`,"--date-picker-months-list-control-height":`2rem`,"--date-picker-months-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-months-list-control-background":`transparent`,"--date-picker-months-list-control-font-family":`{fonts.base}`,"--date-picker-months-list-control-font-size":`{fontSizes.300}`,"--date-picker-months-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-months-list-control-line-height":`inherit`,"--date-picker-months-list-control-padding-inline":`{spacing.100)}`,"--date-picker-months-list-control-padding-block":`{spacing.0)}`,"--date-picker-months-list-control-border-radius":`{radii.200)}`,"--date-picker-months-list--text-transform":`capitalize`,"--date-picker-months-list-control-transition":`{animations.base.100)}`,"--date-picker-months-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-months-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-years-list-row-gap":`.5rem`,"--date-picker-years-list-row-margin-bottom":`.5rem`,"--date-picker-years-list-control-height":`2rem`,"--date-picker-years-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-years-list-control-background":`transparent`,"--date-picker-years-list-control-font-family":`{fonts.base}`,"--date-picker-years-list-control-font-size":`{fontSizes.300}`,"--date-picker-years-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-years-list-control-line-height":`inherit`,"--date-picker-years-list-control-padding-inline":`{spacing.100}`,"--date-picker-years-list-control-padding-block":`{spacing.0}`,"--date-picker-years-list-control-border-radius":`{radii.200}`,"--date-picker-years-list--text-transform":`capitalize`,"--date-picker-years-list-control-transition":`{animations.base.100}`,"--date-picker-years-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-years-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`}});export{t as datePicker};
|
|
2
2
|
//# sourceMappingURL=date-picker.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const datePicker = defineRecipe({\n className: 'date-picker',\n jsx: ['DatePicker'],\n base: {\n /*-- Input root--*/\n '--text-input-root-gap': 'var(--date-picker-root-gap, {spacing.100})',\n\n /*-- Input wrapper --*/\n '--text-input-wrapper-margin-top':\n 'var(--date-picker-wrapper-margin-top, {spacing.100})',\n\n /*-- Input input --*/\n '--text-input-input-font-family':\n 'var(--date-picker-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--date-picker-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--date-picker-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--date-picker-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--date-picker-input-text-align, left)',\n '--text-input-input-foreground':\n 'var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-background':\n 'var(--date-picker-input-background, transparent)',\n '--text-input-input-border-color':\n 'var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-border-width':\n 'var(--date-picker-input-border-width, {borders.100})',\n '--text-input-input-border-style':\n 'var(--date-picker-input-border-style, solid)',\n '--text-input-input-width':\n 'var(--date-picker-input-width, 100%)',\n '--text-input-input-height':\n 'var(--date-picker-input-height, {sizes.700})',\n '--text-input-input-transition':\n 'var(--date-picker-input-transition, all 0.2s ease-in-out)',\n\n /*-- Input label --*/\n '--text-input-label-font-family':\n 'var(--date-picker-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--date-picker-label-font-size, {fontSizes.400})',\n '--text-input-label-font-weight':\n 'var(--date-picker-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--date-picker-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /*-- Input required --*/\n '--text-input-required-font-family':\n 'var(--date-picker-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--date-picker-required-font-size, {fontSizes.400})',\n '--text-input-required-font-weight':\n 'var(--date-picker-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /*-- Input description --*/\n '--text-input-description-font-family':\n 'var(--date-picker-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--date-picker-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--date-picker-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--date-picker-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--date-picker-description-foreground{colors.neutral.foreground.2.enabled})',\n\n /*-- Input error --*/\n '--text-input-error-font-family':\n 'var(--date-picker-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--date-picker-error-font-size, {fontSizes.300})',\n '--text-input-error-font-weight':\n 'var(--date-picker-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--date-picker-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /*-- Input Section --*/\n '--date-picker-section-foreground': '{colors.neutral.foreground.3.enabled}',\n '--text-input-left-section-position':\n 'var(--date-picker-left-section-position, {spacing.200})',\n '--text-input-left-section-width':\n 'var(--date-picker-left-section-width, {sizes.400})',\n '--text-input-left-section-pointer-events':\n 'var(--date-picker-left-section-pointer-events, none)',\n '--text-input-input-padding-inline-start':\n 'var(--date-picker-input-padding-inline-start, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--date-picker-right-section-position, {spacing.200})',\n '--text-input-right-section-width':\n 'var(--date-picker-right-section-width, {sizes.400})',\n '--text-input-right-section-pointer-events':\n 'var(--date-picker-right-section-pointer-events, none)',\n '--text-input-input-padding-inline-end':\n 'var(--date-picker-input-padding-inline-end, {spacing.200})',\n\n /*-- Dropdown --*/\n '--datepicker-dropdown-width': '18rem',\n '--datepicker-dropdown-background': '{colors.neutral.background.1.enabled}',\n '--datepicker-dropdown-border-width': '{borders.100}',\n '--datepicker-dropdown-border-style': 'solid',\n '--datepicker-dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--datepicker-dropdown-padding-inline': '{spacing.200}',\n '--datepicker-dropdown-padding-block': '{spacing.200}',\n '--datepicker-dropdown-radii': '{radii.200}',\n '--datepicker-dropdown-margin-top': '{spacing.0}',\n\n /*-- Calendar Header --*/\n '--date-picker-calendar-header-control-width': '2rem',\n '--date-picker-calendar-header-control-height': '2rem',\n '--date-picker-calendar-header-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-control-background': 'transparent',\n '--date-picker-calendar-header-control-border-radius': '{radii.200}',\n '--date-picker-calendar-header-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--date-picker-calendar-header-control-icon-width': '2rem',\n '--date-picker-calendar-header-level-height': '2rem',\n '--date-picker-calendar-header-level-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-level-background': 'transparent',\n '--date-picker-calendar-header-level-font-family': '{fonts.base}',\n '--date-picker-calendar-header-level-font-size': '{fontSizes.300}',\n '--date-picker-calendar-header-level-font-weight': '{fontWeights.medium}',\n '--date-picker-calendar-header-level-line-height': 'inherit',\n '--date-picker-calendar-header-level-padding-inline': '{spacing.100}',\n '--date-picker-calendar-header-level-padding-block': '{spacing.0}',\n '--date-picker-calendar-header-level-border-radius': '{radii.200}',\n '--date-picker-calendar-header-level-text-transform': 'capitalize',\n '--date-picker-calendar-header-level-transition': '{animations.base.100}',\n '--date-picker-calendar-header-level-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-level-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Day --*/\n '--date-picker-day-width': '100%',\n '--date-picker-day-height': '100%',\n '--date-picker-day-font-family': '{fonts.base}',\n '--date-picker-day-font-size': '{fontSizes.300}',\n '--date-picker-day-font-weight': '{fontWeights.medium}',\n '--date-picker-day-line-height': 'inherit',\n '--date-picker-day-foreground': '{colors.neutral.foreground.1.enabled}',\n '--date-picker-day-background': 'transparent',\n '--date-picker-day-border-radius': '{radii.100}',\n '--date-picker-day-transition': '{animations.base.100}',\n '--date-picker-day-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-day-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--date-picker-day-background-selected':\n '{colors.neutral.background.1.brand.selected}',\n '--date-picker-day-foreground-selected':\n '{colors.neutral.foreground.1.onBrand.selected}',\n '--date-pickeir-day-background-selected-hover':\n '{colors.neutral.background.1.brand.selected}',\n '--date-picker-day-foreground-selected-hover':\n '{colors.neutral.foreground.1.onBrand.selected}',\n '--date-picker-day-outside-opacity': '0.4',\n '--date-picker-day-background-disabled-hover': 'transparent',\n '--date-picker-day-foreground-disabled-hover':\n '{colors.neutral.foreground.1.enabled}',\n\n /*-- Week --*/\n '--date-picker-weekdays-row-gap': '.5rem',\n '--date-picker-weekdays-row-margin-bottom': '.5rem',\n '--date-picker-weekday-font-family': '{fonts.base}',\n '--date-picker-weekday-font-size': '{fontSizes.100}',\n '--date-picker-weekday-font-weight': '{fontWeights.medium}',\n '--date-picker-weekday-line-height': 'inherit',\n '--date-picker-weekday-foreground': '{colors.neutral.foreground.3.enabled}',\n '--date-picker-weekday-padding-block': '{spacing.100}',\n '--date-picker-weekday-text-transform': 'uppercase',\n\n /*-- Month --*/\n '--date-picker-month-row-gap': '.0',\n '--date-picker-month-row-margin-bottom': '.5rem',\n\n /*-- Months list --*/\n '--date-picker-months-list-row-gap': '.5rem',\n '--date-picker-months-list-row-margin-bottom': '0',\n /*-- Months list control --*/\n '--date-picker-months-list-control-height': '2rem',\n '--date-picker-months-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-months-list-control-background': 'transparent',\n '--date-picker-months-list-control-font-family': '{fonts.base}',\n '--date-picker-months-list-control-font-size': '{fontSizes.300}',\n '--date-picker-months-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-months-list-control-line-height': 'inherit',\n '--date-picker-months-list-control-padding-inline': '{spacing.100)}',\n '--date-picker-months-list-control-padding-block': '{spacing.0)}',\n '--date-picker-months-list-control-border-radius': '{radii.200)}',\n '--date-picker-months-list--text-transform': 'capitalize',\n '--date-picker-months-list-control-transition': '{animations.base.100)}',\n '--date-picker-months-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-months-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Years list row --*/\n '--date-picker-years-list-row-gap': '.5rem',\n '--date-picker-years-list-row-margin-bottom': '.5rem',\n /*-- Years list control --*/\n '--date-picker-years-list-control-height': '2rem',\n '--date-picker-years-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-years-list-control-background': 'transparent',\n '--date-picker-years-list-control-font-family': '{fonts.base}',\n '--date-picker-years-list-control-font-size': '{fontSizes.300}',\n '--date-picker-years-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-years-list-control-line-height': 'inherit',\n '--date-picker-years-list-control-padding-inline': '{spacing.100}',\n '--date-picker-years-list-control-padding-block': '{spacing.0}',\n '--date-picker-years-list-control-border-radius': '{radii.200}',\n '--date-picker-years-list--text-transform': 'capitalize',\n '--date-picker-years-list-control-transition': '{animations.base.100}',\n '--date-picker-years-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-years-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CAGzB,kCACE,uDAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4CACF,gCACE,6EACF,gCACE,mDACF,kCACE,2EACF,kCACE,uDACF,kCACE,+CACF,2BACE,uCACF,4BACE,+CACF,gCACE,4DAGF,iCACE,qDACF,+BACE,sDACF,iCACE,6DACF,iCACE,gDACF,gCACE,6EAGF,oCACE,wDACF,kCACE,yDACF,oCACE,gEACF,mCACE,gFACF,yCACE,qFAGF,uCACE,2DACF,qCACE,4DACF,uCACE,oEACF,uCACE,sDACF,sCACE,iFAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4EAGF,mCAAoC,wCACpC,qCACE,0DACF,kCACE,qDACF,2CACE,uDACF,0CACE,+DACF,sCACE,2DACF,mCACE,sDACF,4CACE,wDACF,wCACE,6DAGF,8BAA+B,QAC/B,mCAAoC,wCACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,uCAAwC,gBACxC,sCAAuC,gBACvC,8BAA+B,cAC/B,mCAAoC,cAGpC,8CAA+C,OAC/C,+CAAgD,OAChD,mDACE,wCACF,mDAAoD,cACpD,sDAAuD,cACvD,yDACE,wCACF,yDACE,wCACF,mDAAoD,OACpD,6CAA8C,OAC9C,iDACE,wCACF,iDAAkD,cAClD,kDAAmD,eACnD,gDAAiD,kBACjD,kDAAmD,uBACnD,kDAAmD,UACnD,qDAAsD,gBACtD,oDAAqD,cACrD,oDAAqD,cACrD,qDAAsD,aACtD,iDAAkD,wBAClD,uDACE,wCACF,uDACE,wCAGF,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,uBACjC,gCAAiC,UACjC,+BAAgC,wCAChC,+BAAgC,cAChC,kCAAmC,cACnC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,+CACF,wCACE,iDACF,+CACE,+CACF,8CACE,iDACF,oCAAqC,MACrC,8CAA+C,cAC/C,8CACE,wCAGF,iCAAkC,QAClC,2CAA4C,QAC5C,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,oCAAqC,UACrC,mCAAoC,wCACpC,sCAAuC,gBACvC,uCAAwC,YAGxC,8BAA+B,KAC/B,wCAAyC,QAGzC,oCAAqC,QACrC,8CAA+C,IAE/C,2CAA4C,OAC5C,+CACE,wCACF,+CAAgD,cAChD,gDAAiD,eACjD,8CAA+C,kBAC/C,gDAAiD,uBACjD,gDAAiD,UACjD,mDAAoD,iBACpD,kDAAmD,eACnD,kDAAmD,eACnD,4CAA6C,aAC7C,+CAAgD,yBAChD,qDACE,wCACF,qDACE,wCAGF,mCAAoC,QACpC,6CAA8C,QAE9C,0CAA2C,OAC3C,8CACE,wCACF,8CAA+C,cAC/C,+CAAgD,eAChD,6CAA8C,kBAC9C,+CAAgD,uBAChD,+CAAgD,UAChD,kDAAmD,gBACnD,iDAAkD,cAClD,iDAAkD,cAClD,2CAA4C,aAC5C,8CAA+C,wBAC/C,oDACE,wCACF,oDACE,wCACH,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"date-picker.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const datePicker = defineRecipe({\n className: 'date-picker',\n jsx: ['DatePicker'],\n base: {\n /*-- Input root--*/\n '--text-input-root-gap': 'var(--date-picker-root-gap, {spacing.100})',\n\n /*-- Input wrapper --*/\n '--text-input-wrapper-margin-top':\n 'var(--date-picker-wrapper-margin-top, {spacing.100})',\n\n /*-- Input input --*/\n '--text-input-input-font-family':\n 'var(--date-picker-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--date-picker-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--date-picker-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--date-picker-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--date-picker-input-text-align, left)',\n '--text-input-input-foreground':\n 'var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-background':\n 'var(--date-picker-input-background, transparent)',\n '--text-input-input-border-color':\n 'var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-border-width':\n 'var(--date-picker-input-border-width, {borders.100})',\n '--text-input-input-border-style':\n 'var(--date-picker-input-border-style, solid)',\n '--text-input-input-width': 'var(--date-picker-input-width, 100%)',\n '--text-input-input-height': 'var(--date-picker-input-height, {sizes.700})',\n '--text-input-input-transition':\n 'var(--date-picker-input-transition, all 0.2s ease-in-out)',\n\n /*-- Input label --*/\n '--text-input-label-font-family':\n 'var(--date-picker-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--date-picker-label-font-size, {fontSizes.400})',\n '--text-input-label-font-weight':\n 'var(--date-picker-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--date-picker-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /*-- Input required --*/\n '--text-input-required-font-family':\n 'var(--date-picker-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--date-picker-required-font-size, {fontSizes.400})',\n '--text-input-required-font-weight':\n 'var(--date-picker-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /*-- Input description --*/\n '--text-input-description-font-family':\n 'var(--date-picker-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--date-picker-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--date-picker-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--date-picker-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--date-picker-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /*-- Input error --*/\n '--text-input-error-font-family':\n 'var(--date-picker-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--date-picker-error-font-size, {fontSizes.300})',\n '--text-input-error-font-weight':\n 'var(--date-picker-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--date-picker-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /*-- Input Section --*/\n '--date-picker-section-foreground': '{colors.neutral.foreground.3.enabled}',\n '--text-input-left-section-position':\n 'var(--date-picker-left-section-position, {spacing.200})',\n '--text-input-left-section-width':\n 'var(--date-picker-left-section-width, {sizes.400})',\n '--text-input-left-section-pointer-events':\n 'var(--date-picker-left-section-pointer-events, none)',\n '--text-input-input-padding-inline-start':\n 'var(--date-picker-input-padding-inline-start, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--date-picker-right-section-position, {spacing.200})',\n '--text-input-right-section-width':\n 'var(--date-picker-right-section-width, {sizes.400})',\n '--text-input-right-section-pointer-events':\n 'var(--date-picker-right-section-pointer-events, none)',\n '--text-input-input-padding-inline-end':\n 'var(--date-picker-input-padding-inline-end, {spacing.200})',\n\n /*-- Dropdown --*/\n '--datepicker-dropdown-width': '18rem',\n '--datepicker-dropdown-background': '{colors.neutral.background.1.enabled}',\n '--datepicker-dropdown-border-width': '{borders.100}',\n '--datepicker-dropdown-border-style': 'solid',\n '--datepicker-dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--datepicker-dropdown-padding-inline': '{spacing.200}',\n '--datepicker-dropdown-padding-block': '{spacing.200}',\n '--datepicker-dropdown-radii': '{radii.200}',\n '--datepicker-dropdown-margin-top': '{spacing.0}',\n\n /*-- Calendar Header --*/\n '--date-picker-calendar-header-control-width': '2rem',\n '--date-picker-calendar-header-control-height': '2rem',\n '--date-picker-calendar-header-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-control-background': 'transparent',\n '--date-picker-calendar-header-control-border-radius': '{radii.200}',\n '--date-picker-calendar-header-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--date-picker-calendar-header-control-icon-width': '2rem',\n '--date-picker-calendar-header-level-height': '2rem',\n '--date-picker-calendar-header-level-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-level-background': 'transparent',\n '--date-picker-calendar-header-level-font-family': '{fonts.base}',\n '--date-picker-calendar-header-level-font-size': '{fontSizes.300}',\n '--date-picker-calendar-header-level-font-weight': '{fontWeights.medium}',\n '--date-picker-calendar-header-level-line-height': 'inherit',\n '--date-picker-calendar-header-level-padding-inline': '{spacing.100}',\n '--date-picker-calendar-header-level-padding-block': '{spacing.0}',\n '--date-picker-calendar-header-level-border-radius': '{radii.200}',\n '--date-picker-calendar-header-level-text-transform': 'capitalize',\n '--date-picker-calendar-header-level-transition': '{animations.base.100}',\n '--date-picker-calendar-header-level-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-level-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Day --*/\n '--date-picker-day-width': '100%',\n '--date-picker-day-height': '100%',\n '--date-picker-day-font-family': '{fonts.base}',\n '--date-picker-day-font-size': '{fontSizes.300}',\n '--date-picker-day-font-weight': '{fontWeights.medium}',\n '--date-picker-day-line-height': 'inherit',\n '--date-picker-day-foreground': '{colors.neutral.foreground.1.enabled}',\n '--date-picker-day-background': 'transparent',\n '--date-picker-day-border-radius': '{radii.100}',\n '--date-picker-day-transition': '{animations.base.100}',\n '--date-picker-day-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-day-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--date-picker-day-background-selected':\n '{colors.neutral.background.1.brand.selected}',\n '--date-picker-day-foreground-selected':\n '{colors.neutral.foreground.1.onBrand.selected}',\n '--date-pickeir-day-background-selected-hover':\n '{colors.neutral.background.1.brand.selected}',\n '--date-picker-day-foreground-selected-hover':\n '{colors.neutral.foreground.1.onBrand.selected}',\n '--date-picker-day-outside-opacity': '0.4',\n '--date-picker-day-background-disabled-hover': 'transparent',\n '--date-picker-day-foreground-disabled-hover':\n '{colors.neutral.foreground.1.enabled}',\n\n /*-- Week --*/\n '--date-picker-weekdays-row-gap': '.5rem',\n '--date-picker-weekdays-row-margin-bottom': '.5rem',\n '--date-picker-weekday-font-family': '{fonts.base}',\n '--date-picker-weekday-font-size': '{fontSizes.100}',\n '--date-picker-weekday-font-weight': '{fontWeights.medium}',\n '--date-picker-weekday-line-height': 'inherit',\n '--date-picker-weekday-foreground': '{colors.neutral.foreground.3.enabled}',\n '--date-picker-weekday-padding-block': '{spacing.100}',\n '--date-picker-weekday-text-transform': 'uppercase',\n\n /*-- Month --*/\n '--date-picker-month-row-gap': '.0',\n '--date-picker-month-row-margin-bottom': '.5rem',\n\n /*-- Months list --*/\n '--date-picker-months-list-row-gap': '.5rem',\n '--date-picker-months-list-row-margin-bottom': '0',\n /*-- Months list control --*/\n '--date-picker-months-list-control-height': '2rem',\n '--date-picker-months-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-months-list-control-background': 'transparent',\n '--date-picker-months-list-control-font-family': '{fonts.base}',\n '--date-picker-months-list-control-font-size': '{fontSizes.300}',\n '--date-picker-months-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-months-list-control-line-height': 'inherit',\n '--date-picker-months-list-control-padding-inline': '{spacing.100)}',\n '--date-picker-months-list-control-padding-block': '{spacing.0)}',\n '--date-picker-months-list-control-border-radius': '{radii.200)}',\n '--date-picker-months-list--text-transform': 'capitalize',\n '--date-picker-months-list-control-transition': '{animations.base.100)}',\n '--date-picker-months-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-months-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Years list row --*/\n '--date-picker-years-list-row-gap': '.5rem',\n '--date-picker-years-list-row-margin-bottom': '.5rem',\n /*-- Years list control --*/\n '--date-picker-years-list-control-height': '2rem',\n '--date-picker-years-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-years-list-control-background': 'transparent',\n '--date-picker-years-list-control-font-family': '{fonts.base}',\n '--date-picker-years-list-control-font-size': '{fontSizes.300}',\n '--date-picker-years-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-years-list-control-line-height': 'inherit',\n '--date-picker-years-list-control-padding-inline': '{spacing.100}',\n '--date-picker-years-list-control-padding-block': '{spacing.0}',\n '--date-picker-years-list-control-border-radius': '{radii.200}',\n '--date-picker-years-list--text-transform': 'capitalize',\n '--date-picker-years-list-control-transition': '{animations.base.100}',\n '--date-picker-years-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-years-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CAGzB,kCACE,uDAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4CACF,gCACE,6EACF,gCACE,mDACF,kCACE,2EACF,kCACE,uDACF,kCACE,+CACF,2BAA4B,uCAC5B,4BAA6B,+CAC7B,gCACE,4DAGF,iCACE,qDACF,+BACE,sDACF,iCACE,6DACF,iCACE,gDACF,gCACE,6EAGF,oCACE,wDACF,kCACE,yDACF,oCACE,gEACF,mCACE,gFACF,yCACE,qFAGF,uCACE,2DACF,qCACE,4DACF,uCACE,oEACF,uCACE,sDACF,sCACE,mFAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4EAGF,mCAAoC,wCACpC,qCACE,0DACF,kCACE,qDACF,2CACE,uDACF,0CACE,+DACF,sCACE,2DACF,mCACE,sDACF,4CACE,wDACF,wCACE,6DAGF,8BAA+B,QAC/B,mCAAoC,wCACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,uCAAwC,gBACxC,sCAAuC,gBACvC,8BAA+B,cAC/B,mCAAoC,cAGpC,8CAA+C,OAC/C,+CAAgD,OAChD,mDACE,wCACF,mDAAoD,cACpD,sDAAuD,cACvD,yDACE,wCACF,yDACE,wCACF,mDAAoD,OACpD,6CAA8C,OAC9C,iDACE,wCACF,iDAAkD,cAClD,kDAAmD,eACnD,gDAAiD,kBACjD,kDAAmD,uBACnD,kDAAmD,UACnD,qDAAsD,gBACtD,oDAAqD,cACrD,oDAAqD,cACrD,qDAAsD,aACtD,iDAAkD,wBAClD,uDACE,wCACF,uDACE,wCAGF,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,uBACjC,gCAAiC,UACjC,+BAAgC,wCAChC,+BAAgC,cAChC,kCAAmC,cACnC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,+CACF,wCACE,iDACF,+CACE,+CACF,8CACE,iDACF,oCAAqC,MACrC,8CAA+C,cAC/C,8CACE,wCAGF,iCAAkC,QAClC,2CAA4C,QAC5C,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,oCAAqC,UACrC,mCAAoC,wCACpC,sCAAuC,gBACvC,uCAAwC,YAGxC,8BAA+B,KAC/B,wCAAyC,QAGzC,oCAAqC,QACrC,8CAA+C,IAE/C,2CAA4C,OAC5C,+CACE,wCACF,+CAAgD,cAChD,gDAAiD,eACjD,8CAA+C,kBAC/C,gDAAiD,uBACjD,gDAAiD,UACjD,mDAAoD,iBACpD,kDAAmD,eACnD,kDAAmD,eACnD,4CAA6C,aAC7C,+CAAgD,yBAChD,qDACE,wCACF,qDACE,wCAGF,mCAAoC,QACpC,6CAA8C,QAE9C,0CAA2C,OAC3C,8CACE,wCACF,8CAA+C,cAC/C,+CAAgD,eAChD,6CAA8C,kBAC9C,+CAAgD,uBAChD,+CAAgD,UAChD,kDAAmD,gBACnD,iDAAkD,cAClD,iDAAkD,cAClD,2CAA4C,aAC5C,8CAA+C,wBAC/C,oDACE,wCACF,oDACE,wCACH,CACF,CAAC"}
|