@metron-labs/quote-react 0.1.15 → 0.1.17

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/styles.css CHANGED
@@ -1163,8 +1163,7 @@
1163
1163
  color: var(--text-mid);
1164
1164
  }
1165
1165
 
1166
- :where(.app-wrapper) .basket-layout--qza6-mra4 .basket-quote-request-modal,
1167
- :where(.app-wrapper) .basket-layout--qza6-mra4 .basket-quote-request-success {
1166
+ :where(.app-wrapper) .basket-layout--qza6-mra4 .basket-quote-request-modal {
1168
1167
  margin-top: 14px;
1169
1168
  padding: 14px;
1170
1169
  border-radius: 14px;
@@ -1194,13 +1193,6 @@
1194
1193
  color: var(--text-mid);
1195
1194
  }
1196
1195
 
1197
- :where(.app-wrapper) .basket-layout--qza6-mra4 .basket-quote-request-success span {
1198
- margin: 8px 0 0;
1199
- font-size: 14px;
1200
- line-height: 1.5;
1201
- color: var(--text-mid);
1202
- }
1203
-
1204
1196
  :where(.app-wrapper) .basket-layout--qza6-mra4 .basket-quote-request-modal label {
1205
1197
  display: block;
1206
1198
  margin: 14px 0 7px;
@@ -1263,15 +1255,54 @@
1263
1255
  font-size: 14px;
1264
1256
  }
1265
1257
 
1266
- :where(.app-wrapper) .basket-quote-request-success {
1258
+ /* ===== Quote request sent (confirmation page) ===== */
1259
+ :where(.app-wrapper) .quote-request-sent {
1260
+ max-width: 560px;
1261
+ margin: 0 auto;
1262
+ padding: clamp(64px, 12vh, 120px) 16px;
1263
+ text-align: center;
1264
+ }
1265
+
1266
+ :where(.app-wrapper) .quote-request-sent-icon {
1267
1267
  display: grid;
1268
- gap: 2px;
1269
- border: 1px solid var(--border);
1270
- border-radius: 14px;
1268
+ place-items: center;
1269
+ width: 88px;
1270
+ height: 88px;
1271
+ margin: 0 auto 24px;
1272
+ border-radius: 50%;
1273
+ background: var(--accent);
1274
+ color: var(--on-accent);
1271
1275
  }
1272
1276
 
1273
- :where(.app-wrapper) .basket-quote-request-success span {
1277
+ :where(.app-wrapper) .quote-request-sent h1 {
1274
1278
  margin: 0;
1279
+ font-size: clamp(32px, 6vw, 48px);
1280
+ line-height: 1.1;
1281
+ color: var(--text);
1282
+ }
1283
+
1284
+ :where(.app-wrapper) .quote-request-sent p {
1285
+ margin: 16px 0 0;
1286
+ font-size: 17px;
1287
+ line-height: 1.6;
1288
+ color: var(--text-mid);
1289
+ }
1290
+
1291
+ :where(.app-wrapper) .quote-request-sent p strong {
1292
+ color: var(--text);
1293
+ }
1294
+
1295
+ :where(.app-wrapper) .quote-request-sent .cta-btn {
1296
+ width: auto;
1297
+ margin: 32px auto 0;
1298
+ padding: 14px 36px;
1299
+ justify-content: center;
1300
+ }
1301
+
1302
+ :where(.app-wrapper) .quote-request-sent .quote-request-sent-note {
1303
+ margin-top: 24px;
1304
+ font-size: 13px;
1305
+ color: var(--text-dim);
1275
1306
  }
1276
1307
 
1277
1308
  /* ===== Basket empty state ===== */
@@ -6131,7 +6162,7 @@
6131
6162
  grid-template-columns: 48px minmax(0, 1fr);
6132
6163
  gap: 10px;
6133
6164
  position: relative;
6134
- min-height: 118px;
6165
+ min-height: 126px;
6135
6166
  padding: 14px;
6136
6167
  border: 1px solid var(--border);
6137
6168
  border-radius: 16px;
@@ -6226,9 +6257,6 @@
6226
6257
  grid-template-columns: 1fr;
6227
6258
  }
6228
6259
 
6229
- :where(.app-wrapper) .customer-review-option {
6230
- min-height: 118px;
6231
- }
6232
6260
  }
6233
6261
 
6234
6262
  :where(.app-wrapper) .review-gate-modal {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@metron-labs/quote-react",
3
- "version": "0.1.15",
3
+ "version": "0.1.17",
4
4
  "description": "Metron Labs quote and estimating calculator components for React",
5
5
  "license": "UNLICENSED",
6
6
  "sideEffects": [
@@ -26,7 +26,7 @@
26
26
  "access": "restricted"
27
27
  },
28
28
  "scripts": {
29
- "build": "rm -rf dist && tsc -p tsconfig.build.json && node scripts/copyStatic.mjs && node scripts/buildEmbed.mjs",
29
+ "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json && node scripts/copyStatic.mjs && node scripts/buildEmbed.mjs",
30
30
  "typecheck": "tsc --noEmit",
31
31
  "test": "vitest run",
32
32
  "prepublishOnly": "npm run typecheck && npm run build",