@sc-360-v2/storefront-cms-library 0.2.59 → 0.2.61
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/brand.scss +2 -2
- package/dist/breadcrumbs.scss +1 -1
- package/dist/builder.js +1 -1
- package/dist/bulk-variant-picker.scss +5 -5
- package/dist/category.scss +2 -2
- package/dist/code-temp.scss +4 -1
- package/dist/container.scss +1 -0
- package/dist/embed-temp.scss +0 -2
- package/dist/gallery-slider-temp.scss +13 -0
- package/dist/icons.js +1 -1
- package/dist/image-temp.scss +6 -4
- package/dist/index.js +1 -1
- package/dist/login.scss +554 -0
- package/dist/menu.scss +0 -1
- package/dist/product-image.scss +6 -4
- package/dist/product-options.scss +548 -17
- package/dist/product-price.scss +10 -4
- package/dist/sub-category.scss +1 -1
- package/dist/types/builder/elements/login/index.d.ts +27 -0
- package/dist/types/builder/elements/reset-password/index.d.ts +27 -0
- package/dist/types/builder/enums/index.d.ts +2 -0
- package/dist/types/builder/index.d.ts +3 -1
- package/dist/types/builder/tools/commonProperties.d.ts +24 -0
- package/dist/types/builder/tools/element-edit/code.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/common.d.ts +7 -0
- package/dist/types/builder/tools/element-edit/embed.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/login.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/productOptions.d.ts +14 -4
- package/dist/types/builder/tools/element-edit/resetPassword.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/variantPicker.d.ts +1 -1
- package/dist/variant-picker.scss +230 -49
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
|
@@ -51,5 +51,7 @@ import * as layouterSchema from "./elements/layouter/index";
|
|
|
51
51
|
import * as layouterItemSchema from "./elements/layouter-item/index";
|
|
52
52
|
import commonFunctions from "./utilities/global";
|
|
53
53
|
import * as contactUsSchema from "./elements/contact-us/index";
|
|
54
|
+
import * as loginSchema from "./elements/login/index";
|
|
55
|
+
import * as resetPasswordSchema from "./elements/reset-password/index";
|
|
54
56
|
import * as categoryDetailsSchema from "./elements/category-details/index";
|
|
55
|
-
export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, };
|
|
57
|
+
export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, resetPasswordSchema, };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export declare const fontProperties: {
|
|
2
|
+
theme: import("../interfaces/global").CMSIBCommonInterface;
|
|
3
|
+
font: import("../interfaces/global").CMSIBCommonInterface;
|
|
4
|
+
fontSize: import("../interfaces/global").CMSIBSizeInterface;
|
|
5
|
+
textColor: import("../interfaces/global").CMSIBCommonInterface;
|
|
6
|
+
bold: import("../interfaces/global").CMSIBCommonInterface;
|
|
7
|
+
italic: import("../interfaces/global").CMSIBCommonInterface;
|
|
8
|
+
linethrough: import("../interfaces/global").CMSIBCommonInterface;
|
|
9
|
+
underline: import("../interfaces/global").CMSIBCommonInterface;
|
|
10
|
+
textAlign: import("../interfaces/global").CMSIBCommonInterface;
|
|
11
|
+
characterSpacing: import("../interfaces/global").CMSIBSizeInterface;
|
|
12
|
+
lineHeight: import("../interfaces/global").CMSIBSizeInterface;
|
|
13
|
+
backgroundColor: import("../interfaces/global").CMSIBCommonInterface;
|
|
14
|
+
};
|
|
15
|
+
export declare const backgroundProperties: {
|
|
16
|
+
backgroundColor: import("../interfaces/global").CMSIBCommonInterface;
|
|
17
|
+
backgroundRepeat: import("../interfaces/global").CMSIBCommonInterface;
|
|
18
|
+
backgroundSize: import("../interfaces/global").CMSIBCommonInterface;
|
|
19
|
+
backgroundAttachment: import("../interfaces/global").CMSIBCommonInterface;
|
|
20
|
+
backgroundPosition: import("../interfaces/global").CMSIBCommonInterface;
|
|
21
|
+
backgroundPositionX: import("../interfaces/global").CMSIBCommonInterface;
|
|
22
|
+
backgroundPositionY: import("../interfaces/global").CMSIBCommonInterface;
|
|
23
|
+
backgroundImage: import("../interfaces/global").CMSIBCommonInterface;
|
|
24
|
+
};
|
|
@@ -9,7 +9,9 @@ export interface selfDesignInterface {
|
|
|
9
9
|
}
|
|
10
10
|
export declare enum codeSelectorKeysEnum {
|
|
11
11
|
LAYOUT = "layout",
|
|
12
|
-
DESIGN = "design"
|
|
12
|
+
DESIGN = "design",
|
|
13
|
+
DATA_CONNECTOR = "dataConnector",
|
|
14
|
+
CONTENT = "content"
|
|
13
15
|
}
|
|
14
16
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
15
17
|
export {};
|
|
@@ -16,6 +16,13 @@ export interface CMSElementEditPopupLayoutInterface {
|
|
|
16
16
|
}
|
|
17
17
|
export interface CMSElementEditPopupDesignInterface {
|
|
18
18
|
backgroundColor: CMSIBCommonInterface;
|
|
19
|
+
backgroundImage: CMSIBCommonInterface;
|
|
20
|
+
backgroundRepeat: CMSIBCommonInterface;
|
|
21
|
+
backgroundAttachment: CMSIBCommonInterface;
|
|
22
|
+
backgroundPosition: CMSIBCommonInterface;
|
|
23
|
+
backgroundPositionX: CMSIBCommonInterface;
|
|
24
|
+
backgroundPositionY: CMSIBCommonInterface;
|
|
25
|
+
backgroundSize: CMSIBCommonInterface;
|
|
19
26
|
borderColor: CMSIBCommonInterface;
|
|
20
27
|
borderStyle: CMSIBCommonInterface;
|
|
21
28
|
borderPerSlide: CSSPaddingValues;
|
|
@@ -7,7 +7,9 @@ export interface selfDesignInterface {
|
|
|
7
7
|
}
|
|
8
8
|
export declare enum embedSelectorKeysEnum {
|
|
9
9
|
LAYOUT = "layout",
|
|
10
|
-
DESIGN = "design"
|
|
10
|
+
DESIGN = "design",
|
|
11
|
+
DATA_CONNECTOR = "dataConnector",
|
|
12
|
+
CONTENT = "content"
|
|
11
13
|
}
|
|
12
14
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
13
15
|
export {};
|
|
@@ -62,6 +62,8 @@ import * as layouter from "./layouter";
|
|
|
62
62
|
import * as layouterItem from "./layouter-item";
|
|
63
63
|
import * as categoryDetails from "./categoryDetails";
|
|
64
64
|
import * as contactUs from "./contactUs";
|
|
65
|
+
import * as login from "./login";
|
|
66
|
+
import * as resetPassword from "./resetPassword";
|
|
65
67
|
import * as breadcrumbs from "./breadcrumbs";
|
|
66
68
|
import * as iconLibrary from "./iconLibrary";
|
|
67
|
-
export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, breadcrumbs, iconLibrary, };
|
|
69
|
+
export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
2
|
+
export interface LoginEditPopupInterface extends CMSElementEditPopupInterface {
|
|
3
|
+
}
|
|
4
|
+
interface selfLayoutInterface {
|
|
5
|
+
selectorKey: string;
|
|
6
|
+
}
|
|
7
|
+
export interface selfDesignInterface {
|
|
8
|
+
selectorKey: string;
|
|
9
|
+
}
|
|
10
|
+
export declare enum loginSelectorKeysEnum {
|
|
11
|
+
LAYOUT = "layout",
|
|
12
|
+
DESIGN = "design"
|
|
13
|
+
}
|
|
14
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
15
|
+
export {};
|
|
@@ -7,16 +7,18 @@ interface selfLayoutInterface {
|
|
|
7
7
|
noOfOptionsToShowUpfront: CMSIBCommonInterface;
|
|
8
8
|
showRemainingOptionsAs: CMSIBCommonInterface;
|
|
9
9
|
whenClicked: CMSIBCommonInterface;
|
|
10
|
+
displayStyle: CMSIBCommonInterface;
|
|
10
11
|
buttonText: CMSIBCommonInterface;
|
|
11
12
|
dividerBetweenOptions: CMSIBCommonInterface;
|
|
12
13
|
optionTitleValueSpacing: CMSIBCommonInterface;
|
|
13
14
|
displayValues: CMSIBCommonInterface;
|
|
14
15
|
swatchItemSpacing: CMSIBCommonInterface;
|
|
16
|
+
swatchItemSize: CMSIBCommonInterface;
|
|
15
17
|
swatchItemPadding: CMSIBCommonInterface;
|
|
16
18
|
optionItemSpacing: CMSIBCommonInterface;
|
|
17
19
|
optionItemPadding: CMSIBCommonInterface;
|
|
18
20
|
swatchMaxItemsToDisplay: CMSIBCommonInterface;
|
|
19
|
-
|
|
21
|
+
swatchOverflowItems: CMSIBCommonInterface;
|
|
20
22
|
singleSelectDisplayValues: CMSIBCommonInterface;
|
|
21
23
|
singleSelectItemSpacing: CMSIBCommonInterface;
|
|
22
24
|
singleSelectItemPadding: CMSIBCommonInterface;
|
|
@@ -47,13 +49,21 @@ export interface selfDesignInterface {
|
|
|
47
49
|
iconColor: CMSIBCommonInterface;
|
|
48
50
|
[key: string]: any;
|
|
49
51
|
}
|
|
50
|
-
export declare enum
|
|
52
|
+
export declare enum SelectorKeysEnum {
|
|
51
53
|
LAYOUT = "layout",
|
|
52
54
|
DESIGN = "design",
|
|
53
|
-
|
|
55
|
+
WIDGET_STYLE = "widgetStyle",
|
|
54
56
|
COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
|
|
55
57
|
EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
|
|
56
|
-
DIVIDER = "divider"
|
|
58
|
+
DIVIDER = "divider",
|
|
59
|
+
DATA_CONNECTOR = "dataConnector",
|
|
60
|
+
SWATFH_TYPE_DISPLAY_STYLE = "swatchTypeDisplayStyle",
|
|
61
|
+
SINGLE_SELECT_DISPLAY_STYLE = "singleSelectDisplayStyle",
|
|
62
|
+
HOVER_STATE = "hover",
|
|
63
|
+
DEFAULT_STATE = "default",
|
|
64
|
+
SELECTED_STATE = "selected",
|
|
65
|
+
SWATCH_OPTION_VALUE_STYLE = "swatchOptionValueStyle",
|
|
66
|
+
SINGLE_OPTION_VALUE_STYLE = "singleOptionValueStyle"
|
|
57
67
|
}
|
|
58
68
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
59
69
|
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
2
|
+
export interface ResetPasswordEditPopupInterface extends CMSElementEditPopupInterface {
|
|
3
|
+
}
|
|
4
|
+
interface selfLayoutInterface {
|
|
5
|
+
selectorKey: string;
|
|
6
|
+
}
|
|
7
|
+
export interface selfDesignInterface {
|
|
8
|
+
selectorKey: string;
|
|
9
|
+
}
|
|
10
|
+
export declare enum resetPasswordSelectorKeysEnum {
|
|
11
|
+
LAYOUT = "layout",
|
|
12
|
+
DESIGN = "design"
|
|
13
|
+
}
|
|
14
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
15
|
+
export {};
|
|
@@ -62,7 +62,7 @@ interface selfLayoutInterface {
|
|
|
62
62
|
containerPadding: CMSIBCommonInterface;
|
|
63
63
|
overflowItems: CMSIBCommonInterface;
|
|
64
64
|
tabRowSpacing: CMSIBCommonInterface;
|
|
65
|
-
|
|
65
|
+
expandIconPosition: CMSIBCommonInterface;
|
|
66
66
|
expandFirstItemByDefault: CMSIBCommonInterface;
|
|
67
67
|
allowMultipleOpenItems: CMSIBCommonInterface;
|
|
68
68
|
itemDividers: CMSIBCommonInterface;
|
package/dist/variant-picker.scss
CHANGED
|
@@ -34,6 +34,11 @@ $minWidth: 70px;
|
|
|
34
34
|
font-weight: 600;
|
|
35
35
|
color: rgba(75, 69, 70, 1);
|
|
36
36
|
}
|
|
37
|
+
.is__combination_avail {
|
|
38
|
+
color: red;
|
|
39
|
+
font-size: 14px;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
}
|
|
37
42
|
.variant__container {
|
|
38
43
|
display: flex;
|
|
39
44
|
flex-direction: column;
|
|
@@ -68,6 +73,24 @@ $minWidth: 70px;
|
|
|
68
73
|
&[data-swatch-dispaly="Vertically"] {
|
|
69
74
|
flex-direction: column;
|
|
70
75
|
}
|
|
76
|
+
.show_more_button {
|
|
77
|
+
background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
|
|
78
|
+
font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy);
|
|
79
|
+
border-color: var(--_ctm-dn-sw-me-is-bn-br-cr);
|
|
80
|
+
border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs);
|
|
81
|
+
border-style: var(--_ctm-dn-sw-me-is-bn-br-se);
|
|
82
|
+
border-width: var(--_ctm-dn-sw-me-is-bn-br-wh);
|
|
83
|
+
font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
|
|
84
|
+
font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
|
|
85
|
+
font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
|
|
86
|
+
line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
|
|
87
|
+
letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
|
|
88
|
+
box-shadow: var(--_ctm-dn-sw-me-is-bn-sw-ae) var(--_ctm-dn-sw-me-is-bn-sw-br)
|
|
89
|
+
var(--_ctm-dn-sw-me-is-bn-sw-sd) var(--_ctm-dn-sw-me-is-bn-sw-cr);
|
|
90
|
+
text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
|
|
91
|
+
color: var(--_ctm-dn-sw-me-is-bn-tt-cr);
|
|
92
|
+
text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
|
|
93
|
+
}
|
|
71
94
|
.item {
|
|
72
95
|
// padding: var(--_ctm-lt-sh-te-dy-se-im-pg);
|
|
73
96
|
background-color: var(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr);
|
|
@@ -250,7 +273,7 @@ $minWidth: 70px;
|
|
|
250
273
|
}
|
|
251
274
|
&.disabled {
|
|
252
275
|
cursor: not-allowed;
|
|
253
|
-
opacity: 0.
|
|
276
|
+
opacity: 0.4;
|
|
254
277
|
position: relative;
|
|
255
278
|
&::after {
|
|
256
279
|
content: "X";
|
|
@@ -296,6 +319,34 @@ $minWidth: 70px;
|
|
|
296
319
|
&[data-single-dispaly="Vertically"] {
|
|
297
320
|
flex-direction: column;
|
|
298
321
|
}
|
|
322
|
+
&[data-single-overflow="Scroll"] {
|
|
323
|
+
overflow-x: auto;
|
|
324
|
+
overflow-y: hidden;
|
|
325
|
+
flex-wrap: nowrap;
|
|
326
|
+
}
|
|
327
|
+
&[data-swatch-overflow="Scroll"] {
|
|
328
|
+
overflow-x: auto;
|
|
329
|
+
flex-wrap: nowrap;
|
|
330
|
+
overflow-y: hidden;
|
|
331
|
+
}
|
|
332
|
+
.show_more_button {
|
|
333
|
+
background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
|
|
334
|
+
font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy);
|
|
335
|
+
border-color: var(--_ctm-dn-sw-me-is-bn-br-cr);
|
|
336
|
+
border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs);
|
|
337
|
+
border-style: var(--_ctm-dn-sw-me-is-bn-br-se);
|
|
338
|
+
border-width: var(--_ctm-dn-sw-me-is-bn-br-wh);
|
|
339
|
+
font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
|
|
340
|
+
font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
|
|
341
|
+
font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
|
|
342
|
+
line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
|
|
343
|
+
letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
|
|
344
|
+
box-shadow: var(--_ctm-dn-sw-me-is-bn-sw-ae) var(--_ctm-dn-sw-me-is-bn-sw-br)
|
|
345
|
+
var(--_ctm-dn-sw-me-is-bn-sw-sd) var(--_ctm-dn-sw-me-is-bn-sw-cr);
|
|
346
|
+
text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
|
|
347
|
+
color: var(--_ctm-dn-sw-me-is-bn-tt-cr);
|
|
348
|
+
text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
|
|
349
|
+
}
|
|
299
350
|
&[data-single-dispaly="Grid"] {
|
|
300
351
|
display: grid;
|
|
301
352
|
grid-template-columns: repeat(var(--_ctm-lt-se-st-dy-se-is-pr-rw), minmax(auto, 1fr));
|
|
@@ -401,7 +452,7 @@ $minWidth: 70px;
|
|
|
401
452
|
}
|
|
402
453
|
&.disabled {
|
|
403
454
|
cursor: not-allowed;
|
|
404
|
-
opacity: 0.
|
|
455
|
+
opacity: 0.4;
|
|
405
456
|
position: relative;
|
|
406
457
|
&::after {
|
|
407
458
|
content: "X";
|
|
@@ -423,6 +474,7 @@ $minWidth: 70px;
|
|
|
423
474
|
display: flex;
|
|
424
475
|
flex-direction: column;
|
|
425
476
|
gap: var(--_ctm-lt-on-te-ve-sg, var(--_ctm-lt-dn-dy-se-on-ad-lt-sg));
|
|
477
|
+
padding: var(--_ctm-lt-dn-dy-se-dn-os-pg);
|
|
426
478
|
margin-top: 10px;
|
|
427
479
|
|
|
428
480
|
label {
|
|
@@ -453,13 +505,16 @@ $minWidth: 70px;
|
|
|
453
505
|
}
|
|
454
506
|
|
|
455
507
|
&.open .list {
|
|
456
|
-
display:
|
|
508
|
+
display: none;
|
|
509
|
+
margin-top: var(--_ctm-lt-dn-dy-se-on-ad-lt-sg);
|
|
510
|
+
gap: var(--_ctm-lt-dn-dy-se-dn-lt-im-sg);
|
|
511
|
+
background-color: var(--_ctm-dn-dn-se-bd-cr);
|
|
457
512
|
}
|
|
458
513
|
|
|
459
514
|
.list {
|
|
460
|
-
display:
|
|
515
|
+
display: flex !important;
|
|
461
516
|
flex-direction: column;
|
|
462
|
-
gap: var(--_ctm-lt-dn-dy-se-dn-
|
|
517
|
+
gap: var(--_ctm-lt-dn-dy-se-dn-lt-im-sg);
|
|
463
518
|
border: var(--_ctm-dn-dn-se-br-wh) var(--_ctm-dn-dn-se-br-se)
|
|
464
519
|
var(--_gray-200, var(--_ctm-dn-dn-se-br-cr));
|
|
465
520
|
border-radius: var(--_ctm-dn-dn-se-br-rs);
|
|
@@ -486,7 +541,7 @@ $minWidth: 70px;
|
|
|
486
541
|
}
|
|
487
542
|
|
|
488
543
|
.list__option {
|
|
489
|
-
padding: var(--_ctm-lt-dn-dy-se-dn-
|
|
544
|
+
padding: var(--_ctm-lt-dn-dy-se-dn-lt-im-pg);
|
|
490
545
|
cursor: pointer;
|
|
491
546
|
|
|
492
547
|
&:hover {
|
|
@@ -495,7 +550,7 @@ $minWidth: 70px;
|
|
|
495
550
|
}
|
|
496
551
|
&.disabled {
|
|
497
552
|
cursor: not-allowed;
|
|
498
|
-
opacity: 0.
|
|
553
|
+
opacity: 0.4;
|
|
499
554
|
}
|
|
500
555
|
}
|
|
501
556
|
}
|
|
@@ -510,6 +565,41 @@ $minWidth: 70px;
|
|
|
510
565
|
flex-direction: row;
|
|
511
566
|
&[data-dropdown-style="Vertical List"] {
|
|
512
567
|
flex-direction: column;
|
|
568
|
+
gap: var(--_ctm-lt-im-sg);
|
|
569
|
+
}
|
|
570
|
+
.dropdown_wrapper {
|
|
571
|
+
position: relative;
|
|
572
|
+
&[data-show-divider="true"] {
|
|
573
|
+
&:not(:last-child)::after {
|
|
574
|
+
content: "";
|
|
575
|
+
position: relative;
|
|
576
|
+
background-color: #000;
|
|
577
|
+
height: 1px;
|
|
578
|
+
width: 100%;
|
|
579
|
+
display: flex;
|
|
580
|
+
top: calc(calc(var(--_ctm-lt-im-sg) + 10px) / 2);
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
&[data-show-item-divider="true"] {
|
|
585
|
+
.est__dropdown__main {
|
|
586
|
+
.est__dropdown {
|
|
587
|
+
.list {
|
|
588
|
+
:not(:last-child).list__option {
|
|
589
|
+
&::after {
|
|
590
|
+
content: "";
|
|
591
|
+
position: relative;
|
|
592
|
+
background-color: #000;
|
|
593
|
+
height: 1px;
|
|
594
|
+
width: 100%;
|
|
595
|
+
display: flex;
|
|
596
|
+
top: calc(var(--_ctm-lt-dn-dy-se-dn-lt-im-sg) / 2);
|
|
597
|
+
}
|
|
598
|
+
}
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
}
|
|
513
603
|
}
|
|
514
604
|
& > div {
|
|
515
605
|
width: 100%;
|
|
@@ -531,7 +621,7 @@ $minWidth: 70px;
|
|
|
531
621
|
var(--_ctm-mob-var-lt-mn-cn-wh)
|
|
532
622
|
)
|
|
533
623
|
);
|
|
534
|
-
gap:
|
|
624
|
+
gap: var(--_ctm-lt-gd-os-dy-se-tb-rw-sg);
|
|
535
625
|
.field__group__item {
|
|
536
626
|
font-size: 16px;
|
|
537
627
|
display: flex;
|
|
@@ -553,7 +643,7 @@ $minWidth: 70px;
|
|
|
553
643
|
}
|
|
554
644
|
&:disabled {
|
|
555
645
|
cursor: not-allowed;
|
|
556
|
-
opacity: 0.
|
|
646
|
+
opacity: 0.4;
|
|
557
647
|
}
|
|
558
648
|
}
|
|
559
649
|
}
|
|
@@ -562,7 +652,8 @@ $minWidth: 70px;
|
|
|
562
652
|
.quantiy__details {
|
|
563
653
|
display: flex;
|
|
564
654
|
flex-direction: column;
|
|
565
|
-
gap:
|
|
655
|
+
gap: var(--_ctm-lt-gd-os-dy-se-gp-sg);
|
|
656
|
+
padding: var(--_ctm-lt-gd-os-dy-se-gp-pg);
|
|
566
657
|
.title {
|
|
567
658
|
display: flex;
|
|
568
659
|
justify-content: space-between;
|
|
@@ -580,6 +671,9 @@ $minWidth: 70px;
|
|
|
580
671
|
flex-direction: column;
|
|
581
672
|
gap: 12px;
|
|
582
673
|
.fit__desc {
|
|
674
|
+
display: flex;
|
|
675
|
+
flex-direction: column;
|
|
676
|
+
gap: var(--_ctm-lt-gd-os-dy-se-gp-hr-ad-on-sg);
|
|
583
677
|
font-size: 16px;
|
|
584
678
|
color: var(--_gray-900);
|
|
585
679
|
.each__price {
|
|
@@ -591,8 +685,50 @@ $minWidth: 70px;
|
|
|
591
685
|
.grouped_items {
|
|
592
686
|
display: flex;
|
|
593
687
|
flex-direction: column;
|
|
594
|
-
|
|
595
|
-
|
|
688
|
+
|
|
689
|
+
.tab__accordion {
|
|
690
|
+
display: flex;
|
|
691
|
+
flex-direction: column;
|
|
692
|
+
gap: var(--_ctm-lt-im-sg);
|
|
693
|
+
.tab__container {
|
|
694
|
+
display: flex;
|
|
695
|
+
flex-direction: column;
|
|
696
|
+
|
|
697
|
+
.tab {
|
|
698
|
+
&:first-child {
|
|
699
|
+
margin-bottom: var(--_ctm-lt-on-te-ve-sg);
|
|
700
|
+
}
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.tab__content {
|
|
704
|
+
display: flex;
|
|
705
|
+
flex-direction: column;
|
|
706
|
+
padding: var(--_ctm-lt-gd-os-dy-se-gp-pg);
|
|
707
|
+
|
|
708
|
+
.field__group {
|
|
709
|
+
gap: var(--_ctm-lt-gd-os-dy-se-gp-sg);
|
|
710
|
+
|
|
711
|
+
.field__group__item {
|
|
712
|
+
gap: var(--_ctm-lt-gd-os-dy-se-gp-hr-ad-on-sg);
|
|
713
|
+
}
|
|
714
|
+
}
|
|
715
|
+
}
|
|
716
|
+
}
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
&[data-show-divider="true"] {
|
|
720
|
+
.tab__accordion {
|
|
721
|
+
&:not(:last-child)::after {
|
|
722
|
+
content: "";
|
|
723
|
+
position: relative;
|
|
724
|
+
background-color: #000;
|
|
725
|
+
height: 1px;
|
|
726
|
+
width: 100%;
|
|
727
|
+
display: flex;
|
|
728
|
+
top: calc(var(--_ctm-lt-im-sg) / 2);
|
|
729
|
+
}
|
|
730
|
+
}
|
|
731
|
+
}
|
|
596
732
|
}
|
|
597
733
|
// tabs
|
|
598
734
|
.tabs__container {
|
|
@@ -622,52 +758,96 @@ $minWidth: 70px;
|
|
|
622
758
|
}
|
|
623
759
|
|
|
624
760
|
// accordion tabs
|
|
625
|
-
.
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
761
|
+
.tab__accordion_wrapper {
|
|
762
|
+
.tab__accordion {
|
|
763
|
+
display: flex;
|
|
764
|
+
flex-direction: column;
|
|
765
|
+
padding: var(--_ctm-lt-gd-os-dy-se-cr-pg);
|
|
766
|
+
.tab__container {
|
|
630
767
|
display: flex;
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
position:
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
768
|
+
flex-direction: column;
|
|
769
|
+
gap: var(--_ctm-lt-gd-os-dy-se-an-sg);
|
|
770
|
+
.tab_acc_wrapper {
|
|
771
|
+
display: flex;
|
|
772
|
+
flex-direction: column;
|
|
773
|
+
gap: var(--_ctm-lt-gd-os-dy-se-an-ad-cr-sg);
|
|
774
|
+
padding: var(--_ctm-lt-gd-os-dy-se-an-vl-pg) var(--_ctm-lt-gd-os-dy-se-an-hl-pg);
|
|
775
|
+
|
|
776
|
+
.tab {
|
|
777
|
+
display: flex;
|
|
778
|
+
padding-inline: 2px;
|
|
779
|
+
position: relative;
|
|
780
|
+
cursor: pointer;
|
|
781
|
+
flex-direction: row;
|
|
782
|
+
&[data-expand-icon="Left"] {
|
|
783
|
+
flex-direction: row-reverse;
|
|
784
|
+
justify-content: flex-end;
|
|
785
|
+
}
|
|
786
|
+
&[data-item-dividers="true"] {
|
|
787
|
+
&::after {
|
|
788
|
+
content: "";
|
|
789
|
+
position: absolute;
|
|
790
|
+
bottom: 0;
|
|
791
|
+
height: 2px;
|
|
792
|
+
width: 100%;
|
|
793
|
+
border-bottom: 1px solid var(--_gray-200);
|
|
794
|
+
}
|
|
795
|
+
}
|
|
796
|
+
span {
|
|
797
|
+
padding-block: 12px;
|
|
798
|
+
display: inline-block;
|
|
799
|
+
}
|
|
800
|
+
.active {
|
|
801
|
+
border-bottom: 2px solid var(--_primary-400);
|
|
802
|
+
}
|
|
803
|
+
&.inactive {
|
|
804
|
+
height: 0px;
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
.tab__content {
|
|
808
|
+
&.d-none {
|
|
809
|
+
display: none;
|
|
810
|
+
}
|
|
811
|
+
&.d-block {
|
|
812
|
+
display: block;
|
|
813
|
+
}
|
|
647
814
|
}
|
|
648
|
-
}
|
|
649
|
-
span {
|
|
650
|
-
padding-block: 12px;
|
|
651
|
-
display: inline-block;
|
|
652
|
-
}
|
|
653
|
-
.active {
|
|
654
|
-
border-bottom: 2px solid var(--_primary-400);
|
|
655
|
-
}
|
|
656
|
-
&.inactive {
|
|
657
|
-
height: 0px;
|
|
658
815
|
}
|
|
659
816
|
}
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
&[data-show-dividers="true"] {
|
|
820
|
+
.tab__accordion {
|
|
821
|
+
.tab__container {
|
|
822
|
+
.tab_acc_wrapper {
|
|
823
|
+
&:not(:last-child)::after {
|
|
824
|
+
content: "";
|
|
825
|
+
position: relative;
|
|
826
|
+
background-color: #000;
|
|
827
|
+
height: 1px;
|
|
828
|
+
width: 100%;
|
|
829
|
+
display: flex;
|
|
830
|
+
top: calc(var(--_ctm-lt-gd-os-dy-se-an-sg) / 2);
|
|
831
|
+
}
|
|
832
|
+
}
|
|
664
833
|
}
|
|
665
|
-
|
|
666
|
-
|
|
834
|
+
}
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
&[data-icon-position="Left"] {
|
|
838
|
+
.tab__accordion {
|
|
839
|
+
.tab__container {
|
|
840
|
+
.tab_acc_wrapper {
|
|
841
|
+
.tab {
|
|
842
|
+
flex-direction: row-reverse;
|
|
843
|
+
align-self: flex-start;
|
|
844
|
+
}
|
|
845
|
+
}
|
|
667
846
|
}
|
|
668
847
|
}
|
|
669
848
|
}
|
|
670
849
|
}
|
|
850
|
+
|
|
671
851
|
// table
|
|
672
852
|
.table__class {
|
|
673
853
|
border: 1px solid var(--_gray-200);
|
|
@@ -757,6 +937,7 @@ $minWidth: 70px;
|
|
|
757
937
|
&.tabs__hr {
|
|
758
938
|
.tabs {
|
|
759
939
|
flex-direction: column;
|
|
940
|
+
gap: var(--_ctm-lt-gd-os-dy-se-tb-ad-cr-sg);
|
|
760
941
|
.tabs__container {
|
|
761
942
|
width: 100%;
|
|
762
943
|
}
|
package/dist/widget.scss
CHANGED