@sc-360-v2/storefront-cms-library 0.4.38 → 0.4.39

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 (18) hide show
  1. package/dist/allocations.scss +1 -0
  2. package/dist/builder.js +1 -1
  3. package/dist/bundleDetails.scss +6 -2
  4. package/dist/buy-for-tab.scss +7 -1
  5. package/dist/buyForHeaders.scss +119 -3
  6. package/dist/colorpicker_v2.scss +52 -0
  7. package/dist/coupon.scss +126 -110
  8. package/dist/embroider-template-1-v2.scss +37 -2
  9. package/dist/filters.scss +99 -82
  10. package/dist/functions.js +1 -1
  11. package/dist/language-selector.scss +21 -3
  12. package/dist/multi-select-dropdown.scss +9 -0
  13. package/dist/static-global.scss +2 -1
  14. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -6
  15. package/dist/types/builder/tools/element-edit/userElements.d.ts +1 -6
  16. package/dist/user-elements.scss +1 -0
  17. package/dist/variant-picker.scss +3 -3
  18. package/package.json +1 -1
package/dist/filters.scss CHANGED
@@ -653,10 +653,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
653
653
  }
654
654
  }
655
655
  .rotate_0 {
656
+ display: flex;
657
+ align-items: center;
656
658
  transform: rotate(0);
659
+ transition: all 400ms ease-in-out;
657
660
  }
658
661
  .rotate_180 {
662
+ display: flex;
663
+ align-items: center;
659
664
  transform: rotate(180deg);
665
+ transition: all 400ms ease-in-out;
660
666
  }
661
667
  }
662
668
  .filter__search {
@@ -696,8 +702,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
696
702
  button {
697
703
  display: flex;
698
704
  svg {
699
- width: 15px;
700
- height: 15px;
705
+ width: 18px;
706
+ height: 18px;
701
707
  }
702
708
  }
703
709
  input[type="text"] {
@@ -730,10 +736,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
730
736
  width: 100%;
731
737
  gap: 8px;
732
738
  }
733
- .no__results__found {
734
- padding: 8px;
735
- color: var(--_gray-600);
736
- }
737
739
 
738
740
  .filter-indicator {
739
741
  width: 16px;
@@ -875,6 +877,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
875
877
  }
876
878
  }
877
879
 
880
+ .no__results__found {
881
+ padding: 8px;
882
+ color: var(--_gray-600);
883
+ justify-content: center;
884
+ background: var(--_gray-100);
885
+ padding: 12px;
886
+ border-radius: 4px;
887
+ font-weight: 600;
888
+ color: var(--_gray-600);
889
+ }
890
+
878
891
  .filter__inline {
879
892
  // margin: 30px;
880
893
  display: flex;
@@ -1276,9 +1289,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1276
1289
  }
1277
1290
 
1278
1291
  .clear__btn {
1292
+ display: flex;
1293
+ align-items: center;
1279
1294
  svg {
1280
- width: 16px;
1281
- height: 16px;
1295
+ width: 18px;
1296
+ height: 18px;
1282
1297
  &:hover {
1283
1298
  path {
1284
1299
  stroke: var(--_gray-900);
@@ -1428,79 +1443,79 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1428
1443
  )
1429
1444
  );
1430
1445
  }
1431
- &:hover {
1432
- &[data-show-hover-unchecked-border="true"] {
1433
- border-color: var(
1434
- --_sf-hr-br-cr,
1435
- var(
1436
- --_ctm-mob-dn-cx-ud-se-hr-se-br-cr,
1437
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-cr, var(--_ctm-dn-cx-ud-se-hr-se-br-cr))
1438
- )
1439
- );
1440
- border-style: var(
1441
- --_sf-hr-br-st,
1442
- var(
1443
- --_ctm-mob-dn-cx-ud-se-hr-se-br-se,
1444
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-se, var(--_ctm-dn-cx-ud-se-hr-se-br-se))
1445
- )
1446
- );
1447
- border-width: var(
1448
- --_sf-hr-br-wh,
1449
- var(
1450
- --_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
1451
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))
1452
- )
1453
- );
1454
- }
1455
- &[data-show-hover-unchecked-shadow="true"] {
1456
- box-shadow: var(
1457
- --_show-shadow-clear-all,
1458
- var(
1459
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1460
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
1461
- )
1462
- var(
1463
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1464
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
1465
- )
1466
- var(
1467
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1468
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
1469
- )
1470
- var(
1471
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1472
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
1473
- )
1474
- );
1475
- }
1476
- background-color: var(
1477
- --_ctm-mob-dn-cx-ud-se-hr-se-bd-cr,
1478
- var(--_ctm-tab-dn-cx-ud-se-hr-se-bd-cr, var(--_ctm-dn-cx-ud-se-hr-se-bd-cr))
1479
- );
1480
- border-radius: var(
1481
- --_ctm-mob-dn-cx-ud-se-hr-se-br-rs,
1482
- var(--_ctm-tab-dn-cx-ud-se-hr-se-br-rs, var(--_ctm-dn-cx-ud-se-hr-se-br-rs))
1483
- );
1484
- box-shadow: var(
1485
- --_show-shadow-clear-all,
1486
- var(
1487
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1488
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
1489
- )
1490
- var(
1491
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1492
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
1493
- )
1494
- var(
1495
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1496
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
1497
- )
1498
- var(
1499
- --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1500
- var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
1501
- )
1502
- );
1503
- }
1446
+ // &:hover {
1447
+ // &[data-show-hover-unchecked-border="true"] {
1448
+ // border-color: var(
1449
+ // --_sf-hr-br-cr,
1450
+ // var(
1451
+ // --_ctm-mob-dn-cx-ud-se-hr-se-br-cr,
1452
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-br-cr, var(--_ctm-dn-cx-ud-se-hr-se-br-cr))
1453
+ // )
1454
+ // );
1455
+ // border-style: var(
1456
+ // --_sf-hr-br-st,
1457
+ // var(
1458
+ // --_ctm-mob-dn-cx-ud-se-hr-se-br-se,
1459
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-br-se, var(--_ctm-dn-cx-ud-se-hr-se-br-se))
1460
+ // )
1461
+ // );
1462
+ // border-width: var(
1463
+ // --_sf-hr-br-wh,
1464
+ // var(
1465
+ // --_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
1466
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))
1467
+ // )
1468
+ // );
1469
+ // }
1470
+ // &[data-show-hover-unchecked-shadow="true"] {
1471
+ // box-shadow: var(
1472
+ // --_show-shadow-clear-all,
1473
+ // var(
1474
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1475
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
1476
+ // )
1477
+ // var(
1478
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1479
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
1480
+ // )
1481
+ // var(
1482
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1483
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
1484
+ // )
1485
+ // var(
1486
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1487
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
1488
+ // )
1489
+ // );
1490
+ // }
1491
+ // background-color: var(
1492
+ // --_ctm-mob-dn-cx-ud-se-hr-se-bd-cr,
1493
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-bd-cr, var(--_ctm-dn-cx-ud-se-hr-se-bd-cr))
1494
+ // );
1495
+ // border-radius: var(
1496
+ // --_ctm-mob-dn-cx-ud-se-hr-se-br-rs,
1497
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-br-rs, var(--_ctm-dn-cx-ud-se-hr-se-br-rs))
1498
+ // );
1499
+ // box-shadow: var(
1500
+ // --_show-shadow-clear-all,
1501
+ // var(
1502
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-ae,
1503
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-ae, var(--_ctm-dn-cx-ud-se-hr-se-sw-ae))
1504
+ // )
1505
+ // var(
1506
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-br,
1507
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-br, var(--_ctm-dn-cx-ud-se-hr-se-sw-br))
1508
+ // )
1509
+ // var(
1510
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-sd,
1511
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-sd, var(--_ctm-dn-cx-ud-se-hr-se-sw-sd))
1512
+ // )
1513
+ // var(
1514
+ // --_ctm-mob-dn-cx-ud-se-hr-se-sw-cr,
1515
+ // var(--_ctm-tab-dn-cx-ud-se-hr-se-sw-cr, var(--_ctm-dn-cx-ud-se-hr-se-sw-cr))
1516
+ // )
1517
+ // );
1518
+ // }
1504
1519
 
1505
1520
  button {
1506
1521
  display: none;
@@ -1623,7 +1638,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1623
1638
  }
1624
1639
 
1625
1640
  .hover-icon {
1626
- display: block;
1641
+ display: flex;
1642
+ align-items: center;
1643
+ justify-content: center;
1627
1644
  }
1628
1645
  svg {
1629
1646
  // width: 13px;