@primeuix/styles
Version:
1 lines • 15 kB
JavaScript
var style="\n .p-datepicker {\n display: inline-flex;\n max-width: 100%;\n }\n\n .p-datepicker-input {\n flex: 1 1 auto;\n width: 1%;\n }\n\n .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n\n .p-datepicker-dropdown {\n cursor: pointer;\n display: inline-flex;\n user-select: none;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n width: dt('datepicker.dropdown.width');\n border-start-end-radius: dt('datepicker.dropdown.border.radius');\n border-end-end-radius: dt('datepicker.dropdown.border.radius');\n background: dt('datepicker.dropdown.background');\n border: 1px solid dt('datepicker.dropdown.border.color');\n border-inline-start: 0 none;\n color: dt('datepicker.dropdown.color');\n transition:\n background dt('datepicker.transition.duration'),\n color dt('datepicker.transition.duration'),\n border-color dt('datepicker.transition.duration'),\n outline-color dt('datepicker.transition.duration');\n outline-color: transparent;\n }\n\n .p-datepicker-dropdown:not(:disabled):hover {\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 .p-datepicker-dropdown:not(:disabled):active {\n background: dt('datepicker.dropdown.active.background');\n border-color: dt('datepicker.dropdown.active.border.color');\n color: dt('datepicker.dropdown.active.color');\n }\n\n .p-datepicker-dropdown:focus-visible {\n box-shadow: dt('datepicker.dropdown.focus.ring.shadow');\n outline: dt('datepicker.dropdown.focus.ring.width') dt('datepicker.dropdown.focus.ring.style') dt('datepicker.dropdown.focus.ring.color');\n outline-offset: dt('datepicker.dropdown.focus.ring.offset');\n }\n\n .p-datepicker:has(.p-datepicker-input-icon-container) {\n position: relative;\n }\n\n .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {\n padding-inline-end: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n }\n\n .p-datepicker-input-icon-container {\n cursor: pointer;\n position: absolute;\n top: 50%;\n inset-inline-end: dt('form.field.padding.x');\n margin-block-start: calc(-1 * (dt('icon.size') / 2));\n color: dt('datepicker.input.icon.color');\n line-height: 1;\n }\n\n .p-datepicker-fluid {\n display: flex;\n }\n\n .p-datepicker-fluid .p-datepicker-input {\n width: 1%;\n }\n\n .p-datepicker .p-datepicker-panel {\n min-width: 100%;\n }\n\n .p-datepicker-panel {\n width: auto;\n padding: dt('datepicker.panel.padding');\n background: dt('datepicker.panel.background');\n color: dt('datepicker.panel.color');\n border: 1px solid dt('datepicker.panel.border.color');\n border-radius: dt('datepicker.panel.border.radius');\n box-shadow: dt('datepicker.panel.shadow');\n }\n\n .p-datepicker-panel-inline {\n display: inline-block;\n overflow-x: auto;\n box-shadow: none;\n }\n\n .p-datepicker-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: dt('datepicker.header.padding');\n background: dt('datepicker.header.background');\n color: dt('datepicker.header.color');\n border-block-end: 1px solid dt('datepicker.header.border.color');\n }\n\n .p-datepicker-next-button:dir(rtl) {\n order: -1;\n }\n\n .p-datepicker-prev-button:dir(rtl) {\n order: 1;\n }\n\n .p-datepicker-title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: dt('datepicker.title.gap');\n font-weight: dt('datepicker.title.font.weight');\n }\n\n .p-datepicker-select-year,\n .p-datepicker-select-month {\n border: none;\n background: transparent;\n margin: 0;\n cursor: pointer;\n font-weight: inherit;\n transition:\n background dt('datepicker.transition.duration'),\n color dt('datepicker.transition.duration'),\n border-color dt('datepicker.transition.duration'),\n outline-color dt('datepicker.transition.duration'),\n box-shadow dt('datepicker.transition.duration');\n }\n\n .p-datepicker-select-month {\n padding: dt('datepicker.select.month.padding');\n color: dt('datepicker.select.month.color');\n border-radius: dt('datepicker.select.month.border.radius');\n }\n\n .p-datepicker-select-year {\n padding: dt('datepicker.select.year.padding');\n color: dt('datepicker.select.year.color');\n border-radius: dt('datepicker.select.year.border.radius');\n }\n\n .p-datepicker-select-month:enabled:hover {\n background: dt('datepicker.select.month.hover.background');\n color: dt('datepicker.select.month.hover.color');\n }\n\n .p-datepicker-select-year:enabled:hover {\n background: dt('datepicker.select.year.hover.background');\n color: dt('datepicker.select.year.hover.color');\n }\n\n .p-datepicker-select-month:focus-visible,\n .p-datepicker-select-year:focus-visible {\n box-shadow: dt('datepicker.date.focus.ring.shadow');\n outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n outline-offset: dt('datepicker.date.focus.ring.offset');\n }\n\n .p-datepicker-calendar-container {\n display: flex;\n }\n\n .p-datepicker-calendar-container .p-datepicker-calendar {\n flex: 1 1 auto;\n border-inline-start: 1px solid dt('datepicker.group.border.color');\n padding-inline-end: dt('datepicker.group.gap');\n padding-inline-start: dt('datepicker.group.gap');\n }\n\n .p-datepicker-calendar-container .p-datepicker-calendar:first-child {\n padding-inline-start: 0;\n border-inline-start: 0 none;\n }\n\n .p-datepicker-calendar-container .p-datepicker-calendar:last-child {\n padding-inline-end: 0;\n }\n\n .p-datepicker-day-view {\n width: 100%;\n border-collapse: collapse;\n font-size: 1rem;\n margin: dt('datepicker.day.view.margin');\n }\n\n .p-datepicker-weekday-cell {\n padding: dt('datepicker.week.day.padding');\n }\n\n .p-datepicker-weekday {\n font-weight: dt('datepicker.week.day.font.weight');\n color: dt('datepicker.week.day.color');\n }\n\n .p-datepicker-day-cell {\n padding: dt('datepicker.date.padding');\n }\n\n .p-datepicker-day {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin: 0 auto;\n overflow: hidden;\n position: relative;\n width: dt('datepicker.date.width');\n height: dt('datepicker.date.height');\n border-radius: dt('datepicker.date.border.radius');\n transition:\n background dt('datepicker.transition.duration'),\n color dt('datepicker.transition.duration'),\n border-color dt('datepicker.transition.duration'),\n box-shadow dt('datepicker.transition.duration'),\n outline-color dt('datepicker.transition.duration');\n border: 1px solid transparent;\n outline-color: transparent;\n color: dt('datepicker.date.color');\n }\n\n .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {\n background: dt('datepicker.date.hover.background');\n color: dt('datepicker.date.hover.color');\n }\n\n .p-datepicker-day:focus-visible {\n box-shadow: dt('datepicker.date.focus.ring.shadow');\n outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n outline-offset: dt('datepicker.date.focus.ring.offset');\n }\n\n .p-datepicker-day-selected {\n background: dt('datepicker.date.selected.background');\n color: dt('datepicker.date.selected.color');\n }\n\n .p-datepicker-day-selected-range {\n background: dt('datepicker.date.range.selected.background');\n color: dt('datepicker.date.range.selected.color');\n }\n\n .p-datepicker-today > .p-datepicker-day {\n background: dt('datepicker.today.background');\n color: dt('datepicker.today.color');\n }\n\n .p-datepicker-today > .p-datepicker-day-selected {\n background: dt('datepicker.date.selected.background');\n color: dt('datepicker.date.selected.color');\n }\n\n .p-datepicker-today > .p-datepicker-day-selected-range {\n background: dt('datepicker.date.range.selected.background');\n color: dt('datepicker.date.range.selected.color');\n }\n\n .p-datepicker-weeknumber {\n text-align: center;\n }\n\n .p-datepicker-month-view {\n margin: dt('datepicker.month.view.margin');\n }\n\n .p-datepicker-month {\n width: 33.3%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n padding: dt('datepicker.month.padding');\n transition:\n background dt('datepicker.transition.duration'),\n color dt('datepicker.transition.duration'),\n border-color dt('datepicker.transition.duration'),\n box-shadow dt('datepicker.transition.duration'),\n outline-color dt('datepicker.transition.duration');\n border-radius: dt('datepicker.month.border.radius');\n outline-color: transparent;\n color: dt('datepicker.date.color');\n }\n\n .p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {\n color: dt('datepicker.date.hover.color');\n background: dt('datepicker.date.hover.background');\n }\n\n .p-datepicker-month-selected {\n color: dt('datepicker.date.selected.color');\n background: dt('datepicker.date.selected.background');\n }\n\n .p-datepicker-month:not(.p-disabled):focus-visible {\n box-shadow: dt('datepicker.date.focus.ring.shadow');\n outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n outline-offset: dt('datepicker.date.focus.ring.offset');\n }\n\n .p-datepicker-year-view {\n margin: dt('datepicker.year.view.margin');\n }\n\n .p-datepicker-year {\n width: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n padding: dt('datepicker.year.padding');\n transition:\n background dt('datepicker.transition.duration'),\n color dt('datepicker.transition.duration'),\n border-color dt('datepicker.transition.duration'),\n box-shadow dt('datepicker.transition.duration'),\n outline-color dt('datepicker.transition.duration');\n border-radius: dt('datepicker.year.border.radius');\n outline-color: transparent;\n color: dt('datepicker.date.color');\n }\n\n .p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {\n color: dt('datepicker.date.hover.color');\n background: dt('datepicker.date.hover.background');\n }\n\n .p-datepicker-year-selected {\n color: dt('datepicker.date.selected.color');\n background: dt('datepicker.date.selected.background');\n }\n\n .p-datepicker-year:not(.p-disabled):focus-visible {\n box-shadow: dt('datepicker.date.focus.ring.shadow');\n outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n outline-offset: dt('datepicker.date.focus.ring.offset');\n }\n\n .p-datepicker-buttonbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: dt('datepicker.buttonbar.padding');\n border-block-start: 1px solid dt('datepicker.buttonbar.border.color');\n }\n\n .p-datepicker-buttonbar .p-button {\n width: auto;\n }\n\n .p-datepicker-time-picker {\n display: flex;\n justify-content: center;\n align-items: center;\n border-block-start: 1px solid dt('datepicker.time.picker.border.color');\n padding: 0;\n gap: dt('datepicker.time.picker.gap');\n }\n\n .p-datepicker-calendar-container + .p-datepicker-time-picker {\n padding: dt('datepicker.time.picker.padding');\n }\n\n .p-datepicker-time-picker > div {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: dt('datepicker.time.picker.button.gap');\n }\n\n .p-datepicker-time-picker span {\n font-size: 1rem;\n }\n\n .p-datepicker-timeonly .p-datepicker-time-picker {\n border-block-start: 0 none;\n }\n\n .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {\n width: dt('datepicker.dropdown.sm.width');\n }\n\n .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,\n .p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-icon {\n font-size: dt('form.field.sm.font.size');\n width: dt('form.field.sm.font.size');\n height: dt('form.field.sm.font.size');\n }\n\n .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {\n width: dt('datepicker.dropdown.lg.width');\n }\n\n .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,\n .p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon {\n font-size: dt('form.field.lg.font.size');\n width: dt('form.field.lg.font.size');\n height: dt('form.field.lg.font.size');\n }\n\n .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-clear-icon,\n .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-clear-icon {\n inset-inline-end: calc(dt('datepicker.dropdown.width') + dt('form.field.padding.x'));\n }\n\n .p-datepicker-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n cursor: pointer;\n color: dt('form.field.icon.color');\n inset-inline-end: dt('form.field.padding.x');\n }\n";export{style};//# sourceMappingURL=index.mjs.map