logix-payment-shift4 1.0.6 → 1.0.7

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.
package/dist/index.cjs.js CHANGED
@@ -366,7 +366,7 @@ function PaymentForm(_ref) {
366
366
  className: "form-control",
367
367
  style: {
368
368
  padding: inputpadding,
369
- borderRadius: "10px",
369
+ borderRadius: formborderRadius,
370
370
  border: "1px solid #ccc",
371
371
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
372
372
  }
@@ -387,7 +387,7 @@ function PaymentForm(_ref) {
387
387
  className: "form-control",
388
388
  style: {
389
389
  padding: inputpadding,
390
- borderRadius: "10px",
390
+ borderRadius: formborderRadius,
391
391
  border: "1px solid #ccc",
392
392
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
393
393
  }
@@ -401,7 +401,7 @@ function PaymentForm(_ref) {
401
401
  className: "form-control",
402
402
  style: {
403
403
  padding: inputpadding,
404
- borderRadius: "10px",
404
+ borderRadius: formborderRadius,
405
405
  border: "1px solid #ccc",
406
406
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
407
407
  }
@@ -411,11 +411,11 @@ function PaymentForm(_ref) {
411
411
  style: {
412
412
  marginTop: "16px",
413
413
  width: "100%",
414
- padding: inputpadding,
414
+ padding: inputpadding + 2,
415
415
  backgroundColor: color,
416
416
  color: "white",
417
417
  border: "none",
418
- borderRadius: "12px",
418
+ borderRadius: formborderRadius,
419
419
  fontWeight: "600",
420
420
  cursor: !isReady || isSubmitting ? "not-allowed" : "pointer",
421
421
  opacity: !isReady || isSubmitting ? 0.7 : 1
package/dist/index.esm.js CHANGED
@@ -364,7 +364,7 @@ function PaymentForm(_ref) {
364
364
  className: "form-control",
365
365
  style: {
366
366
  padding: inputpadding,
367
- borderRadius: "10px",
367
+ borderRadius: formborderRadius,
368
368
  border: "1px solid #ccc",
369
369
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
370
370
  }
@@ -385,7 +385,7 @@ function PaymentForm(_ref) {
385
385
  className: "form-control",
386
386
  style: {
387
387
  padding: inputpadding,
388
- borderRadius: "10px",
388
+ borderRadius: formborderRadius,
389
389
  border: "1px solid #ccc",
390
390
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
391
391
  }
@@ -399,7 +399,7 @@ function PaymentForm(_ref) {
399
399
  className: "form-control",
400
400
  style: {
401
401
  padding: inputpadding,
402
- borderRadius: "10px",
402
+ borderRadius: formborderRadius,
403
403
  border: "1px solid #ccc",
404
404
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
405
405
  }
@@ -409,11 +409,11 @@ function PaymentForm(_ref) {
409
409
  style: {
410
410
  marginTop: "16px",
411
411
  width: "100%",
412
- padding: inputpadding,
412
+ padding: inputpadding + 2,
413
413
  backgroundColor: color,
414
414
  color: "white",
415
415
  border: "none",
416
- borderRadius: "12px",
416
+ borderRadius: formborderRadius,
417
417
  fontWeight: "600",
418
418
  cursor: !isReady || isSubmitting ? "not-allowed" : "pointer",
419
419
  opacity: !isReady || isSubmitting ? 0.7 : 1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "logix-payment-shift4",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "description": "A React component library for integrating Shift4 payments with Logix applications.",
@@ -123,7 +123,7 @@ export default function PaymentForm({amount,currency,color,formwidth=400,formbor
123
123
  className="form-control"
124
124
  style={{
125
125
  padding: inputpadding,
126
- borderRadius: "10px",
126
+ borderRadius: formborderRadius,
127
127
  border: "1px solid #ccc",
128
128
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
129
129
  }}
@@ -139,7 +139,7 @@ export default function PaymentForm({amount,currency,color,formwidth=400,formbor
139
139
  className="form-control"
140
140
  style={{
141
141
  padding: inputpadding,
142
- borderRadius: "10px",
142
+ borderRadius: formborderRadius,
143
143
  border: "1px solid #ccc",
144
144
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
145
145
  }}
@@ -152,7 +152,7 @@ export default function PaymentForm({amount,currency,color,formwidth=400,formbor
152
152
  className="form-control"
153
153
  style={{
154
154
  padding: inputpadding,
155
- borderRadius: "10px",
155
+ borderRadius: formborderRadius,
156
156
  border: "1px solid #ccc",
157
157
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
158
158
  }}
@@ -167,11 +167,11 @@ export default function PaymentForm({amount,currency,color,formwidth=400,formbor
167
167
  style={{
168
168
  marginTop: "16px",
169
169
  width: "100%",
170
- padding: inputpadding,
170
+ padding: inputpadding+2,
171
171
  backgroundColor: color,
172
172
  color: "white",
173
173
  border: "none",
174
- borderRadius: "12px",
174
+ borderRadius: formborderRadius,
175
175
  fontWeight: "600",
176
176
  cursor: !isReady || isSubmitting ? "not-allowed" : "pointer",
177
177
  opacity: !isReady || isSubmitting ? 0.7 : 1