@mantine/dropzone 7.7.0 → 7.7.1

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.
Files changed (5) hide show
  1. package/cjs/Dropzone.module.css.cjs +1 -1
  2. package/esm/Dropzone.module.css.mjs +1 -1
  3. package/package.json +5 -5
  4. package/styles.css +15 -15
  5. package/styles.layer.css +15 -15
package/cjs/Dropzone.module.css.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var classes = {"root":"m-d46a4834","inner":"m-b85f7144","fullScreen":"m-96f6e9ad","dropzone":"m-7946116d"};
4
+ var classes = {"root":"m_d46a4834","inner":"m_b85f7144","fullScreen":"m_96f6e9ad","dropzone":"m_7946116d"};
5
5
 
6
6
  module.exports = classes;
7
7
  //# sourceMappingURL=Dropzone.module.css.cjs.map
package/esm/Dropzone.module.css.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- var classes = {"root":"m-d46a4834","inner":"m-b85f7144","fullScreen":"m-96f6e9ad","dropzone":"m-7946116d"};
2
+ var classes = {"root":"m_d46a4834","inner":"m_b85f7144","fullScreen":"m_96f6e9ad","dropzone":"m_7946116d"};
3
3
 
4
4
  export { classes as default };
5
5
  //# sourceMappingURL=Dropzone.module.css.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/dropzone",
3
- "version": "7.7.0",
3
+ "version": "7.7.1",
4
4
  "description": "Dropzone component built with Mantine theme and components",
5
5
  "homepage": "https://mantine.dev/x/dropzone/",
6
6
  "license": "MIT",
@@ -44,8 +44,8 @@
44
44
  "directory": "packages/@mantine/dropzone"
45
45
  },
46
46
  "peerDependencies": {
47
- "@mantine/core": "7.7.0",
48
- "@mantine/hooks": "7.7.0",
47
+ "@mantine/core": "7.7.1",
48
+ "@mantine/hooks": "7.7.1",
49
49
  "react": "^18.2.0",
50
50
  "react-dom": "^18.2.0"
51
51
  },
@@ -54,7 +54,7 @@
54
54
  },
55
55
  "devDependencies": {
56
56
  "@mantine-tests/core": "1.1.0",
57
- "@mantine/core": "7.7.0",
58
- "@mantine/hooks": "7.7.0"
57
+ "@mantine/core": "7.7.1",
58
+ "@mantine/hooks": "7.7.1"
59
59
  }
60
60
  }
package/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- .m-d46a4834 {
1
+ .m_d46a4834 {
2
2
  position: relative;
3
3
  border: calc(0.0625rem * var(--mantine-scale)) dashed;
4
4
  color: var(--mantine-color-text);
@@ -11,63 +11,63 @@
11
11
  border-color 100ms ease;
12
12
  }
13
13
 
14
- .m-d46a4834:where([data-loading]),
15
- .m-d46a4834:where(:not([data-activate-on-click])) {
14
+ .m_d46a4834:where([data-loading]),
15
+ .m_d46a4834:where(:not([data-activate-on-click])) {
16
16
  cursor: default;
17
17
  }
18
18
 
19
- :where([data-mantine-color-scheme='light']) .m-d46a4834 {
19
+ :where([data-mantine-color-scheme='light']) .m_d46a4834 {
20
20
  background-color: var(--mantine-color-white);
21
21
  border-color: var(--mantine-color-gray-4);
22
22
  }
23
23
 
24
- :where([data-mantine-color-scheme='dark']) .m-d46a4834 {
24
+ :where([data-mantine-color-scheme='dark']) .m_d46a4834 {
25
25
  background-color: var(--mantine-color-dark-6);
26
26
  border-color: var(--mantine-color-dark-4);
27
27
  }
28
28
 
29
29
  @media (hover: hover) {
30
- :where([data-mantine-color-scheme='light']) .m-d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
30
+ :where([data-mantine-color-scheme='light']) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
31
31
  background-color: var(--mantine-color-gray-0);
32
32
  }
33
33
 
34
- :where([data-mantine-color-scheme='dark']) .m-d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
34
+ :where([data-mantine-color-scheme='dark']) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
35
35
  background-color: var(--mantine-color-dark-5);
36
36
  }
37
37
  }
38
38
 
39
39
  @media (hover: none) {
40
- :where([data-mantine-color-scheme='light']) .m-d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
40
+ :where([data-mantine-color-scheme='light']) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
41
41
  background-color: var(--mantine-color-gray-0);
42
42
  }
43
43
 
44
- :where([data-mantine-color-scheme='dark']) .m-d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
44
+ :where([data-mantine-color-scheme='dark']) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
45
45
  background-color: var(--mantine-color-dark-5);
46
46
  }
47
47
  }
48
48
 
49
- .m-d46a4834:where([data-accept]) {
49
+ .m_d46a4834:where([data-accept]) {
50
50
  background-color: var(--dropzone-accept-bg);
51
51
  border-color: var(--dropzone-accept-bg);
52
52
  color: var(--dropzone-accept-color);
53
53
  }
54
54
 
55
- .m-d46a4834:where([data-reject]) {
55
+ .m_d46a4834:where([data-reject]) {
56
56
  background-color: var(--dropzone-reject-bg);
57
57
  border-color: var(--dropzone-reject-bg);
58
58
  color: var(--dropzone-reject-color);
59
59
  }
60
60
 
61
- .m-b85f7144 {
61
+ .m_b85f7144 {
62
62
  pointer-events: none;
63
63
  user-select: none;
64
64
  }
65
65
 
66
- .m-b85f7144:where([data-enable-pointer-events]) {
66
+ .m_b85f7144:where([data-enable-pointer-events]) {
67
67
  pointer-events: all;
68
68
  }
69
69
 
70
- .m-96f6e9ad {
70
+ .m_96f6e9ad {
71
71
  position: fixed;
72
72
  inset: 0;
73
73
  background-color: var(--mantine-color-body);
@@ -77,6 +77,6 @@
77
77
  transition: opacity 100ms ease;
78
78
  }
79
79
 
80
- .m-96f6e9ad .m-7946116d {
80
+ .m_96f6e9ad .m_7946116d {
81
81
  flex: 1;
82
82
  }
package/styles.layer.css CHANGED
@@ -1,4 +1,4 @@
1
- @layer mantine {.m-d46a4834 {
1
+ @layer mantine {.m_d46a4834 {
2
2
  position: relative;
3
3
  border: calc(0.0625rem * var(--mantine-scale)) dashed;
4
4
  color: var(--mantine-color-text);
@@ -11,63 +11,63 @@
11
11
  border-color 100ms ease;
12
12
  }
13
13
 
14
- .m-d46a4834:where([data-loading]),
15
- .m-d46a4834:where(:not([data-activate-on-click])) {
14
+ .m_d46a4834:where([data-loading]),
15
+ .m_d46a4834:where(:not([data-activate-on-click])) {
16
16
  cursor: default;
17
17
  }
18
18
 
19
- :where([data-mantine-color-scheme='light']) .m-d46a4834 {
19
+ :where([data-mantine-color-scheme='light']) .m_d46a4834 {
20
20
  background-color: var(--mantine-color-white);
21
21
  border-color: var(--mantine-color-gray-4);
22
22
  }
23
23
 
24
- :where([data-mantine-color-scheme='dark']) .m-d46a4834 {
24
+ :where([data-mantine-color-scheme='dark']) .m_d46a4834 {
25
25
  background-color: var(--mantine-color-dark-6);
26
26
  border-color: var(--mantine-color-dark-4);
27
27
  }
28
28
 
29
29
  @media (hover: hover) {
30
- :where([data-mantine-color-scheme='light']) .m-d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
30
+ :where([data-mantine-color-scheme='light']) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
31
31
  background-color: var(--mantine-color-gray-0);
32
32
  }
33
33
 
34
- :where([data-mantine-color-scheme='dark']) .m-d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
34
+ :where([data-mantine-color-scheme='dark']) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
35
35
  background-color: var(--mantine-color-dark-5);
36
36
  }
37
37
  }
38
38
 
39
39
  @media (hover: none) {
40
- :where([data-mantine-color-scheme='light']) .m-d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
40
+ :where([data-mantine-color-scheme='light']) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
41
41
  background-color: var(--mantine-color-gray-0);
42
42
  }
43
43
 
44
- :where([data-mantine-color-scheme='dark']) .m-d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
44
+ :where([data-mantine-color-scheme='dark']) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
45
45
  background-color: var(--mantine-color-dark-5);
46
46
  }
47
47
  }
48
48
 
49
- .m-d46a4834:where([data-accept]) {
49
+ .m_d46a4834:where([data-accept]) {
50
50
  background-color: var(--dropzone-accept-bg);
51
51
  border-color: var(--dropzone-accept-bg);
52
52
  color: var(--dropzone-accept-color);
53
53
  }
54
54
 
55
- .m-d46a4834:where([data-reject]) {
55
+ .m_d46a4834:where([data-reject]) {
56
56
  background-color: var(--dropzone-reject-bg);
57
57
  border-color: var(--dropzone-reject-bg);
58
58
  color: var(--dropzone-reject-color);
59
59
  }
60
60
 
61
- .m-b85f7144 {
61
+ .m_b85f7144 {
62
62
  pointer-events: none;
63
63
  user-select: none;
64
64
  }
65
65
 
66
- .m-b85f7144:where([data-enable-pointer-events]) {
66
+ .m_b85f7144:where([data-enable-pointer-events]) {
67
67
  pointer-events: all;
68
68
  }
69
69
 
70
- .m-96f6e9ad {
70
+ .m_96f6e9ad {
71
71
  position: fixed;
72
72
  inset: 0;
73
73
  background-color: var(--mantine-color-body);
@@ -77,7 +77,7 @@
77
77
  transition: opacity 100ms ease;
78
78
  }
79
79
 
80
- .m-96f6e9ad .m-7946116d {
80
+ .m_96f6e9ad .m_7946116d {
81
81
  flex: 1;
82
82
  }
83
83
  }