@pelcro/react-pelcro-js 4.0.0-alpha.45 → 4.0.0-alpha.47

package/dist/pelcro.css

@@ -792,7 +792,7 @@ Add the correct display in Chrome and Safari.
 .pelcro-root .pelcro-modal-close {
   position: absolute;
   top: 50%;
-  right: 0.5rem;
+  right: 1.5rem;
   z-index: 999999;
   width: 1.5rem;
   --tw-translate-x: 0;
@@ -836,12 +836,6 @@ Add the correct display in Chrome and Safari.
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-@media (min-width: 640px){
-  .pelcro-root .pelcro-modal-close{
-    right: 1.25rem;
-  }
-}
-
 .pelcro-root .pelcro-modal-body {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
@@ -1826,6 +1820,15 @@ Add the correct display in Chrome and Safari.
   filter: brightness(0.8);
 }
 
+#pelcro-view-dashboard-submenus {
+  /* From https://css.glass */
+  background: rgba(255, 255, 255, 0.12);
+  /* border-radius: 16px; */
+  /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
+  backdrop-filter: blur(3.5px);
+  -webkit-backdrop-filter: blur(3.5px);
+}
+
 /* used by multiple input sub-components */
 
 /* Slider */
@@ -2114,8 +2117,8 @@ in order to scope selectors under pelcro-root
   right: 2.5rem;
 }
 
-.pelcro-root .plc--right-12{
-  right: -3rem;
+.pelcro-root .plc--right-14{
+  right: -3.5rem;
 }
 
 .pelcro-root .plc-bottom-0{
@@ -2130,16 +2133,16 @@ in order to scope selectors under pelcro-root
   left: 0px;
 }
 
-.pelcro-root .plc-left-2{
-  left: 0.5rem;
-}
-
 .pelcro-root .plc-left-4{
   left: 1rem;
 }
 
-.pelcro-root .plc--left-12{
-  left: -3rem;
+.pelcro-root .plc-left-6{
+  left: 1.5rem;
+}
+
+.pelcro-root .plc--left-14{
+  left: -3.5rem;
 }
 
 .pelcro-root .plc-z-max{
@@ -2275,6 +2278,10 @@ in order to scope selectors under pelcro-root
   margin-bottom: 2.25rem;
 }
 
+.pelcro-root .plc-mb-10{
+  margin-bottom: 2.5rem;
+}
+
 .pelcro-root .plc-ml-0{
   margin-left: 0px;
 }
@@ -3278,6 +3285,10 @@ in order to scope selectors under pelcro-root
   padding-right: 0.5rem;
 }
 
+.pelcro-root .plc-pb-2{
+  padding-bottom: 0.5rem;
+}
+
 .pelcro-root .plc-pb-4{
   padding-bottom: 1rem;
 }
@@ -3717,16 +3728,12 @@ in order to scope selectors under pelcro-root
     top: 50%;
   }
 
-  .pelcro-root .sm\:plc--right-12{
-    right: -3rem;
-  }
-
-  .pelcro-root .sm\:plc-left-5{
-    left: 1.25rem;
+  .pelcro-root .sm\:plc--right-14{
+    right: -3.5rem;
   }
 
-  .pelcro-root .sm\:plc--left-12{
-    left: -3rem;
+  .pelcro-root .sm\:plc--left-14{
+    left: -3.5rem;
   }
 
   .pelcro-root .sm\:plc-m-4{
@@ -3827,8 +3834,11 @@ in order to scope selectors under pelcro-root
     margin-right: auto;
   }
 
-  .pelcro-root .md\:plc-my-20{
-    margin-top: 5rem;
+  .pelcro-root .md\:plc-mt-40{
+    margin-top: 10rem;
+  }
+
+  .pelcro-root .md\:plc-mb-20{
     margin-bottom: 5rem;
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "4.0.0-alpha.45",
+  "version": "4.0.0-alpha.47",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",