@pelcro/react-pelcro-js 4.0.0-alpha.11 → 4.0.0-alpha.13

package/dist/pelcro.css

@@ -548,7 +548,7 @@ Add the correct display in Chrome and Safari.
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
   -webkit-print-color-adjust: exact;
-  color-adjust: exact;
+  print-color-adjust: exact;
 }
 
 .pelcro-root [multiple] {
@@ -558,7 +558,7 @@ Add the correct display in Chrome and Safari.
   background-size: initial;
   padding-right: 0.75rem;
   -webkit-print-color-adjust: unset;
-  color-adjust: unset;
+  print-color-adjust: unset;
 }
 
 .pelcro-root [type="checkbox"],
@@ -567,7 +567,7 @@ Add the correct display in Chrome and Safari.
   appearance: none;
   padding: 0;
   -webkit-print-color-adjust: exact;
-  color-adjust: exact;
+  print-color-adjust: exact;
   display: inline-block;
   vertical-align: middle;
   background-origin: border-box;
@@ -842,7 +842,6 @@ Add the correct display in Chrome and Safari.
   --tw-bg-opacity: 1;
   background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
   padding: 1rem;
-  padding-bottom: 2.75rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -1670,12 +1669,12 @@ Add the correct display in Chrome and Safari.
 
 .pelcro-root .productTabs .tabs::-webkit-scrollbar {
   width: 15px;
-  height: 5px;
+  height: 3px;
 }
 
 .pelcro-root .productTabs .tabs::-webkit-scrollbar-track {
   background: lightGrey;
-  border-radius: 5px;
+  border-radius: 3px;
 }
 
 .pelcro-root .productTabs .tabs::-webkit-scrollbar-thumb {
@@ -1692,20 +1691,17 @@ Add the correct display in Chrome and Safari.
 }
 
 .pelcro-root .productTabs .tabs li#activeTab button {
-  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
-}
-
-.pelcro-root .productTabs .tabs li#activeTab:after {
-  content: "";
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  display: block;
-  height: 0.25rem;
-  width: 100%;
+  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
   background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+/* .pelcro-root .productTabs .tabs li#activeTab:after {
+    content: "";
+    @apply plc-h-1 plc-bg-primary-800 plc-w-full plc-absolute plc-bottom-0 plc-left-0 plc-block;
+  } */
+
 .pelcro-root .selectedProduct img {
   max-width: 150px;
   height: auto;
@@ -1733,7 +1729,7 @@ Add the correct display in Chrome and Safari.
   display: block;
   overflow: hidden;
   padding: 0;
-  margin: 0 -10px;
+  /* margin: 0 -10px; */
 }
 
 .pelcro-root .slick-list:focus {
@@ -1772,7 +1768,7 @@ Add the correct display in Chrome and Safari.
 }
 
 .pelcro-root .slick-slide {
-  display: flex;
+  display: flex !important;
   align-self: stretch;
   height: unset;
   margin: 0 10px;
@@ -1991,10 +1987,6 @@ in order to scope selectors under pelcro-root
   right: 0.5rem;
 }
 
-.pelcro-root .plc-right-4 {
-  right: 1rem;
-}
-
 .pelcro-root .plc-right-10 {
   right: 2.5rem;
 }
@@ -2015,6 +2007,10 @@ in order to scope selectors under pelcro-root
   left: 0px;
 }
 
+.pelcro-root .plc-left-4 {
+  left: 1rem;
+}
+
 .pelcro-root .plc-left-5 {
   left: 1.25rem;
 }
@@ -2047,6 +2043,11 @@ in order to scope selectors under pelcro-root
   margin: auto;
 }
 
+.pelcro-root .plc-mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
 .pelcro-root .plc-mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
@@ -2145,10 +2146,6 @@ in order to scope selectors under pelcro-root
   margin-bottom: 1.5rem;
 }
 
-.pelcro-root .plc-mb-8 {
-  margin-bottom: 2rem;
-}
-
 .pelcro-root .plc-mb-9 {
   margin-bottom: 2.25rem;
 }
@@ -2456,6 +2453,10 @@ in order to scope selectors under pelcro-root
   --tw-translate-x: 0px;
 }
 
+.pelcro-root .plc--translate-x-1 {
+  --tw-translate-x: -0.25rem;
+}
+
 .pelcro-root .plc--translate-x-full {
   --tw-translate-x: -100%;
 }
@@ -2476,6 +2477,11 @@ in order to scope selectors under pelcro-root
   --tw-rotate: 180deg;
 }
 
+.pelcro-root .plc-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
 .pelcro-root .plc-scale-120 {
   --tw-scale-x: 1.2;
   --tw-scale-y: 1.2;
@@ -2686,6 +2692,10 @@ in order to scope selectors under pelcro-root
   overflow-wrap: break-word;
 }
 
+.pelcro-root .plc-break-all {
+  word-break: break-all;
+}
+
 .pelcro-root .plc-rounded-none {
   border-radius: 0px;
 }
@@ -3005,6 +3015,11 @@ in order to scope selectors under pelcro-root
   padding: 1.5rem;
 }
 
+.pelcro-root .plc-px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
 .pelcro-root .plc-px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -3035,11 +3050,6 @@ in order to scope selectors under pelcro-root
   padding-right: 1.5rem;
 }
 
-.pelcro-root .plc-px-16 {
-  padding-left: 4rem;
-  padding-right: 4rem;
-}
-
 .pelcro-root .plc-py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -3577,6 +3587,11 @@ in order to scope selectors under pelcro-root
     padding-right: 2rem;
   }
 
+  .pelcro-root .sm\:plc-px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .pelcro-root .sm\:plc-pl-8 {
     padding-left: 2rem;
   }
@@ -3599,15 +3614,6 @@ in order to scope selectors under pelcro-root
 }
 
 @media (min-width: 1280px) {
-  .pelcro-root .xl\:plc-px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .pelcro-root .xl\:plc-px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
 }
 
 @media (min-width: 1536px) {

package/package.json

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