@sc-360-v2/storefront-cms-library 0.3.20 → 0.3.22
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/builder.js +1 -1
- package/dist/cart-details.scss +486 -132
- package/dist/cartAttributes.scss +65 -1
- package/dist/cartDropdownOverlay.scss +46 -6
- package/dist/checkout.scss +914 -110
- package/dist/container.scss +2 -0
- package/dist/faq.scss +79 -84
- package/dist/language-selector.scss +451 -0
- package/dist/product-image.scss +3 -0
- package/dist/quantity-selector.scss +1 -16
- package/dist/section.scss +1 -0
- package/dist/types/builder/elements/container/index.d.ts +0 -1
- package/dist/types/builder/elements/form-builder/index.d.ts +24 -0
- package/dist/types/builder/elements/section/index.d.ts +0 -1
- package/dist/types/builder/enums/index.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +21 -2
- package/dist/types/builder/tools/element-edit/checkout.d.ts +1 -93
- package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/language-menu.d.ts +31 -0
- package/dist/types/builder/tools/element-edit/tabs.d.ts +0 -1
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
package/dist/cartAttributes.scss
CHANGED
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
|
|
14
14
|
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
|
|
15
15
|
|
|
16
|
-
height:
|
|
16
|
+
height: max-content;
|
|
17
|
+
min-width: 240px;
|
|
17
18
|
|
|
18
19
|
// aspect-ratio: var(
|
|
19
20
|
// --_ctm-mob-aspect-ratio,
|
|
@@ -34,5 +35,68 @@
|
|
|
34
35
|
cursor: pointer;
|
|
35
36
|
gap: 8px;
|
|
36
37
|
}
|
|
38
|
+
|
|
39
|
+
.attributes-section-body {
|
|
40
|
+
padding-top: 1rem;
|
|
41
|
+
width: 100%;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-wrap: wrap;
|
|
44
|
+
gap: 16px;
|
|
45
|
+
.attribute_field {
|
|
46
|
+
width: 240px;
|
|
47
|
+
.attribute_form_field {
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
.label {
|
|
51
|
+
display: block;
|
|
52
|
+
font-size: 0.875rem;
|
|
53
|
+
font-weight: 500;
|
|
54
|
+
color: #374151;
|
|
55
|
+
margin-bottom: 0.5rem;
|
|
56
|
+
|
|
57
|
+
&.required::after {
|
|
58
|
+
content: " *";
|
|
59
|
+
color: #dc2626;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
.attribute_form_field {
|
|
63
|
+
width: 100% !important;
|
|
64
|
+
padding: 8px 12px !important;
|
|
65
|
+
border-radius: 4px;
|
|
66
|
+
border: 1px solid #ccc;
|
|
67
|
+
/* background-color: #f9fafb !important; */
|
|
68
|
+
outline: none;
|
|
69
|
+
transition: border-color 0.2s ease-in-out;
|
|
70
|
+
font-size: 14px;
|
|
71
|
+
height: 40px;
|
|
72
|
+
|
|
73
|
+
&:focus {
|
|
74
|
+
border-color: #3b82f6;
|
|
75
|
+
background-color: #fff;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&.error {
|
|
79
|
+
border-color: #dc2626;
|
|
80
|
+
background-color: #fef2f2;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
textarea {
|
|
85
|
+
min-height: 100px;
|
|
86
|
+
resize: vertical;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
.text_area_attribute {
|
|
90
|
+
width: 100%;
|
|
91
|
+
.input_textarea_a {
|
|
92
|
+
width: 100%;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
.cart_item_attr_disabled {
|
|
96
|
+
pointer-events: none;
|
|
97
|
+
opacity: 0.5;
|
|
98
|
+
cursor: auto;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
37
101
|
}
|
|
38
102
|
}
|
|
@@ -18,12 +18,52 @@ $button-padding: 6px 12px;
|
|
|
18
18
|
display: inline-block;
|
|
19
19
|
|
|
20
20
|
.trigger {
|
|
21
|
-
background: none;
|
|
22
|
-
border: none;
|
|
23
|
-
color: $primary-color;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
font-weight: 500;
|
|
26
|
-
padding: $spacing-sm;
|
|
21
|
+
// background: none;
|
|
22
|
+
// border: none;
|
|
23
|
+
// color: $primary-color;
|
|
24
|
+
// cursor: pointer;
|
|
25
|
+
// font-weight: 500;
|
|
26
|
+
// padding: $spacing-sm;
|
|
27
|
+
white-space: nowrap;
|
|
28
|
+
color: var(
|
|
29
|
+
--_ctm-mob-dn-pt-as-ss-cr,
|
|
30
|
+
var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
|
|
31
|
+
);
|
|
32
|
+
font-family: var(
|
|
33
|
+
--_sf-hr-ff,
|
|
34
|
+
var(
|
|
35
|
+
--_ctm-mob-dn-pt-as-ss-ft-fy,
|
|
36
|
+
var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
|
|
37
|
+
)
|
|
38
|
+
);
|
|
39
|
+
font-size: var(
|
|
40
|
+
--_ctm-mob-dn-pt-as-ss-ft-se,
|
|
41
|
+
var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
|
|
42
|
+
);
|
|
43
|
+
font-weight: var(
|
|
44
|
+
--_ctm-mob-dn-pt-as-ss-ft-wt,
|
|
45
|
+
var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
|
|
46
|
+
);
|
|
47
|
+
font-style: var(
|
|
48
|
+
--_ctm-mob-dn-pt-as-ss-ft-se-ic,
|
|
49
|
+
var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
|
|
50
|
+
);
|
|
51
|
+
text-align: var(
|
|
52
|
+
--_ctm-mob-dn-pt-as-ss-tt-an,
|
|
53
|
+
var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
|
|
54
|
+
);
|
|
55
|
+
letter-spacing: var(
|
|
56
|
+
--_ctm-mob-dn-pt-as-ss-lr-sg,
|
|
57
|
+
var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
|
|
58
|
+
);
|
|
59
|
+
line-height: var(
|
|
60
|
+
--_ctm-mob-dn-pt-as-ss-le-ht,
|
|
61
|
+
var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
|
|
62
|
+
);
|
|
63
|
+
text-decoration: var(
|
|
64
|
+
--_ctm-mob-dn-pt-as-ss-ue,
|
|
65
|
+
var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
|
|
66
|
+
);
|
|
27
67
|
}
|
|
28
68
|
|
|
29
69
|
.overlay-panel {
|