@superlogic/spree-pay 0.1.31 → 0.1.35

package/build/index.css

@@ -225,6 +225,9 @@
   .sl-spreepay ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  .sl-spreepay ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   .sl-spreepay :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -251,7 +254,7 @@
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   white-space: nowrap;
   border-width: 0;
 }
@@ -401,6 +404,9 @@
 .sl-spreepay .h-\[34px\] {
   height: 34px;
 }
+.sl-spreepay .h-\[58px\] {
+  height: 58px;
+}
 .sl-spreepay .h-\[60px\] {
   height: 60px;
 }
@@ -578,6 +584,10 @@
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.sl-spreepay .rounded-r-sm {
+  border-top-right-radius: calc(var(--radius) - 4px);
+  border-bottom-right-radius: calc(var(--radius) - 4px);
+}
 .sl-spreepay .border {
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -590,6 +600,10 @@
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
+.sl-spreepay .border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
 .sl-spreepay .border-b-1 {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -598,6 +612,10 @@
   border-left-style: var(--tw-border-style) !important;
   border-left-width: 0px !important;
 }
+.sl-spreepay .border-l-0\! {
+  border-left-style: var(--tw-border-style) !important;
+  border-left-width: 0px !important;
+}
 .sl-spreepay .border-\[\#006FD533\] {
   border-color: #006FD533;
 }
@@ -640,6 +658,9 @@
 .sl-spreepay .border-transparent {
   border-color: transparent;
 }
+.sl-spreepay .border-white {
+  border-color: var(--color-white);
+}
 .sl-spreepay .bg-\[\#006FD50D\] {
   background-color: #006FD50D;
 }
@@ -649,6 +670,9 @@
 .sl-spreepay .bg-background {
   background-color: var(--background);
 }
+.sl-spreepay .bg-black {
+  background-color: var(--color-black);
+}
 .sl-spreepay .bg-black\/4 {
   background-color: color-mix(in srgb, #000 4%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -661,6 +685,12 @@
     background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
   }
 }
+.sl-spreepay .bg-black\/15 {
+  background-color: color-mix(in srgb, #000 15%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
+  }
+}
 .sl-spreepay .bg-black\/50 {
   background-color: color-mix(in srgb, #000 50%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -679,9 +709,6 @@
 .sl-spreepay .bg-gray-400 {
   background-color: var(--color-gray-400);
 }
-.sl-spreepay .bg-muted {
-  background-color: var(--muted);
-}
 .sl-spreepay .bg-primary {
   background-color: var(--primary);
 }
@@ -945,6 +972,12 @@
     var(--tw-ring-shadow),
     var(--tw-shadow);
 }
+.sl-spreepay .shadow-\[\#00000033\] {
+  --tw-shadow-color: #00000033;
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, #00000033 var(--tw-shadow-alpha), transparent);
+  }
+}
 .sl-spreepay .ring-ring\/50 {
   --tw-ring-color: var(--ring);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1668,11 +1701,13 @@
 @property --tw-animation-duration { syntax: "*"; inherits: false; }
 @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
 @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
 @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
 @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
 @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@@ -1799,12 +1834,14 @@
   from {
     opacity: var(--tw-enter-opacity,1);
     transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
   }
 }
 @keyframes exit {
   to {
     opacity: var(--tw-exit-opacity,1);
     transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
   }
 }
 @layer properties {
@@ -1840,11 +1877,13 @@
       --tw-animation-duration: initial;
       --tw-animation-fill-mode: none;
       --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
       --tw-enter-opacity: 1;
       --tw-enter-rotate: 0;
       --tw-enter-scale: 1;
       --tw-enter-translate-x: 0;
       --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
       --tw-exit-opacity: 1;
       --tw-exit-rotate: 0;
       --tw-exit-scale: 1;
@@ -1853,4 +1892,4 @@
     }
   }
 }
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */

package/build/index.d.cts

@@ -14,12 +14,16 @@ declare const SpreePay: FC<SpreePayProps>;
 
 declare const useCapture3DS: (searchParams: Record<string, string | null>) => void;
 
+type TenantId = 'bookit' | 'moca' | 'qiibee' | 'umhp';
+
+type Environment = 'dev' | 'stg' | 'prod';
 type ENV = {
-    environment: 'dev' | 'stg' | 'prod';
+    environment: Environment;
     ssoPageURI: string;
-    tenantId: string;
+    tenantId: TenantId;
     redirect3dsURI: string;
     accessToken?: string;
+    useWeb3Points?: boolean;
 };
 
 declare enum BASE_SYMBOLS {

package/build/index.d.ts

@@ -14,12 +14,16 @@ declare const SpreePay: FC<SpreePayProps>;
 
 declare const useCapture3DS: (searchParams: Record<string, string | null>) => void;
 
+type TenantId = 'bookit' | 'moca' | 'qiibee' | 'umhp';
+
+type Environment = 'dev' | 'stg' | 'prod';
 type ENV = {
-    environment: 'dev' | 'stg' | 'prod';
+    environment: Environment;
     ssoPageURI: string;
-    tenantId: string;
+    tenantId: TenantId;
     redirect3dsURI: string;
     accessToken?: string;
+    useWeb3Points?: boolean;
 };
 
 declare enum BASE_SYMBOLS {