@sc-360-v2/storefront-cms-library 0.2.79 → 0.2.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.
Files changed (36) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/buy-for-tab-container.scss +89 -0
  3. package/dist/buy-for-tab.scss +579 -0
  4. package/dist/buy-for-tabs-container-item.scss +80 -0
  5. package/dist/buyForHeaders.scss +203 -0
  6. package/dist/{buyFor.scss → buyForPopup.scss} +86 -22
  7. package/dist/cart-details.scss +1 -1
  8. package/dist/cart-products-sidebar.scss +201 -0
  9. package/dist/cartDropdownOverlay.scss +34 -27
  10. package/dist/checkout.scss +173 -0
  11. package/dist/layouter.scss +9 -2
  12. package/dist/light-box-v2.scss +4 -0
  13. package/dist/quick-links.scss +249 -194
  14. package/dist/repeater-embla-controls.scss +71 -96
  15. package/dist/repeater.scss +8 -2
  16. package/dist/search.scss +30 -0
  17. package/dist/types/builder/elements/add-order/index.d.ts +1 -1
  18. package/dist/types/builder/elements/buy-for-tab/index.d.ts +46 -0
  19. package/dist/types/builder/elements/buy-for-tab-container/index.d.ts +45 -0
  20. package/dist/types/builder/elements/checkout/index.d.ts +27 -0
  21. package/dist/types/builder/elements/section/index.d.ts +3 -0
  22. package/dist/types/builder/elements/toaster/index.d.ts +30 -0
  23. package/dist/types/builder/enums/index.d.ts +18 -1
  24. package/dist/types/builder/index.d.ts +5 -1
  25. package/dist/types/builder/tools/element-edit/bundle.d.ts +15 -0
  26. package/dist/types/builder/tools/element-edit/buyForTabContainer.d.ts +9 -0
  27. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +215 -0
  28. package/dist/types/builder/tools/element-edit/checkout.d.ts +343 -0
  29. package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
  30. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +98 -123
  31. package/dist/types/builder/tools/element-edit/section.d.ts +2 -1
  32. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/toaster.d.ts +38 -0
  34. package/dist/uom-selector.scss +3 -3
  35. package/dist/widget.scss +7 -2
  36. package/package.json +1 -1
@@ -14,7 +14,10 @@ export declare enum QuickLinksSelectorKeysEnum {
14
14
  FILL_AND_BACKGROUND = "fillAndBackground",
15
15
  ITEM_STYLE = "iconStyle",
16
16
  QuickLinks_ICONS = "QuickLinks",
17
- QuickLinks_WIDGET = "QuickLinksWidget"
17
+ QuickLinks_WIDGET = "quickLinksWidgetDesign",
18
+ QUICK_LINKS_TEXT_LAYOUT = "quickLinksTextLayout",
19
+ QUICK_LINKS_WIDGET_LAYOUT = "quickLinksWidgetLayout",
20
+ TEXT_CONTAINER_DESIGN = "quickLinksTextContainerDesign"
18
21
  }
19
22
  export interface SelectorKeys {
20
23
  LAYOUT: string;
@@ -94,119 +97,16 @@ export declare const getDefaultData: () => {
94
97
  value: string;
95
98
  propertyType: CMSElementEditTypes;
96
99
  };
97
- showIcon: {
98
- layout: {
99
- iconAndTextSpacing: {
100
- value: number;
101
- property: string;
102
- unit: number;
103
- propertyType: CMSElementEditTypes;
104
- };
105
- displayStyle: {
106
- value: string;
107
- propertyType: CMSElementEditTypes;
108
- };
109
- showIcon: {
110
- value: boolean;
111
- propertyType: CMSElementEditTypes;
112
- };
113
- iconPosition: {
114
- value: string;
115
- propertyType: CMSElementEditTypes;
116
- };
117
- };
118
- content: {
119
- linksData: {
120
- value: {
121
- id: any;
122
- title: string;
123
- name: string;
124
- show: boolean;
125
- url: string;
126
- }[];
127
- propertyType: CMSElementEditTypes;
128
- };
129
- showTitle: {
130
- value: boolean;
131
- propertyType: CMSElementEditTypes;
132
- };
133
- title: {
134
- value: string;
135
- propertyType: CMSElementEditTypes;
136
- };
137
- description: {
138
- value: string;
139
- propertyType: CMSElementEditTypes;
140
- };
141
- showDescription: {
142
- value: boolean;
143
- propertyType: CMSElementEditTypes;
144
- };
145
- };
146
- design: {
147
- icon: {
148
- value: string;
149
- propertyType: CMSElementEditTypes;
150
- };
151
- designiconSize: {
152
- value: string;
153
- propertyType: CMSElementEditTypes;
154
- unit: number;
155
- property: string;
156
- };
157
- iconColor: {
158
- value: {
159
- hex: string;
160
- rgb: {
161
- r: string;
162
- g: string;
163
- b: string;
164
- a: number;
165
- };
166
- };
167
- property: string;
168
- propertyType: CMSElementEditTypes;
169
- parentRef: string;
170
- };
171
- instagramIcon: {
172
- value: string;
173
- property: string;
174
- propertyType: CMSElementEditTypes;
175
- };
176
- facebookIcon: {
177
- value: string;
178
- property: string;
179
- propertyType: CMSElementEditTypes;
180
- };
181
- twitterIcon: {
182
- value: string;
183
- property: string;
184
- propertyType: CMSElementEditTypes;
185
- };
186
- amazonIcon: {
187
- value: string;
188
- property: string;
189
- propertyType: CMSElementEditTypes;
190
- };
191
- websiteIcon: {
192
- value: string;
193
- property: string;
194
- propertyType: CMSElementEditTypes;
195
- };
196
- youtubeIcon: {
197
- value: string;
198
- property: string;
199
- propertyType: CMSElementEditTypes;
200
- };
201
- linkedinIcon: {
202
- value: string;
203
- property: string;
204
- propertyType: CMSElementEditTypes;
205
- };
206
- };
100
+ gapBetweenItems: {
101
+ value: string;
102
+ unit: number;
103
+ property: string;
104
+ propertyType: CMSElementEditTypes;
207
105
  };
208
- iconPosition: {
106
+ drodownWidth: {
209
107
  value: string;
108
+ unit: number;
109
+ property: string;
210
110
  propertyType: CMSElementEditTypes;
211
111
  };
212
112
  positionType: CMSIBCommonInterface | undefined;
@@ -243,23 +143,44 @@ export declare const getDefaultData: () => {
243
143
  };
244
144
  design: {
245
145
  selectorKey: QuickLinksSelectorKeysEnum;
246
- QuickLinksWidget: {
146
+ quickLinksWidgetDesign: {
247
147
  selectorKey: QuickLinksSelectorKeysEnum;
248
148
  backgroundColor: CMSIBCommonInterface;
249
- cropRatio: CMSIBCommonInterface;
250
- zoomImage: CMSIBCommonInterface;
251
- flip: CMSIBCommonInterface;
252
- rotate: import("../../interfaces/global").CMSIBSizeInterface;
253
- showBorder: CMSIBCommonInterface;
254
- borderStyle: CMSIBCommonInterface;
255
149
  borderColor: CMSIBCommonInterface;
150
+ borderStyle: CMSIBCommonInterface;
256
151
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
257
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
152
+ showBorder: CMSIBCommonInterface;
258
153
  showShadow: CMSIBCommonInterface;
259
154
  shadowColor: CMSIBCommonInterface;
260
- angle: import("../../interfaces/global").CMSIBSizeInterface;
261
- spread: import("../../interfaces/global").CMSIBSizeInterface;
262
155
  blur: import("../../interfaces/global").CMSIBSizeInterface;
156
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
157
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
158
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
159
+ showIcon: CMSIBCommonInterface | undefined;
160
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
161
+ iconColor: CMSIBCommonInterface;
162
+ theme: CMSIBCommonInterface;
163
+ font: CMSIBCommonInterface;
164
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
165
+ textColor: CMSIBCommonInterface;
166
+ bold: CMSIBCommonInterface;
167
+ italic: CMSIBCommonInterface;
168
+ linethrough: CMSIBCommonInterface;
169
+ underline: CMSIBCommonInterface;
170
+ textAlign: CMSIBCommonInterface;
171
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
172
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
173
+ themeDesc: CMSIBCommonInterface;
174
+ fontDesc: CMSIBCommonInterface;
175
+ fontSizeDesc: import("../../interfaces/global").CMSIBSizeInterface;
176
+ textColorDesc: CMSIBCommonInterface;
177
+ boldDesc: CMSIBCommonInterface;
178
+ italicDesc: CMSIBCommonInterface;
179
+ linethroughDesc: CMSIBCommonInterface;
180
+ underlineDesc: CMSIBCommonInterface;
181
+ textAlignDesc: CMSIBCommonInterface;
182
+ characterSpacingDesc: import("../../interfaces/global").CMSIBSizeInterface | undefined;
183
+ lineHeightDesc: import("../../interfaces/global").CMSIBSizeInterface;
263
184
  };
264
185
  itemStyle: {
265
186
  selectorKey: QuickLinksSelectorKeysEnum;
@@ -317,7 +238,61 @@ export declare const getDefaultData: () => {
317
238
  parentRef: string;
318
239
  };
319
240
  };
320
- QuickLinks: {
241
+ quickLinksTextLayout: {
242
+ selectorKey: QuickLinksSelectorKeysEnum;
243
+ textVerticalPadding: {
244
+ value: string;
245
+ property: string;
246
+ unit: number;
247
+ propertyType: CMSElementEditTypes;
248
+ };
249
+ textHorizontalPadding: {
250
+ value: string;
251
+ property: string;
252
+ unit: number;
253
+ propertyType: CMSElementEditTypes;
254
+ };
255
+ titleAndDescriptionSpacing: {
256
+ value: string;
257
+ property: string;
258
+ unit: number;
259
+ propertyType: CMSElementEditTypes;
260
+ };
261
+ };
262
+ quickLinksWidgetLayout: {
263
+ selectorKey: QuickLinksSelectorKeysEnum;
264
+ verticalAlignment: {
265
+ value: string;
266
+ property: string;
267
+ propertyType: CMSElementEditTypes;
268
+ };
269
+ widgetTextAndItemSpacing: {
270
+ value: string;
271
+ property: string;
272
+ unit: number;
273
+ propertyType: CMSElementEditTypes;
274
+ };
275
+ textPosition: {
276
+ value: string;
277
+ property: string;
278
+ propertyType: CMSElementEditTypes;
279
+ };
280
+ };
281
+ quickLinksTextContainerDesign: {
282
+ selectorKey: QuickLinksSelectorKeysEnum;
283
+ backgroundColor: CMSIBCommonInterface;
284
+ showBorder: CMSIBCommonInterface;
285
+ borderStyle: CMSIBCommonInterface;
286
+ borderColor: CMSIBCommonInterface;
287
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
288
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
289
+ showShadow: CMSIBCommonInterface;
290
+ shadowColor: CMSIBCommonInterface;
291
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
292
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
293
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
294
+ };
295
+ quickLinks: {
321
296
  selectorKey: QuickLinksSelectorKeysEnum;
322
297
  instagramIcon: {
323
298
  value: string;
@@ -16,7 +16,8 @@ export declare enum sectionSelectorKeysEnum {
16
16
  SETTINGS = "settings",
17
17
  VISIBILITY = "visibility",
18
18
  SCHEDULES = "schedules",
19
- DEVICE_VISIBILITY = "deviceVisibility"
19
+ DEVICE_VISIBILITY = "deviceVisibility",
20
+ CUSTOM_ATTRIBUTES = "customAttributes"
20
21
  }
21
22
  export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
22
23
  export {};
@@ -80,7 +80,8 @@ export declare enum StoreLocationSelectorKeysEnum {
80
80
  PAGINATION_LINE = "paginationLine",
81
81
  SHOW_MORE_ITEMS_BUTTON = "showMoreItemsButtons",
82
82
  HOVER_STATE = "hover",
83
- DEFAULT_STATE = "default"
83
+ DEFAULT_STATE = "default",
84
+ DATA_CONNECTOR = "dataConnector"
84
85
  }
85
86
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
86
87
  export {};
@@ -0,0 +1,38 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
4
+ }
5
+ interface selfLayoutInterface {
6
+ selectorKey: string;
7
+ position: CMSIBCommonInterface;
8
+ itemSpacing: CMSIBCommonInterface;
9
+ itemsPlacement: CMSIBCommonInterface;
10
+ itemsDisplayDirection: CMSIBCommonInterface;
11
+ showIcon: CMSIBCommonInterface;
12
+ showText: CMSIBCommonInterface;
13
+ showButton: CMSIBCommonInterface;
14
+ showCloseIcon: CMSIBCommonInterface;
15
+ showAnimation: CMSIBCommonInterface;
16
+ autocloseDelayInms: CMSIBCommonInterface;
17
+ transition: CMSIBCommonInterface;
18
+ progress: CMSIBCommonInterface;
19
+ limit: CMSIBCommonInterface;
20
+ hideProgressbar: CMSIBCommonInterface;
21
+ closeOnClick: CMSIBCommonInterface;
22
+ pauseToastWhenWindowLosesFocus: CMSIBCommonInterface;
23
+ disableAutoClose: CMSIBCommonInterface;
24
+ newestOnTop: CMSIBCommonInterface;
25
+ pauseDelayOnHover: CMSIBCommonInterface;
26
+ rightToLeftLayout: CMSIBCommonInterface;
27
+ }
28
+ export interface selfDesignInterface {
29
+ selectorKey: string;
30
+ }
31
+ export declare enum SelectorKeysEnum {
32
+ LAYOUT = "layout",
33
+ DESIGN = "design",
34
+ CONTENT = "content",
35
+ DATA_CONNECTOR = "dataConnector"
36
+ }
37
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
38
+ export {};
@@ -926,9 +926,9 @@
926
926
  var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
927
927
  );
928
928
 
929
- justify-content: center;
930
- flex-direction: column;
931
- gap: 4px;
929
+ // justify-content: center;
930
+ // flex-direction: column;
931
+ // gap: 4px;
932
932
 
933
933
  padding: var(
934
934
  --_ctm-mob-dn-im-se-sd-se-vl-pg,
package/dist/widget.scss CHANGED
@@ -49,7 +49,6 @@
49
49
  @use "./product-options.scss";
50
50
  @use "./brand-basic-elements.scss";
51
51
  @use "./brand.scss";
52
- @use "./bundle-basic-elements.scss";
53
52
  @use "./bundle.scss";
54
53
  @use "./category.scss";
55
54
  @use "./sub-category.scss";
@@ -87,4 +86,10 @@
87
86
  @use "./tab-container.scss";
88
87
  @use "./quick-links.scss";
89
88
  @use "./add-order.scss";
90
- @use "./buyFor.scss";
89
+ @use "./buyForPopup.scss";
90
+ @use "./cart-products-sidebar.scss";
91
+ @use "./checkout.scss";
92
+ @use "./buyForHeaders.scss";
93
+ @use "./buy-for-tab.scss";
94
+ @use "./buy-for-tabs-container-item.scss";
95
+ @use "./buy-for-tab-container.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.2.79",
3
+ "version": "0.2.81",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {