{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/material/datepicker/index.ts"],"sourcesContent":["import type { DatePickerDesignTokens, DatePickerTokenSections } from '@openng/optimus-ui-themes/types/datepicker';\n\nexport const root: DatePickerTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const panel: DatePickerTokenSections.Panel = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    color: '{content.color}',\n    borderRadius: '{content.border.radius}',\n    shadow: '{overlay.popover.shadow}',\n    padding: '0.5rem'\n};\n\nexport const header: DatePickerTokenSections.Header = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    color: '{content.color}',\n    padding: '0 0 0.5rem 0'\n};\n\nexport const title: DatePickerTokenSections.Title = {\n    gap: '0.5rem',\n    fontWeight: '700'\n};\n\nexport const dropdown: DatePickerTokenSections.Dropdown = {\n    width: '3rem',\n    sm: {\n        width: '2.5rem'\n    },\n    lg: {\n        width: '3.5rem'\n    },\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.border.color}',\n    activeBorderColor: '{form.field.border.color}',\n    borderRadius: '{form.field.border.radius}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const inputIcon: DatePickerTokenSections.InputIcon = {\n    color: '{form.field.icon.color}'\n};\n\nexport const selectMonth: DatePickerTokenSections.SelectMonth = {\n    hoverBackground: '{content.hover.background}',\n    color: '{content.color}',\n    hoverColor: '{content.hover.color}',\n    padding: '0.5rem 0.75rem',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const selectYear: DatePickerTokenSections.SelectYear = {\n    hoverBackground: '{content.hover.background}',\n    color: '{content.color}',\n    hoverColor: '{content.hover.color}',\n    padding: '0.5rem 0.75rem',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const group: DatePickerTokenSections.Group = {\n    borderColor: '{content.border.color}',\n    gap: '{overlay.popover.padding}'\n};\n\nexport const dayView: DatePickerTokenSections.DayView = {\n    margin: '0.5rem 0 0 0'\n};\n\nexport const weekDay: DatePickerTokenSections.WeekDay = {\n    padding: '0.5rem',\n    fontWeight: '700',\n    color: '{content.color}'\n};\n\nexport const date: DatePickerTokenSections.Date = {\n    hoverBackground: '{content.hover.background}',\n    selectedBackground: '{primary.color}',\n    rangeSelectedBackground: '{highlight.background}',\n    color: '{content.color}',\n    hoverColor: '{content.hover.color}',\n    selectedColor: '{primary.contrast.color}',\n    rangeSelectedColor: '{highlight.color}',\n    width: '2.5rem',\n    height: '2.5rem',\n    borderRadius: '50%',\n    padding: '0.125rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}',\n        shadow: '{focus.ring.shadow}'\n    }\n};\n\nexport const monthView: DatePickerTokenSections.MonthView = {\n    margin: '0.5rem 0 0 0'\n};\n\nexport const month: DatePickerTokenSections.Month = {\n    padding: '0.625rem',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const yearView: DatePickerTokenSections.YearView = {\n    margin: '0.5rem 0 0 0'\n};\n\nexport const year: DatePickerTokenSections.Year = {\n    padding: '0.625rem',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const buttonbar: DatePickerTokenSections.Buttonbar = {\n    padding: '0.5rem 0 0 0',\n    borderColor: '{content.border.color}'\n};\n\nexport const timePicker: DatePickerTokenSections.TimePicker = {\n    padding: '0.5rem 0 0 0',\n    borderColor: '{content.border.color}',\n    gap: '0.5rem',\n    buttonGap: '0.25rem'\n};\n\nexport const colorScheme: DatePickerTokenSections.ColorScheme = {\n    light: {\n        dropdown: {\n            background: '{surface.100}',\n            hoverBackground: '{surface.200}',\n            activeBackground: '{surface.300}',\n            color: '{surface.600}',\n            hoverColor: '{surface.700}',\n            activeColor: '{surface.800}'\n        },\n        today: {\n            background: '{surface.200}',\n            color: '{surface.900}'\n        }\n    },\n    dark: {\n        dropdown: {\n            background: '{surface.800}',\n            hoverBackground: '{surface.700}',\n            activeBackground: '{surface.600}',\n            color: '{surface.300}',\n            hoverColor: '{surface.200}',\n            activeColor: '{surface.100}'\n        },\n        today: {\n            background: '{surface.700}',\n            color: '{surface.0}'\n        }\n    }\n};\n\nexport const css: DatePickerTokenSections.CSS = /*css*/ `\n.p-datepicker-header {\n    justify-content: start;\n}\n\n.p-datepicker-title {\n    order: 1;\n}\n\n.p-datepicker-prev-button {\n    order: 2;\n    margin-inline-start: auto;\n}\n\n.p-datepicker-next-button {\n    order: 2;\n    margin-inline-start: 0.5rem;\n}\n\n.p-datepicker-select-month:focus-visible {\n    background: dt('datepicker.select.month.hover.background');\n    color: dt('datepicker.select.month.hover.color');\n    outline: 0 none;\n}\n\n.p-datepicker-select-year:focus-visible {\n    background: dt('datepicker.select.year.hover.background');\n    color: dt('datepicker.select.year.hover.color');\n    outline: 0 none;\n}\n\n.p-datepicker-dropdown:focus-visible {\n    outline: 0 none;\n    background: dt('datepicker.dropdown.hover.background');\n    border-color: dt('datepicker.dropdown.hover.border.color');\n    color: dt('datepicker.dropdown.hover.color');\n}\n`;\n\nexport default {\n    root,\n    panel,\n    header,\n    title,\n    dropdown,\n    inputIcon,\n    selectMonth,\n    selectYear,\n    group,\n    dayView,\n    weekDay,\n    date,\n    monthView,\n    month,\n    yearView,\n    year,\n    buttonbar,\n    timePicker,\n    colorScheme,\n    css\n} satisfies DatePickerDesignTokens;\n"],"mappings":"AAEA,MAAa,KAAqC,CAC9C,mBAAoB,uBACxB,EAEa,MAAuC,CAChD,WAAY,uBACZ,YAAa,yBACb,MAAO,kBACP,aAAc,0BACd,OAAQ,2BACR,QAAS,QACb,EAEa,OAAyC,CAClD,WAAY,uBACZ,YAAa,yBACb,MAAO,kBACP,QAAS,cACb,EAEa,MAAuC,CAChD,IAAK,SACL,WAAY,KAChB,EAEa,SAA6C,CACtD,MAAO,OACP,GAAI,CACA,MAAO,QACX,EACA,GAAI,CACA,MAAO,QACX,EACA,YAAa,4BACb,iBAAkB,4BAClB,kBAAmB,4BACnB,aAAc,6BACd,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,CACJ,EAEa,UAA+C,CACxD,MAAO,yBACX,EAEa,YAAmD,CAC5D,gBAAiB,6BACjB,MAAO,kBACP,WAAY,wBACZ,QAAS,iBACT,aAAc,yBAClB,EAEa,WAAiD,CAC1D,gBAAiB,6BACjB,MAAO,kBACP,WAAY,wBACZ,QAAS,iBACT,aAAc,yBAClB,EAEa,MAAuC,CAChD,YAAa,yBACb,IAAK,2BACT,EAEa,QAA2C,CACpD,OAAQ,cACZ,EAEa,QAA2C,CACpD,QAAS,SACT,WAAY,MACZ,MAAO,iBACX,EAEa,KAAqC,CAC9C,gBAAiB,6BACjB,mBAAoB,kBACpB,wBAAyB,yBACzB,MAAO,kBACP,WAAY,wBACZ,cAAe,2BACf,mBAAoB,oBACpB,MAAO,SACP,OAAQ,SACR,aAAc,MACd,QAAS,WACT,UAAW,CACP,MAAO,qBACP,MAAO,qBACP,MAAO,qBACP,OAAQ,sBACR,OAAQ,qBACZ,CACJ,EAEa,UAA+C,CACxD,OAAQ,cACZ,EAEa,MAAuC,CAChD,QAAS,WACT,aAAc,yBAClB,EAEa,SAA6C,CACtD,OAAQ,cACZ,EAEa,KAAqC,CAC9C,QAAS,WACT,aAAc,yBAClB,EAEa,UAA+C,CACxD,QAAS,eACT,YAAa,wBACjB,EAEa,WAAiD,CAC1D,QAAS,eACT,YAAa,yBACb,IAAK,SACL,UAAW,SACf,EAEa,YAAmD,CAC5D,MAAO,CACH,SAAU,CACN,WAAY,gBACZ,gBAAiB,gBACjB,iBAAkB,gBAClB,MAAO,gBACP,WAAY,gBACZ,YAAa,eACjB,EACA,MAAO,CACH,WAAY,gBACZ,MAAO,eACX,CACJ,EACA,KAAM,CACF,SAAU,CACN,WAAY,gBACZ,gBAAiB,gBACjB,iBAAkB,gBAClB,MAAO,gBACP,WAAY,gBACZ,YAAa,eACjB,EACA,MAAO,CACH,WAAY,gBACZ,MAAO,aACX,CACJ,CACJ,EAEa,IAA2C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCxD,IAAA,mBAAe,CACX,KACA,MACA,OACA,MACA,SACA,UACA,YACA,WACA,MACA,QACA,QACA,KACA,UACA,MACA,SACA,KACA,UACA,WACA,YACA,GACJ"}