@sc-360-v2/storefront-cms-library 0.3.95 → 0.3.96
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-summary.scss +19 -16
- package/dist/checkout.scss +13 -64
- package/dist/embroider-template-1.scss +56 -0
- package/dist/my-templates.scss +4 -3
- package/dist/order-status.scss +633 -626
- package/dist/request-for-quotes.scss +27 -8
- package/dist/tab-v2.scss +7 -2
- package/dist/types/builder/tools/element-edit/tabsV2.d.ts +53 -1
- package/package.json +1 -1
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
display: flex;
|
|
387
387
|
justify-content: space-between;
|
|
388
388
|
align-items: center;
|
|
389
|
-
margin-bottom:
|
|
389
|
+
margin-bottom: 8px;
|
|
390
390
|
}
|
|
391
391
|
|
|
392
392
|
&_text {
|
|
@@ -397,6 +397,8 @@
|
|
|
397
397
|
white-space: nowrap;
|
|
398
398
|
overflow: hidden;
|
|
399
399
|
text-overflow: ellipsis;
|
|
400
|
+
display: inline-block;
|
|
401
|
+
margin-top: 4px;
|
|
400
402
|
}
|
|
401
403
|
|
|
402
404
|
&_select {
|
|
@@ -407,7 +409,7 @@
|
|
|
407
409
|
// color: var(--_primary-400);
|
|
408
410
|
color: var(--_thm-cs-tt-ls-as);
|
|
409
411
|
text-decoration: none;
|
|
410
|
-
font-weight:
|
|
412
|
+
font-weight: 400;
|
|
411
413
|
background: none;
|
|
412
414
|
border: none;
|
|
413
415
|
cursor: pointer;
|
|
@@ -419,11 +421,11 @@
|
|
|
419
421
|
text-decoration: underline;
|
|
420
422
|
}
|
|
421
423
|
}
|
|
422
|
-
&_divider {
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
}
|
|
424
|
+
// &_divider {
|
|
425
|
+
// border: none;
|
|
426
|
+
// border-top: 1px dashed var(--_gray-300);
|
|
427
|
+
// margin: 16px 0;
|
|
428
|
+
// }
|
|
427
429
|
|
|
428
430
|
&_footer {
|
|
429
431
|
display: flex;
|
|
@@ -509,7 +511,11 @@
|
|
|
509
511
|
padding-bottom: 24px;
|
|
510
512
|
margin-top: 12px;
|
|
511
513
|
.contact_title {
|
|
514
|
+
display: flex;
|
|
515
|
+
gap: 12px;
|
|
512
516
|
font-weight: 600;
|
|
517
|
+
font-size: 14px;
|
|
518
|
+
cursor: pointer;
|
|
513
519
|
.toggle_dropdown {
|
|
514
520
|
display: inline-block;
|
|
515
521
|
transition: transform 0.3s ease;
|
|
@@ -566,8 +572,12 @@
|
|
|
566
572
|
color: var(--_gray-900);
|
|
567
573
|
}
|
|
568
574
|
&_shipping_details {
|
|
575
|
+
padding-bottom: 16px;
|
|
576
|
+
margin-bottom: 16px;
|
|
577
|
+
border-bottom: 1px dashed var(--_gray-300);
|
|
569
578
|
// padding: 16px;
|
|
570
579
|
// margin-top: 10px;
|
|
580
|
+
|
|
571
581
|
.no_shipping_methods {
|
|
572
582
|
background: var(--_gray-100);
|
|
573
583
|
border-radius: 4px;
|
|
@@ -637,6 +647,15 @@
|
|
|
637
647
|
// color: var(--_gray-900);
|
|
638
648
|
font-size: 14px;
|
|
639
649
|
}
|
|
650
|
+
&_shipping_selected_method {
|
|
651
|
+
display: flex;
|
|
652
|
+
justify-content: space-between;
|
|
653
|
+
gap: 48px;
|
|
654
|
+
}
|
|
655
|
+
&_shipping_title {
|
|
656
|
+
font-size: 14px;
|
|
657
|
+
font-weight: 600;
|
|
658
|
+
}
|
|
640
659
|
|
|
641
660
|
&_shipping_confirm {
|
|
642
661
|
padding: 12px;
|
|
@@ -652,7 +671,7 @@
|
|
|
652
671
|
font-weight: 600;
|
|
653
672
|
background-color: var(--_thm-py-bs-dt-se-bd-cr);
|
|
654
673
|
color: var(--_thm-py-bs-dt-se-tt-cr);
|
|
655
|
-
margin-block: 4px
|
|
674
|
+
margin-block: 4px 4px;
|
|
656
675
|
&:hover {
|
|
657
676
|
background-color: var(--_thm-py-bs-hr-se-bd-cr);
|
|
658
677
|
color: var(--_thm-py-bs-hr-se-tt-cr);
|
package/dist/tab-v2.scss
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
|
+
@use "./functions.scss" as *;
|
|
3
4
|
$activeElementSelector: "[data-has-clicked='true']";
|
|
4
5
|
$root: "flex__tbs";
|
|
5
6
|
$sfKey: "--_flex-tbs-";
|
|
@@ -141,7 +142,10 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
|
|
|
141
142
|
--_ctm-mob-tbs-lt-tb-sg,
|
|
142
143
|
var(--_ctm-tab-tbs-lt-tb-sg, var(--_ctm-tbs-lt-tb-sg))
|
|
143
144
|
);
|
|
144
|
-
width: 100%;
|
|
145
|
+
// width: 100%;
|
|
146
|
+
width: prepareMediaVariable(--_ctm-tbs-dn-tb-cr-cr-wh, 100%);
|
|
147
|
+
min-height: prepareMediaVariable(--_ctm-tbs-dn-tb-cr-cr-mn-ht, auto);
|
|
148
|
+
padding: prepareMediaVariable(--_ctm-tbs-dn-tb-cr-pg, 0px);
|
|
145
149
|
display: var(--_d-flex);
|
|
146
150
|
flex-direction: var(#{$sfKey}fd-header, row);
|
|
147
151
|
&:is(.vtl *) {
|
|
@@ -445,7 +449,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
|
|
|
445
449
|
}
|
|
446
450
|
// width: max-content;
|
|
447
451
|
|
|
448
|
-
font-family:
|
|
452
|
+
font-family:
|
|
453
|
+
var(
|
|
449
454
|
--_sf-tbs-sd-ft-fy,
|
|
450
455
|
var(
|
|
451
456
|
--_sf-tbs-hr-ft-fy,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CMSElementEditTypes } from "../../enums";
|
|
1
|
+
import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
|
|
2
2
|
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
3
3
|
declare enum SelectorKeysEnum {
|
|
4
4
|
LAYOUT = "layout",
|
|
@@ -101,6 +101,19 @@ export declare const getDefaultData: () => {
|
|
|
101
101
|
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
102
102
|
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
103
103
|
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
104
|
+
containerWidth: {
|
|
105
|
+
value: string;
|
|
106
|
+
property: string;
|
|
107
|
+
unit: CMSCSSUnitTypesEnums;
|
|
108
|
+
propertyType: CMSElementEditTypes;
|
|
109
|
+
};
|
|
110
|
+
containerMinHeight: {
|
|
111
|
+
value: string;
|
|
112
|
+
property: string;
|
|
113
|
+
unit: CMSCSSUnitTypesEnums;
|
|
114
|
+
propertyType: CMSElementEditTypes;
|
|
115
|
+
};
|
|
116
|
+
padding: any;
|
|
104
117
|
selectorKey: SelectorKeysEnum;
|
|
105
118
|
};
|
|
106
119
|
tabs: {
|
|
@@ -133,6 +146,19 @@ export declare const getDefaultData: () => {
|
|
|
133
146
|
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
134
147
|
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
135
148
|
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
149
|
+
containerWidth: {
|
|
150
|
+
value: string;
|
|
151
|
+
property: string;
|
|
152
|
+
unit: CMSCSSUnitTypesEnums;
|
|
153
|
+
propertyType: CMSElementEditTypes;
|
|
154
|
+
};
|
|
155
|
+
containerMinHeight: {
|
|
156
|
+
value: string;
|
|
157
|
+
property: string;
|
|
158
|
+
unit: CMSCSSUnitTypesEnums;
|
|
159
|
+
propertyType: CMSElementEditTypes;
|
|
160
|
+
};
|
|
161
|
+
padding: any;
|
|
136
162
|
selectorKey: SelectorKeysEnum;
|
|
137
163
|
};
|
|
138
164
|
hoverState: {
|
|
@@ -163,6 +189,19 @@ export declare const getDefaultData: () => {
|
|
|
163
189
|
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
164
190
|
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
165
191
|
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
192
|
+
containerWidth: {
|
|
193
|
+
value: string;
|
|
194
|
+
property: string;
|
|
195
|
+
unit: CMSCSSUnitTypesEnums;
|
|
196
|
+
propertyType: CMSElementEditTypes;
|
|
197
|
+
};
|
|
198
|
+
containerMinHeight: {
|
|
199
|
+
value: string;
|
|
200
|
+
property: string;
|
|
201
|
+
unit: CMSCSSUnitTypesEnums;
|
|
202
|
+
propertyType: CMSElementEditTypes;
|
|
203
|
+
};
|
|
204
|
+
padding: any;
|
|
166
205
|
selectorKey: SelectorKeysEnum;
|
|
167
206
|
};
|
|
168
207
|
selectedState: {
|
|
@@ -193,6 +232,19 @@ export declare const getDefaultData: () => {
|
|
|
193
232
|
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
194
233
|
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
195
234
|
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
235
|
+
containerWidth: {
|
|
236
|
+
value: string;
|
|
237
|
+
property: string;
|
|
238
|
+
unit: CMSCSSUnitTypesEnums;
|
|
239
|
+
propertyType: CMSElementEditTypes;
|
|
240
|
+
};
|
|
241
|
+
containerMinHeight: {
|
|
242
|
+
value: string;
|
|
243
|
+
property: string;
|
|
244
|
+
unit: CMSCSSUnitTypesEnums;
|
|
245
|
+
propertyType: CMSElementEditTypes;
|
|
246
|
+
};
|
|
247
|
+
padding: any;
|
|
196
248
|
selectorKey: SelectorKeysEnum;
|
|
197
249
|
};
|
|
198
250
|
};
|