@gfazioli/mantine-reflection 0.1.4 → 0.1.6

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/CHANGELOG.md +1 -1
  2. package/CONTRIBUTING.md +2 -2
  3. package/README.md +1 -0
  4. package/dist/styles.layer.css +1 -1
  5. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Changelog
2
2
 
3
- The following is a list of notable changes to the Mantine Split component.
3
+ The following is a list of notable changes to the Mantine Reflection component.
4
4
  Minor versions that are not listed in the changelog are bug fixes and small improvements.
5
5
 
6
6
  ## 0.1.4 (2024-03-17)
package/CONTRIBUTING.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Contributing
2
2
 
3
- 👏 Thank you for considering contributing to the WP Bones framework!
3
+ 👏 Thank you for considering contributing to this project.
4
4
 
5
5
  ## Bug Reports
6
6
 
@@ -13,6 +13,6 @@ Furthermore, providing information such as system specifications, error messages
13
13
 
14
14
  ## Code contributors
15
15
 
16
- Here's a list of all the people who have contributed to the codebase of this project so far:
16
+ Here is a list of all the people who have contributed to the codebase of this project so far:
17
17
 
18
18
  [![Contributors list](https://contrib.rocks/image?repo=gfazioli/mantine-reflection)](https://github.com/gfazioli/mantine-reflection/graphs/contributors)
package/README.md CHANGED
@@ -25,6 +25,7 @@
25
25
 
26
26
  This component is created on top of the [Mantine](https://mantine.dev/) library.
27
27
  Adds a reflection effect to a component. It simply wraps the content to be reflected.
28
+ You can find more components on the [Mantine Extensions Hub](https://mantine-extensions.vercel.app/) library.
28
29
 
29
30
  ## Installation
30
31
 
package/dist/styles.layer.css CHANGED
@@ -1 +1 @@
1
- @layer mantine {.me-5b265124{display:inline-block}.me-5b265124,.me-5b265124>:first-child{position:relative}.me-5b265124[data-shadow]>:first-child:after{background:radial-gradient(ellipse at center,var(--shadow-color,"black") 0,transparent 70%);bottom:var(--shadow-offset,0);content:"";filter:blur(var(--shadow-blur));height:var(--shadow-size,10);left:0;opacity:var(--shadow-opacity);position:absolute;transform:scaleX(var(--shadow-scale-x,1.1)) scaleY(var(--shadow-scale-y,1));width:100%;z-index:-1}.me-c90002ed{--reflection-distance-xs:calc(1.125rem*var(--mantine-scale));--reflection-distance-sm:calc(1.375rem*var(--mantine-scale));--reflection-distance-md:calc(1.75rem*var(--mantine-scale));--reflection-distance-lg:calc(2.125rem*var(--mantine-scale));--reflection-distance-xl:calc(2.75rem*var(--mantine-scale));filter:blur(var(--reflection-blur));-webkit-mask-image:linear-gradient(to bottom,transparent var(--reflection-start),#000 var(--reflection-end));mask-image:linear-gradient(to bottom,transparent var(--reflection-start),#000 var(--reflection-end));opacity:var(--reflection-opacity);pointer-events:none;position:absolute;top:calc(100% + var(--reflection-distance, 0));transform:scaleY(-1) scaleY(var(--reflection-stretch,1));z-index:-2}}
1
+ @layer mantine-reflection {.me-5b265124{display:inline-block}.me-5b265124,.me-5b265124>:first-child{position:relative}.me-5b265124[data-shadow]>:first-child:after{background:radial-gradient(ellipse at center,var(--shadow-color,"black") 0,transparent 70%);bottom:var(--shadow-offset,0);content:"";filter:blur(var(--shadow-blur));height:var(--shadow-size,10);left:0;opacity:var(--shadow-opacity);position:absolute;transform:scaleX(var(--shadow-scale-x,1.1)) scaleY(var(--shadow-scale-y,1));width:100%;z-index:-1}.me-c90002ed{--reflection-distance-xs:calc(1.125rem*var(--mantine-scale));--reflection-distance-sm:calc(1.375rem*var(--mantine-scale));--reflection-distance-md:calc(1.75rem*var(--mantine-scale));--reflection-distance-lg:calc(2.125rem*var(--mantine-scale));--reflection-distance-xl:calc(2.75rem*var(--mantine-scale));filter:blur(var(--reflection-blur));-webkit-mask-image:linear-gradient(to bottom,transparent var(--reflection-start),#000 var(--reflection-end));mask-image:linear-gradient(to bottom,transparent var(--reflection-start),#000 var(--reflection-end));opacity:var(--reflection-opacity);pointer-events:none;position:absolute;top:calc(100% + var(--reflection-distance, 0));transform:scaleY(-1) scaleY(var(--reflection-stretch,1));z-index:-2}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gfazioli/mantine-reflection",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "description": "Mantine Reflection is a React component that allows you to create a reflection effect on an image or any other component.",
5
5
  "homepage": "https://gfazioli.github.io/mantine-reflection/",
6
6
  "packageManager": "yarn@4.0.1",