@sc-360-v2/storefront-cms-library 0.5.49 → 0.5.51

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 (48) hide show
  1. package/dist/brand-basic-elements.scss +109 -46
  2. package/dist/brand.scss +6 -0
  3. package/dist/breadcrumbs.scss +144 -51
  4. package/dist/builder.js +1 -1
  5. package/dist/bundle.scss +74 -48
  6. package/dist/bundleDetails.scss +1360 -275
  7. package/dist/button copy.scss +271 -271
  8. package/dist/cart.scss +85 -4
  9. package/dist/category.scss +25 -4
  10. package/dist/container.scss +20 -17
  11. package/dist/embed-temp.scss +2 -2
  12. package/dist/hotspot.scss +12 -3
  13. package/dist/language-selector.scss +42 -0
  14. package/dist/line.scss +54 -36
  15. package/dist/login.scss +225 -69
  16. package/dist/map.scss +354 -147
  17. package/dist/marchandiserSets.scss +34 -0
  18. package/dist/product-actions.scss +53 -0
  19. package/dist/product-basic-elements.scss +50 -4
  20. package/dist/productDetails.scss +33 -0
  21. package/dist/quick-links.scss +23 -2
  22. package/dist/repeater copy.scss +635 -635
  23. package/dist/repeater-grid-toggle.scss +93 -3
  24. package/dist/repeater-item.scss +5 -1
  25. package/dist/review-cart.scss +7 -1
  26. package/dist/search.scss +45 -5
  27. package/dist/styles.css +1 -1
  28. package/dist/tab-v2.scss +724 -583
  29. package/dist/text-temp-v2.scss +7 -1
  30. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +26 -0
  31. package/dist/types/builder/tools/element-edit/bundle.d.ts +104 -4
  32. package/dist/types/builder/tools/element-edit/cart.d.ts +7 -0
  33. package/dist/types/builder/tools/element-edit/map.d.ts +0 -1
  34. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +6 -0
  35. package/dist/types/builder/tools/element-edit/search.d.ts +4 -61
  36. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +110 -1
  37. package/dist/upload-media.scss +14 -2
  38. package/package.json +1 -1
  39. package/dist/add-products-tab copy.scss +0 -1122
  40. package/dist/allocationDetails copy.scss +0 -757
  41. package/dist/bulk-variant-picker copy.scss +0 -1121
  42. package/dist/bundleDetails copy.scss +0 -1431
  43. package/dist/product-actions copy.scss +0 -2765
  44. package/dist/product-highlights copy.scss +0 -217
  45. package/dist/product-image copy.scss +0 -787
  46. package/dist/user-elements copy.scss +0 -1437
  47. package/dist/volume-pricing copy 2.scss +0 -1468
  48. package/dist/volume-pricing copy.scss +0 -1076
package/dist/text-temp-v2.scss CHANGED
@@ -63,7 +63,10 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
63
63
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
64
64
  border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
65
65
  border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
66
- border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
66
+ border-width: var(
67
+ --_show-border,
68
+ var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)))
69
+ );
67
70
  border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
68
71
 
69
72
  box-shadow: var(
@@ -85,6 +88,9 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
85
88
  &[data-show-shadow="false"] {
86
89
  --_show-shadow: none;
87
90
  }
91
+ &[data-show-border="false"] {
92
+ --_show-border: 0;
93
+ }
88
94
 
89
95
  .text-element {
90
96
  // background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts CHANGED
@@ -58,6 +58,11 @@ export declare const getDefaultData: () => {
58
58
  property: string;
59
59
  propertyType: CMSElementEditTypes;
60
60
  };
61
+ overflowItems: {
62
+ value: string;
63
+ property: string;
64
+ propertyType: CMSElementEditTypes;
65
+ };
61
66
  numOfItemsToLoad: {
62
67
  value: string;
63
68
  property: string;
@@ -152,6 +157,13 @@ export declare const getDefaultData: () => {
152
157
  characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
153
158
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
154
159
  backgroundColor: CMSIBCommonInterface;
160
+ textTransform: {
161
+ value: string;
162
+ property: string;
163
+ propertyType: CMSElementEditTypes;
164
+ };
165
+ wordWrap: CMSIBCommonInterface;
166
+ wordBreak: CMSIBCommonInterface;
155
167
  borderColor: CMSIBCommonInterface;
156
168
  borderStyle: CMSIBCommonInterface;
157
169
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -205,6 +217,13 @@ export declare const getDefaultData: () => {
205
217
  characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
206
218
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
207
219
  backgroundColor: CMSIBCommonInterface;
220
+ textTransform: {
221
+ value: string;
222
+ property: string;
223
+ propertyType: CMSElementEditTypes;
224
+ };
225
+ wordWrap: CMSIBCommonInterface;
226
+ wordBreak: CMSIBCommonInterface;
208
227
  borderColor: CMSIBCommonInterface;
209
228
  borderStyle: CMSIBCommonInterface;
210
229
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -258,6 +277,13 @@ export declare const getDefaultData: () => {
258
277
  characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
259
278
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
260
279
  backgroundColor: CMSIBCommonInterface;
280
+ textTransform: {
281
+ value: string;
282
+ property: string;
283
+ propertyType: CMSElementEditTypes;
284
+ };
285
+ wordWrap: CMSIBCommonInterface;
286
+ wordBreak: CMSIBCommonInterface;
261
287
  borderColor: CMSIBCommonInterface;
262
288
  borderStyle: CMSIBCommonInterface;
263
289
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
package/dist/types/builder/tools/element-edit/bundle.d.ts CHANGED
@@ -2153,7 +2153,32 @@ export declare const getDefaultData: () => {
2153
2153
  propertyType?: any;
2154
2154
  isReadOnly?: boolean | undefined;
2155
2155
  };
2156
- icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
2156
+ leftIcon: {
2157
+ value: string;
2158
+ unit?: string | number | undefined;
2159
+ customIcon?: {
2160
+ isCustomIcon: boolean;
2161
+ url: string;
2162
+ name: string;
2163
+ } | undefined;
2164
+ property?: any;
2165
+ propertyType?: any;
2166
+ isReadOnly?: boolean | undefined;
2167
+ parentRef?: string | undefined;
2168
+ };
2169
+ rightIcon: {
2170
+ value: string;
2171
+ unit?: string | number | undefined;
2172
+ customIcon?: {
2173
+ isCustomIcon: boolean;
2174
+ url: string;
2175
+ name: string;
2176
+ } | undefined;
2177
+ property?: any;
2178
+ propertyType?: any;
2179
+ isReadOnly?: boolean | undefined;
2180
+ parentRef?: string | undefined;
2181
+ };
2157
2182
  backgroundColor: CMSIBCommonInterface;
2158
2183
  borderRadius: import("../../interfaces/global").CSSPaddingValues;
2159
2184
  borderColor: {
@@ -2178,7 +2203,32 @@ export declare const getDefaultData: () => {
2178
2203
  propertyType?: any;
2179
2204
  isReadOnly?: boolean | undefined;
2180
2205
  };
2181
- icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
2206
+ leftIcon: {
2207
+ value: string;
2208
+ unit?: string | number | undefined;
2209
+ customIcon?: {
2210
+ isCustomIcon: boolean;
2211
+ url: string;
2212
+ name: string;
2213
+ } | undefined;
2214
+ property?: any;
2215
+ propertyType?: any;
2216
+ isReadOnly?: boolean | undefined;
2217
+ parentRef?: string | undefined;
2218
+ };
2219
+ rightIcon: {
2220
+ value: string;
2221
+ unit?: string | number | undefined;
2222
+ customIcon?: {
2223
+ isCustomIcon: boolean;
2224
+ url: string;
2225
+ name: string;
2226
+ } | undefined;
2227
+ property?: any;
2228
+ propertyType?: any;
2229
+ isReadOnly?: boolean | undefined;
2230
+ parentRef?: string | undefined;
2231
+ };
2182
2232
  backgroundColor: CMSIBCommonInterface;
2183
2233
  borderRadius: import("../../interfaces/global").CSSPaddingValues;
2184
2234
  borderColor: {
@@ -2206,7 +2256,32 @@ export declare const getDefaultData: () => {
2206
2256
  propertyType?: any;
2207
2257
  isReadOnly?: boolean | undefined;
2208
2258
  };
2209
- icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
2259
+ leftIcon: {
2260
+ value: string;
2261
+ unit?: string | number | undefined;
2262
+ customIcon?: {
2263
+ isCustomIcon: boolean;
2264
+ url: string;
2265
+ name: string;
2266
+ } | undefined;
2267
+ property?: any;
2268
+ propertyType?: any;
2269
+ isReadOnly?: boolean | undefined;
2270
+ parentRef?: string | undefined;
2271
+ };
2272
+ rightIcon: {
2273
+ value: string;
2274
+ unit?: string | number | undefined;
2275
+ customIcon?: {
2276
+ isCustomIcon: boolean;
2277
+ url: string;
2278
+ name: string;
2279
+ } | undefined;
2280
+ property?: any;
2281
+ propertyType?: any;
2282
+ isReadOnly?: boolean | undefined;
2283
+ parentRef?: string | undefined;
2284
+ };
2210
2285
  backgroundColor: CMSIBCommonInterface;
2211
2286
  borderRadius: import("../../interfaces/global").CSSPaddingValues;
2212
2287
  borderColor: {
@@ -2231,7 +2306,32 @@ export declare const getDefaultData: () => {
2231
2306
  propertyType?: any;
2232
2307
  isReadOnly?: boolean | undefined;
2233
2308
  };
2234
- icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
2309
+ leftIcon: {
2310
+ value: string;
2311
+ unit?: string | number | undefined;
2312
+ customIcon?: {
2313
+ isCustomIcon: boolean;
2314
+ url: string;
2315
+ name: string;
2316
+ } | undefined;
2317
+ property?: any;
2318
+ propertyType?: any;
2319
+ isReadOnly?: boolean | undefined;
2320
+ parentRef?: string | undefined;
2321
+ };
2322
+ rightIcon: {
2323
+ value: string;
2324
+ unit?: string | number | undefined;
2325
+ customIcon?: {
2326
+ isCustomIcon: boolean;
2327
+ url: string;
2328
+ name: string;
2329
+ } | undefined;
2330
+ property?: any;
2331
+ propertyType?: any;
2332
+ isReadOnly?: boolean | undefined;
2333
+ parentRef?: string | undefined;
2334
+ };
2235
2335
  backgroundColor: CMSIBCommonInterface;
2236
2336
  borderRadius: import("../../interfaces/global").CSSPaddingValues;
2237
2337
  borderColor: {
package/dist/types/builder/tools/element-edit/cart.d.ts CHANGED
@@ -23,6 +23,7 @@ export interface selfDesignInterface {
23
23
  angle: CMSIBCommonInterface;
24
24
  borderRadius: CMSIBCommonInterface;
25
25
  shadows: CMSIBSizeInterface;
26
+ itemGap: CMSIBSizeInterface;
26
27
  };
27
28
  cartIcon: {
28
29
  selectorKey: string;
@@ -68,6 +69,12 @@ export interface selfDesignInterface {
68
69
  textAlignDesc: CMSIBCommonInterface;
69
70
  characterSpacingDesc: CMSIBSizeInterface | undefined;
70
71
  lineHeightDesc: CMSIBCommonInterface;
72
+ textTransform: CMSIBCommonInterface;
73
+ wordWrap: CMSIBCommonInterface;
74
+ wordBreak: CMSIBCommonInterface;
75
+ textTransformDesc: CMSIBCommonInterface;
76
+ wordWrapDesc: CMSIBCommonInterface;
77
+ wordBreakDesc: CMSIBCommonInterface;
71
78
  };
72
79
  cartItemsCount: {
73
80
  selectorKey: string;
package/dist/types/builder/tools/element-edit/map.d.ts CHANGED
@@ -59,7 +59,6 @@ export interface selfDesignInterface {
59
59
  borderStyle: CMSIBCommonInterface;
60
60
  borderColor: CMSIBCommonInterface;
61
61
  borderPerSlide: CMSIBCommonInterface;
62
- borderRadius: CMSIBCommonInterface;
63
62
  showShadow: CMSIBCommonInterface;
64
63
  shadowColor: CMSIBCommonInterface;
65
64
  angle: CMSIBCommonInterface;
package/dist/types/builder/tools/element-edit/quickLinks.d.ts CHANGED
@@ -34,6 +34,7 @@ export interface QuickLinksControlInterface {
34
34
  margin?: CMSIBCommonInterface;
35
35
  padding?: CMSIBCommonInterface;
36
36
  alignment?: CMSIBCommonInterface;
37
+ itemsAlignment?: CMSIBCommonInterface;
37
38
  itemSpacing?: ControlInterface;
38
39
  iconSize?: CMSIBCommonInterface;
39
40
  positionType?: CMSIBCommonInterface;
@@ -99,6 +100,11 @@ export declare const getDefaultData: () => {
99
100
  value: string;
100
101
  propertyType: CMSElementEditTypes;
101
102
  };
103
+ itemsAlignment: {
104
+ value: string;
105
+ property: string;
106
+ propertyType: CMSElementEditTypes;
107
+ };
102
108
  gapBetweenItems: {
103
109
  value: string;
104
110
  unit: number;
package/dist/types/builder/tools/element-edit/search.d.ts CHANGED
@@ -23,67 +23,10 @@ export interface selfDesignInterface {
23
23
  propertyType: CMSElementEditTypes;
24
24
  };
25
25
  };
26
- searchBar: {
27
- selectorKey: string;
28
- backgroundColor: CMSIBCommonInterface;
29
- borderColor: CMSIBCommonInterface;
30
- borderStyle: CMSIBCommonInterface;
31
- borderPerSlide: CMSIBCommonInterface;
32
- showBorder: CMSIBCommonInterface;
33
- showShadow: CMSIBCommonInterface;
34
- shadowColor: CMSIBCommonInterface;
35
- blur: CMSIBCommonInterface;
36
- spread: CMSIBCommonInterface;
37
- angle: CMSIBCommonInterface;
38
- borderRadius: CMSIBCommonInterface;
39
- itemGap: CMSIBCommonInterface;
40
- theme: CMSIBCommonInterface;
41
- font: CMSIBCommonInterface;
42
- fontSize: CMSIBCommonInterface;
43
- textColor: CMSIBCommonInterface;
44
- bold: CMSIBCommonInterface;
45
- italic: CMSIBCommonInterface;
46
- linethrough: CMSIBCommonInterface;
47
- underline: CMSIBCommonInterface;
48
- textAlign: CMSIBCommonInterface;
49
- characterSpacing: CMSIBCommonInterface;
50
- lineHeight: CMSIBCommonInterface;
51
- };
52
- searchIcon: {
53
- selectorKey: string;
54
- showIcon: CMSIBCommonInterface | undefined;
55
- iconSize: CMSIBCommonInterface;
56
- iconColor: CMSIBCommonInterface;
57
- icon: CMSIBCommonInterface;
58
- };
59
- searchBarFocus: {
60
- selectorKey: string;
61
- backgroundColor: CMSIBCommonInterface;
62
- borderColor: CMSIBCommonInterface;
63
- borderStyle: CMSIBCommonInterface;
64
- borderPerSlide: CMSIBCommonInterface;
65
- showBorder: CMSIBCommonInterface;
66
- showShadow: CMSIBCommonInterface;
67
- shadowColor: CMSIBCommonInterface;
68
- blur: CMSIBCommonInterface;
69
- spread: CMSIBCommonInterface;
70
- angle: CMSIBCommonInterface;
71
- borderRadius: CMSIBCommonInterface;
72
- };
73
- placeholderText: {
74
- selectorKey: string;
75
- theme: CMSIBCommonInterface;
76
- font: CMSIBCommonInterface;
77
- fontSize: CMSIBCommonInterface;
78
- textColor: CMSIBCommonInterface;
79
- bold: CMSIBCommonInterface;
80
- italic: CMSIBCommonInterface;
81
- linethrough: CMSIBCommonInterface;
82
- underline: CMSIBCommonInterface;
83
- textAlign: CMSIBCommonInterface;
84
- characterSpacing: CMSIBCommonInterface;
85
- lineHeight: CMSIBCommonInterface;
86
- };
26
+ searchBar: any;
27
+ searchIcon: any;
28
+ searchBarFocus: any;
29
+ placeholderText: any;
87
30
  buttonStyles: any;
88
31
  }
89
32
  export declare enum searchSelectorKeysEnum {
package/dist/types/builder/tools/element-edit/tabsV2.d.ts CHANGED
@@ -25,6 +25,16 @@ export declare const getDefaultData: () => {
25
25
  property: string;
26
26
  propertyType: CMSElementEditTypes;
27
27
  };
28
+ displayContent: {
29
+ value: string;
30
+ property: string;
31
+ propertyType: CMSElementEditTypes;
32
+ };
33
+ alignment: {
34
+ value: string;
35
+ property: string;
36
+ propertyType: CMSElementEditTypes;
37
+ };
28
38
  alignItems: {
29
39
  value: string;
30
40
  property: string;
@@ -41,7 +51,7 @@ export declare const getDefaultData: () => {
41
51
  property: string;
42
52
  propertyType: CMSElementEditTypes;
43
53
  };
44
- tabContainerSpacing: {
54
+ tabContainerGap: {
45
55
  value: number;
46
56
  unit: number;
47
57
  property: string;
@@ -119,6 +129,39 @@ export declare const getDefaultData: () => {
119
129
  tabs: {
120
130
  selectorKey: SelectorKeysEnum;
121
131
  defaultState: {
132
+ showIcon: {
133
+ value?: any;
134
+ property?: any;
135
+ propertyType?: any;
136
+ isReadOnly?: boolean | undefined;
137
+ parentRef?: string | undefined;
138
+ };
139
+ iconSize: {
140
+ unit?: string | number | undefined;
141
+ value?: any;
142
+ property?: any;
143
+ propertyType?: any;
144
+ isReadOnly?: boolean | undefined;
145
+ parentRef?: string | undefined;
146
+ };
147
+ iconColor: {
148
+ value?: any;
149
+ property?: any;
150
+ propertyType?: any;
151
+ isReadOnly?: boolean | undefined;
152
+ parentRef?: string | undefined;
153
+ };
154
+ verticalAlignment: {
155
+ value: string;
156
+ property: string;
157
+ propertyType: CMSElementEditTypes;
158
+ };
159
+ iconGap: {
160
+ value: number;
161
+ unit: CMSCSSUnitTypesEnums;
162
+ property: string;
163
+ propertyType: CMSElementEditTypes;
164
+ };
122
165
  theme: CMSIBCommonInterface;
123
166
  font: CMSIBCommonInterface;
124
167
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -162,6 +205,39 @@ export declare const getDefaultData: () => {
162
205
  selectorKey: SelectorKeysEnum;
163
206
  };
164
207
  hoverState: {
208
+ showIcon: {
209
+ value?: any;
210
+ property?: any;
211
+ propertyType?: any;
212
+ isReadOnly?: boolean | undefined;
213
+ parentRef?: string | undefined;
214
+ };
215
+ iconSize: {
216
+ unit?: string | number | undefined;
217
+ value?: any;
218
+ property?: any;
219
+ propertyType?: any;
220
+ isReadOnly?: boolean | undefined;
221
+ parentRef?: string | undefined;
222
+ };
223
+ iconColor: {
224
+ value?: any;
225
+ property?: any;
226
+ propertyType?: any;
227
+ isReadOnly?: boolean | undefined;
228
+ parentRef?: string | undefined;
229
+ };
230
+ verticalAlignment: {
231
+ value: string;
232
+ property: string;
233
+ propertyType: CMSElementEditTypes;
234
+ };
235
+ iconGap: {
236
+ value: number;
237
+ unit: CMSCSSUnitTypesEnums;
238
+ property: string;
239
+ propertyType: CMSElementEditTypes;
240
+ };
165
241
  theme: CMSIBCommonInterface;
166
242
  font: CMSIBCommonInterface;
167
243
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -205,6 +281,39 @@ export declare const getDefaultData: () => {
205
281
  selectorKey: SelectorKeysEnum;
206
282
  };
207
283
  selectedState: {
284
+ showIcon: {
285
+ value?: any;
286
+ property?: any;
287
+ propertyType?: any;
288
+ isReadOnly?: boolean | undefined;
289
+ parentRef?: string | undefined;
290
+ };
291
+ iconSize: {
292
+ unit?: string | number | undefined;
293
+ value?: any;
294
+ property?: any;
295
+ propertyType?: any;
296
+ isReadOnly?: boolean | undefined;
297
+ parentRef?: string | undefined;
298
+ };
299
+ iconColor: {
300
+ value?: any;
301
+ property?: any;
302
+ propertyType?: any;
303
+ isReadOnly?: boolean | undefined;
304
+ parentRef?: string | undefined;
305
+ };
306
+ verticalAlignment: {
307
+ value: string;
308
+ property: string;
309
+ propertyType: CMSElementEditTypes;
310
+ };
311
+ iconGap: {
312
+ value: number;
313
+ unit: CMSCSSUnitTypesEnums;
314
+ property: string;
315
+ propertyType: CMSElementEditTypes;
316
+ };
208
317
  theme: CMSIBCommonInterface;
209
318
  font: CMSIBCommonInterface;
210
319
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
package/dist/upload-media.scss CHANGED
@@ -296,6 +296,7 @@ $isPublish: "[data-is-publish='true']";
296
296
  align-items: center;
297
297
  border-radius: 6px;
298
298
  height: 170px;
299
+
299
300
  &:hover {
300
301
  border: 1px solid var(--_primary-200);
301
302
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
@@ -406,6 +407,7 @@ $isPublish: "[data-is-publish='true']";
406
407
  color 0.2s,
407
408
  border-color 0.2s,
408
409
  box-shadow 0.2s;
410
+
409
411
  &:focus-within {
410
412
  border: 1px solid var(--_primary-300);
411
413
  outline: 2px solid var(--_primary-50);
@@ -703,6 +705,7 @@ $isPublish: "[data-is-publish='true']";
703
705
  transition: border-color 0.15s ease;
704
706
  height: 170px;
705
707
  width: 100%;
708
+
706
709
  .sc-upload-media-assets__img-cntainer {
707
710
  height: 130px;
708
711
  width: 100%;
@@ -710,12 +713,14 @@ $isPublish: "[data-is-publish='true']";
710
713
  justify-content: center;
711
714
  align-items: center;
712
715
  overflow: hidden;
716
+
713
717
  &__image-thumb {
714
718
  max-width: 100%;
715
719
  max-height: 128px;
716
720
 
717
721
  object-fit: contain;
718
722
  }
723
+
719
724
  &__image-placeholder {
720
725
  width: 100%;
721
726
  height: 128px;
@@ -748,6 +753,7 @@ $isPublish: "[data-is-publish='true']";
748
753
  width: 100%;
749
754
  border-top: 1px solid var(--_gray-200);
750
755
  justify-content: space-between;
756
+
751
757
  span {
752
758
  white-space: nowrap;
753
759
  overflow: hidden;
@@ -827,6 +833,7 @@ $isPublish: "[data-is-publish='true']";
827
833
  0% {
828
834
  background-position: 200% 0;
829
835
  }
836
+
830
837
  100% {
831
838
  background-position: -200% 0;
832
839
  }
@@ -847,6 +854,7 @@ $isPublish: "[data-is-publish='true']";
847
854
  .sc-upload-media__tabs {
848
855
  padding: 8px 0px 0px 0px;
849
856
  }
857
+
850
858
  .sc-upload-media__footer {
851
859
  padding: 12px 0px 16px 0px;
852
860
  }
@@ -871,9 +879,13 @@ $isPublish: "[data-is-publish='true']";
871
879
  .p-dialog-content {
872
880
  padding: 0 !important;
873
881
  border-radius: 12px !important;
882
+
883
+ .sc-upload-media {
884
+ padding: 16px 24px;
885
+ }
874
886
  }
875
887
  }
876
888
 
877
- .upload-media-dialog + .p-dialog-mask {
889
+ .upload-media-dialog+.p-dialog-mask {
878
890
  z-index: 99999 !important;
879
- }
891
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.5.49",
3
+ "version": "0.5.51",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {