@sc-360-v2/storefront-cms-library 0.4.79 → 0.4.81
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/add-order.scss +377 -377
- package/dist/allocations.scss +1613 -1603
- package/dist/builder.js +1 -1
- package/dist/bulk-order-pad.scss +20 -7
- package/dist/buyForHeaders.scss +6 -0
- package/dist/buyForPopup.scss +12 -3
- package/dist/cart.scss +16 -8
- package/dist/checkout.scss +7 -0
- package/dist/default-dropdown.scss +259 -240
- package/dist/dropdownTemplate.scss +24 -17
- package/dist/form-preview.scss +328 -481
- package/dist/language-selector.scss +2 -2
- package/dist/menu-v2.scss +3 -3
- package/dist/modal.scss +2 -2
- package/dist/multi-select-dropdown.scss +293 -282
- package/dist/order-status.scss +28 -7
- package/dist/phone-input.scss +167 -0
- package/dist/quick-order-pad.scss +15 -1
- package/dist/request-for-quotes.scss +827 -746
- package/dist/shipping-payments.scss +0 -1
- package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +152 -1
- package/dist/types/builder/tools/element-edit/orderStatus.d.ts +39 -0
- package/dist/types/builder/tools/element-edit/userElements.d.ts +10 -0
- package/dist/user-elements.scss +29 -0
- package/package.json +1 -1
|
@@ -32,7 +32,15 @@ export declare enum SelectorKeysEnum {
|
|
|
32
32
|
PRODUCT_INFO_DESIGN = "productInfoDesign",
|
|
33
33
|
PRODUCT_PRICE_DESIGN = "productPriceDesign",
|
|
34
34
|
SELECT_BUTTON_DESIGN = "selectButtonDesign",
|
|
35
|
-
ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign"
|
|
35
|
+
ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
|
|
36
|
+
PRODUCT_CARD_QUANTITY = "productCardQuantity",
|
|
37
|
+
QUANTITY_INPUT = "quantityInput",
|
|
38
|
+
QUANTITY_LABEL = "quantityLabel",
|
|
39
|
+
ADD_TO_CART_LAYOUT = "addToCartLayout",
|
|
40
|
+
ADD_TO_CART_TITLE = "addToCartTitle",
|
|
41
|
+
ADD_TO_CART_LABEL = "addToCartLabel",
|
|
42
|
+
ADD_TO_CART_QUANTITY_INPUT = "addToCartInput",
|
|
43
|
+
ADD_TO_CART_PRICE = "addToCartPrice"
|
|
36
44
|
}
|
|
37
45
|
export declare const getDefaultData: () => {
|
|
38
46
|
layout: {
|
|
@@ -1464,6 +1472,149 @@ export declare const getDefaultData: () => {
|
|
|
1464
1472
|
paginationLine: any;
|
|
1465
1473
|
layout: any;
|
|
1466
1474
|
};
|
|
1475
|
+
productQuantity: {
|
|
1476
|
+
selectorKey: SelectorKeysEnum;
|
|
1477
|
+
quantityInput: {
|
|
1478
|
+
padding: any;
|
|
1479
|
+
theme: CMSIBCommonInterface;
|
|
1480
|
+
font: CMSIBCommonInterface;
|
|
1481
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1482
|
+
textColor: CMSIBCommonInterface;
|
|
1483
|
+
bold: CMSIBCommonInterface;
|
|
1484
|
+
italic: CMSIBCommonInterface;
|
|
1485
|
+
linethrough: CMSIBCommonInterface;
|
|
1486
|
+
underline: CMSIBCommonInterface;
|
|
1487
|
+
textAlign: CMSIBCommonInterface;
|
|
1488
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1489
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1490
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1491
|
+
borderColor: CMSIBCommonInterface;
|
|
1492
|
+
borderStyle: CMSIBCommonInterface;
|
|
1493
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
1494
|
+
showBorder: CMSIBCommonInterface;
|
|
1495
|
+
showShadow: CMSIBCommonInterface;
|
|
1496
|
+
shadowColor: CMSIBCommonInterface;
|
|
1497
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1498
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1499
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1500
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
1501
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1502
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1503
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1504
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1505
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1506
|
+
selectorKey: SelectorKeysEnum;
|
|
1507
|
+
};
|
|
1508
|
+
quantityLabel: {
|
|
1509
|
+
theme: CMSIBCommonInterface;
|
|
1510
|
+
font: CMSIBCommonInterface;
|
|
1511
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1512
|
+
textColor: CMSIBCommonInterface;
|
|
1513
|
+
bold: CMSIBCommonInterface;
|
|
1514
|
+
italic: CMSIBCommonInterface;
|
|
1515
|
+
linethrough: CMSIBCommonInterface;
|
|
1516
|
+
underline: CMSIBCommonInterface;
|
|
1517
|
+
textAlign: CMSIBCommonInterface;
|
|
1518
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1519
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1520
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1521
|
+
selectorKey: SelectorKeysEnum;
|
|
1522
|
+
};
|
|
1523
|
+
};
|
|
1524
|
+
addToCartLayout: {
|
|
1525
|
+
selectorKey: SelectorKeysEnum;
|
|
1526
|
+
quantityLabel: {
|
|
1527
|
+
theme: CMSIBCommonInterface;
|
|
1528
|
+
font: CMSIBCommonInterface;
|
|
1529
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1530
|
+
textColor: CMSIBCommonInterface;
|
|
1531
|
+
bold: CMSIBCommonInterface;
|
|
1532
|
+
italic: CMSIBCommonInterface;
|
|
1533
|
+
linethrough: CMSIBCommonInterface;
|
|
1534
|
+
underline: CMSIBCommonInterface;
|
|
1535
|
+
textAlign: CMSIBCommonInterface;
|
|
1536
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1537
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1538
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1539
|
+
selectorKey: SelectorKeysEnum;
|
|
1540
|
+
};
|
|
1541
|
+
priceLabel: {
|
|
1542
|
+
theme: CMSIBCommonInterface;
|
|
1543
|
+
font: CMSIBCommonInterface;
|
|
1544
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1545
|
+
textColor: CMSIBCommonInterface;
|
|
1546
|
+
bold: CMSIBCommonInterface;
|
|
1547
|
+
italic: CMSIBCommonInterface;
|
|
1548
|
+
linethrough: CMSIBCommonInterface;
|
|
1549
|
+
underline: CMSIBCommonInterface;
|
|
1550
|
+
textAlign: CMSIBCommonInterface;
|
|
1551
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1552
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1553
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1554
|
+
selectorKey: SelectorKeysEnum;
|
|
1555
|
+
};
|
|
1556
|
+
input: {
|
|
1557
|
+
padding: any;
|
|
1558
|
+
theme: CMSIBCommonInterface;
|
|
1559
|
+
font: CMSIBCommonInterface;
|
|
1560
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1561
|
+
textColor: CMSIBCommonInterface;
|
|
1562
|
+
bold: CMSIBCommonInterface;
|
|
1563
|
+
italic: CMSIBCommonInterface;
|
|
1564
|
+
linethrough: CMSIBCommonInterface;
|
|
1565
|
+
underline: CMSIBCommonInterface;
|
|
1566
|
+
textAlign: CMSIBCommonInterface;
|
|
1567
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1568
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1569
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1570
|
+
borderColor: CMSIBCommonInterface;
|
|
1571
|
+
borderStyle: CMSIBCommonInterface;
|
|
1572
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
1573
|
+
showBorder: CMSIBCommonInterface;
|
|
1574
|
+
showShadow: CMSIBCommonInterface;
|
|
1575
|
+
shadowColor: CMSIBCommonInterface;
|
|
1576
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1577
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1578
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1579
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
1580
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1581
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1582
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1583
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1584
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1585
|
+
selectorKey: SelectorKeysEnum;
|
|
1586
|
+
};
|
|
1587
|
+
title: {
|
|
1588
|
+
theme: CMSIBCommonInterface;
|
|
1589
|
+
font: CMSIBCommonInterface;
|
|
1590
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1591
|
+
textColor: CMSIBCommonInterface;
|
|
1592
|
+
bold: CMSIBCommonInterface;
|
|
1593
|
+
italic: CMSIBCommonInterface;
|
|
1594
|
+
linethrough: CMSIBCommonInterface;
|
|
1595
|
+
underline: CMSIBCommonInterface;
|
|
1596
|
+
textAlign: CMSIBCommonInterface;
|
|
1597
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1598
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1599
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1600
|
+
selectorKey: SelectorKeysEnum;
|
|
1601
|
+
};
|
|
1602
|
+
price: {
|
|
1603
|
+
theme: CMSIBCommonInterface;
|
|
1604
|
+
font: CMSIBCommonInterface;
|
|
1605
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1606
|
+
textColor: CMSIBCommonInterface;
|
|
1607
|
+
bold: CMSIBCommonInterface;
|
|
1608
|
+
italic: CMSIBCommonInterface;
|
|
1609
|
+
linethrough: CMSIBCommonInterface;
|
|
1610
|
+
underline: CMSIBCommonInterface;
|
|
1611
|
+
textAlign: CMSIBCommonInterface;
|
|
1612
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1613
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1614
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1615
|
+
selectorKey: SelectorKeysEnum;
|
|
1616
|
+
};
|
|
1617
|
+
};
|
|
1467
1618
|
};
|
|
1468
1619
|
errorMessage: {
|
|
1469
1620
|
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
@@ -23,6 +23,7 @@ export declare enum orderSelectorKeysEnum {
|
|
|
23
23
|
ORDER_ID = "orderId",
|
|
24
24
|
ORDER_DATE = "orderDate",
|
|
25
25
|
SHIPPING_METHOD = "shippingMethod",
|
|
26
|
+
BREAK_UP_DETAILS = "breakUpDetails",
|
|
26
27
|
QUICK_ACTIONS = "quickActions",
|
|
27
28
|
CONTAINER = "container",
|
|
28
29
|
QUICK_HEADER = "quickHeader",
|
|
@@ -510,6 +511,44 @@ export declare const getDefaultData: () => {
|
|
|
510
511
|
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
511
512
|
selectorKey: orderSelectorKeysEnum;
|
|
512
513
|
};
|
|
514
|
+
breakUpDetails: {
|
|
515
|
+
padding: any;
|
|
516
|
+
itemGap: {
|
|
517
|
+
value: CMSCSSUnitTypesEnums;
|
|
518
|
+
unit: CMSCSSUnitTypesEnums;
|
|
519
|
+
property: string;
|
|
520
|
+
propertyType: CMSElementEditTypes;
|
|
521
|
+
};
|
|
522
|
+
theme: import("../../interfaces/global").CMSIBCommonInterface;
|
|
523
|
+
font: import("../../interfaces/global").CMSIBCommonInterface;
|
|
524
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
525
|
+
textColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
526
|
+
bold: import("../../interfaces/global").CMSIBCommonInterface;
|
|
527
|
+
italic: import("../../interfaces/global").CMSIBCommonInterface;
|
|
528
|
+
linethrough: import("../../interfaces/global").CMSIBCommonInterface;
|
|
529
|
+
underline: import("../../interfaces/global").CMSIBCommonInterface;
|
|
530
|
+
textAlign: import("../../interfaces/global").CMSIBCommonInterface;
|
|
531
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
532
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
533
|
+
backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
534
|
+
margin: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
535
|
+
borderColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
536
|
+
borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
|
|
537
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
538
|
+
showBorder: import("../../interfaces/global").CMSIBCommonInterface;
|
|
539
|
+
showShadow: import("../../interfaces/global").CMSIBCommonInterface;
|
|
540
|
+
shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
541
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
542
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
543
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
544
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
545
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
546
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
547
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
548
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
549
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
550
|
+
selectorKey: orderSelectorKeysEnum;
|
|
551
|
+
};
|
|
513
552
|
};
|
|
514
553
|
quickActions: {
|
|
515
554
|
selectorKey: orderSelectorKeysEnum;
|
|
@@ -363,6 +363,11 @@ export declare const getDefaultData: () => {
|
|
|
363
363
|
selectorKey: SelectorKeysEnum;
|
|
364
364
|
};
|
|
365
365
|
quotaHeadingDesign: {
|
|
366
|
+
maxCharacters: {
|
|
367
|
+
value: number;
|
|
368
|
+
property: string;
|
|
369
|
+
propertyType: CMSElementEditTypes;
|
|
370
|
+
};
|
|
366
371
|
theme: CMSIBCommonInterface;
|
|
367
372
|
font: CMSIBCommonInterface;
|
|
368
373
|
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -475,6 +480,11 @@ export declare const getDefaultData: () => {
|
|
|
475
480
|
selectorKey: SelectorKeysEnum;
|
|
476
481
|
};
|
|
477
482
|
allowanceHeadingDesign: {
|
|
483
|
+
maxCharacters: {
|
|
484
|
+
value: number;
|
|
485
|
+
property: string;
|
|
486
|
+
propertyType: CMSElementEditTypes;
|
|
487
|
+
};
|
|
478
488
|
theme: CMSIBCommonInterface;
|
|
479
489
|
font: CMSIBCommonInterface;
|
|
480
490
|
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
package/dist/user-elements.scss
CHANGED
|
@@ -604,6 +604,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
604
604
|
width: unset;
|
|
605
605
|
min-width: 0;
|
|
606
606
|
}
|
|
607
|
+
|
|
607
608
|
@media (max-width: 1024px) {
|
|
608
609
|
.quote_vertical_scroll_wrapper {
|
|
609
610
|
width: 100%;
|
|
@@ -737,6 +738,32 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
737
738
|
}
|
|
738
739
|
}
|
|
739
740
|
}
|
|
741
|
+
|
|
742
|
+
.user__quota__sltns {
|
|
743
|
+
display: flex;
|
|
744
|
+
gap: 48px;
|
|
745
|
+
margin-left: 32px;
|
|
746
|
+
.quota__dtls {
|
|
747
|
+
display: flex;
|
|
748
|
+
align-items: center;
|
|
749
|
+
gap: 8px;
|
|
750
|
+
.quota__name {
|
|
751
|
+
display: flex;
|
|
752
|
+
flex-direction: column;
|
|
753
|
+
// align-items: center;
|
|
754
|
+
gap: 12px;
|
|
755
|
+
}
|
|
756
|
+
.quota__balance {
|
|
757
|
+
display: flex;
|
|
758
|
+
gap: 5px;
|
|
759
|
+
}
|
|
760
|
+
.back_slash {
|
|
761
|
+
color: var(--_gray-300);
|
|
762
|
+
position: relative;
|
|
763
|
+
top: -6px;
|
|
764
|
+
}
|
|
765
|
+
}
|
|
766
|
+
}
|
|
740
767
|
&[data-display-type="Horizontal"] {
|
|
741
768
|
flex-direction: row;
|
|
742
769
|
.user__element__item {
|
|
@@ -823,6 +850,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
823
850
|
.user_elements_user_data_wrapper {
|
|
824
851
|
.user_elements_user_data {
|
|
825
852
|
display: flex;
|
|
853
|
+
align-items: center;
|
|
854
|
+
gap: 6px;
|
|
826
855
|
|
|
827
856
|
.user_elements_user_id {
|
|
828
857
|
display: flex;
|