logix-payment-shift4 1.0.7 → 1.0.8

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 (4) hide show
  1. package/dist/index.cjs.js +5 -3
  2. package/dist/index.esm.js +5 -3
  3. package/package.json +1 -1
  4. package/src/PaymentForm.jsx +4 -4
package/dist/index.cjs.js CHANGED
@@ -375,12 +375,13 @@ function PaymentForm(_ref) {
375
375
  display: "grid",
376
376
  gridTemplateColumns: "1fr 1fr",
377
377
  gap: "10px",
378
- marginTop: "12px"
378
+ marginTop: "5px"
379
379
  }
380
380
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
381
381
  style: {
382
382
  fontWeight: "500",
383
- color: "#555"
383
+ color: "#555",
384
+ marginBottom: 2
384
385
  }
385
386
  }, "Expiration"), /*#__PURE__*/React.createElement("div", {
386
387
  "data-shift4": "expiry",
@@ -394,7 +395,8 @@ function PaymentForm(_ref) {
394
395
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
395
396
  style: {
396
397
  fontWeight: "500",
397
- color: "#555"
398
+ color: "#555",
399
+ marginBottom: 2
398
400
  }
399
401
  }, "CVC"), /*#__PURE__*/React.createElement("div", {
400
402
  "data-shift4": "cvc",
package/dist/index.esm.js CHANGED
@@ -373,12 +373,13 @@ function PaymentForm(_ref) {
373
373
  display: "grid",
374
374
  gridTemplateColumns: "1fr 1fr",
375
375
  gap: "10px",
376
- marginTop: "12px"
376
+ marginTop: "5px"
377
377
  }
378
378
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
379
379
  style: {
380
380
  fontWeight: "500",
381
- color: "#555"
381
+ color: "#555",
382
+ marginBottom: 2
382
383
  }
383
384
  }, "Expiration"), /*#__PURE__*/React.createElement("div", {
384
385
  "data-shift4": "expiry",
@@ -392,7 +393,8 @@ function PaymentForm(_ref) {
392
393
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
393
394
  style: {
394
395
  fontWeight: "500",
395
- color: "#555"
396
+ color: "#555",
397
+ marginBottom: 2
396
398
  }
397
399
  }, "CVC"), /*#__PURE__*/React.createElement("div", {
398
400
  "data-shift4": "cvc",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "logix-payment-shift4",
3
- "version": "1.0.7",
3
+ "version": "1.0.8",
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.",
package/src/PaymentForm.jsx CHANGED
@@ -131,14 +131,14 @@ export default function PaymentForm({amount,currency,color,formwidth=400,formbor
131
131
  </div>
132
132
 
133
133
  {/* Expiration + CVC */}
134
- <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "10px", marginTop: "12px" }}>
134
+ <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "10px", marginTop: "5px" }}>
135
135
  <div>
136
- <label style={{ fontWeight: "500", color: "#555" }}>Expiration</label>
136
+ <label style={{ fontWeight: "500", color: "#555",marginBottom:2 }}>Expiration</label>
137
137
  <div
138
138
  data-shift4="expiry"
139
139
  className="form-control"
140
140
  style={{
141
- padding: inputpadding,
141
+ padding: inputpadding,
142
142
  borderRadius: formborderRadius,
143
143
  border: "1px solid #ccc",
144
144
  boxShadow: "inset 0 2px 4px rgba(0,0,0,0.05)"
@@ -146,7 +146,7 @@ export default function PaymentForm({amount,currency,color,formwidth=400,formbor
146
146
  />
147
147
  </div>
148
148
  <div>
149
- <label style={{ fontWeight: "500", color: "#555" }}>CVC</label>
149
+ <label style={{ fontWeight: "500", color: "#555",marginBottom:2 }}>CVC</label>
150
150
  <div
151
151
  data-shift4="cvc"
152
152
  className="form-control"