@mantine/dropzone/cjs/Dropzone.module.cjs.map

Dropzone component built with Mantine theme and components

{"version":3,"file":"Dropzone.module.cjs","names":[],"sources":["../src/Dropzone.module.css"],"sourcesContent":[".root {\n  position: relative;\n  border: 1px dashed;\n  color: var(--mantine-color-text);\n  padding: var(--mantine-spacing-md);\n  border-radius: var(--dropzone-radius);\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background-color 100ms ease,\n    border-color 100ms ease;\n\n  &:where([data-loading]),\n  &:where(:not([data-activate-on-click])) {\n    cursor: default;\n  }\n\n  @mixin where-light {\n    background-color: var(--mantine-color-white);\n    border-color: var(--mantine-color-gray-4);\n  }\n\n  @mixin where-dark {\n    background-color: var(--mantine-color-dark-6);\n    border-color: var(--mantine-color-dark-4);\n  }\n\n  @mixin hover {\n    &:where([data-activate-on-click]:not([data-loading])) {\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([data-accept]) {\n    background-color: var(--dropzone-accept-bg);\n    border-color: var(--dropzone-accept-bg);\n    color: var(--dropzone-accept-color);\n  }\n\n  &:where([data-reject]) {\n    background-color: var(--dropzone-reject-bg);\n    border-color: var(--dropzone-reject-bg);\n    color: var(--dropzone-reject-color);\n  }\n}\n\n.inner {\n  pointer-events: none;\n  user-select: none;\n\n  &:where([data-enable-pointer-events]) {\n    pointer-events: all;\n  }\n}\n\n.fullScreen {\n  position: fixed;\n  inset: 0;\n  background-color: var(--mantine-color-body);\n  display: flex;\n  flex-direction: column;\n  padding: var(--mantine-spacing-xs);\n  transition: opacity 100ms ease;\n\n  & .dropzone {\n    flex: 1;\n  }\n}\n"],"mappings":""}