@mantine/dates/cjs/components/PickerControl/PickerControl.module.cjs.map

Calendars, date and time pickers based on Mantine components

{"version":3,"file":"PickerControl.module.cjs","names":[],"sources":["../../../src/components/PickerControl/PickerControl.module.css"],"sourcesContent":[".pickerControl {\n  --dpc-size-xs: 30px;\n  --dpc-size-sm: 36px;\n  --dpc-size-md: 42px;\n  --dpc-size-lg: 48px;\n  --dpc-size-xl: 54px;\n  --dpc-size: var(--dpc-size-sm);\n\n  font-size: var(--dpc-fz, var(--mantine-font-size-sm));\n  height: var(--dpc-size);\n  width: calc((var(--dpc-size) * 7) / 3 + rem(1.5px));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n  background-color: transparent;\n  color: var(--mantine-color-text);\n  opacity: 1;\n  border-radius: var(--mantine-radius-default);\n\n  @mixin hover {\n    &:where(:not([data-disabled], :disabled)) {\n      @mixin where-light {\n        background-color: var(--mantine-color-gray-0);\n      }\n\n      @mixin where-dark {\n        background-color: var(--mantine-color-dark-5);\n      }\n    }\n  }\n\n  &:where(:disabled, [data-disabled]) {\n    color: var(--mantine-color-disabled-color);\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  &:where([data-selected]) {\n    background-color: var(--mantine-primary-color-filled);\n    color: var(--mantine-primary-color-contrast, var(--mantine-color-white));\n\n    @mixin hover {\n      background-color: var(--mantine-primary-color-filled-hover);\n    }\n  }\n\n  &:where([data-in-range]) {\n    background-color: var(--mantine-primary-color-light-hover);\n    border-radius: 0;\n\n    @mixin hover {\n      background-color: var(--mantine-primary-color-light);\n    }\n  }\n\n  &:where([data-first-in-range]) {\n    border-radius: 0;\n    border-start-start-radius: var(--mantine-radius-default);\n    border-end-start-radius: var(--mantine-radius-default);\n  }\n\n  &:where([data-last-in-range]) {\n    border-radius: 0;\n    border-end-end-radius: var(--mantine-radius-default);\n    border-start-end-radius: var(--mantine-radius-default);\n  }\n\n  &:where([data-first-in-range][data-last-in-range]) {\n    border-radius: var(--mantine-radius-default);\n  }\n\n  &:where([data-full-width]) {\n    width: 100%;\n  }\n}\n"],"mappings":""}