@sc-360-v2/storefront-cms-library 0.4.45 → 0.4.47

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.
@@ -339,6 +339,7 @@
339
339
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
340
340
  padding: 4px;
341
341
  z-index: 10;
342
+ padding: 4px;
342
343
  }
343
344
 
344
345
  .add_order_item {
@@ -354,6 +355,9 @@
354
355
  cursor: pointer;
355
356
  border-radius: 4px;
356
357
  white-space: nowrap;
358
+ &:not(:last-child) {
359
+ margin-bottom: 2px;
360
+ }
357
361
 
358
362
  &:hover {
359
363
  background-color: var(--_primary-25); // Subtle blue
@@ -1365,7 +1365,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1365
1365
  flex-direction: column;
1366
1366
  align-items: flex-start;
1367
1367
  gap: 6px;
1368
- width: 113px;
1368
+ // width: 113px;
1369
1369
 
1370
1370
  .product_qty_container {
1371
1371
  display: flex;
@@ -1375,6 +1375,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1375
1375
  border: 0.5px solid #d0d5dd;
1376
1376
  background: #fff;
1377
1377
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
1378
+ margin-top: 2px;
1379
+ &:focus-within {
1380
+ outline: 2px solid var(--_gray-100);
1381
+ border: 1px solid var(--_gray-300);
1382
+ }
1378
1383
 
1379
1384
  .product_qty_label {
1380
1385
  display: flex;
@@ -1499,8 +1504,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1499
1504
  }
1500
1505
  & > a,
1501
1506
  & > span {
1502
- width: 24px;
1503
- height: 24px;
1507
+ width: 32px;
1508
+ height: 32px;
1504
1509
  border-radius: 4px;
1505
1510
 
1506
1511
  &:hover {
@@ -293,7 +293,13 @@
293
293
  minmax(auto, 1fr)
294
294
  );
295
295
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, 10px)));
296
-
296
+ max-height: prepareMediaVariable(--_ctm-lt-mx-cr-ht);
297
+ &[data-overflow-items="Scroll"] {
298
+ overflow-y: auto;
299
+ }
300
+ &[data-overflow-items="Hidden"] {
301
+ overflow-y: hidden;
302
+ }
297
303
  margin: 0px;
298
304
  .item {
299
305
  width: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.45",
3
+ "version": "0.4.47",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {