@sc-360-v2/storefront-cms-library 0.3.9 → 0.3.11

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.
@@ -181,6 +181,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
181
181
  border-radius: ctm-var(dn-or-ss-sd-se-br-rs);
182
182
  box-shadow: ctm-var(dn-or-ss-sd-se-sw-ae) ctm-var(dn-or-ss-sd-se-sw-br)
183
183
  ctm-var(dn-or-ss-sd-se-sw-sd) ctm-var(dn-or-ss-sd-se-sw-cr);
184
+ .icon {
185
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
186
+ svg {
187
+ width: ctm-var(dn-or-ss-sd-se-in-se);
188
+ height: ctm-var(dn-or-ss-sd-se-in-se);
189
+
190
+ path {
191
+ stroke: ctm-var(dn-or-ss-sd-se-in-c1);
192
+ }
193
+ }
194
+ }
184
195
  }
185
196
  &[data-orderStatus="In Review"] {
186
197
  background-color: ctm-var(dn-or-ss-in-rw-se-bd-cr);
@@ -190,6 +201,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
190
201
  border-radius: ctm-var(dn-or-ss-in-rw-se-br-rs);
191
202
  box-shadow: ctm-var(dn-or-ss-in-rw-se-sw-ae) ctm-var(dn-or-ss-in-rw-se-sw-br)
192
203
  ctm-var(dn-or-ss-in-rw-se-sw-sd) ctm-var(dn-or-ss-in-rw-se-sw-cr);
204
+ .icon {
205
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
206
+ svg {
207
+ width: ctm-var(dn-or-ss-in-rw-se-in-se);
208
+ height: ctm-var(dn-or-ss-in-rw-se-in-se);
209
+
210
+ path {
211
+ stroke: ctm-var(dn-or-ss-in-rw-se-in-c1);
212
+ }
213
+ }
214
+ }
193
215
  }
194
216
  &[data-orderStatus="Accepted"] {
195
217
  background-color: ctm-var(dn-or-ss-ad-se-bd-cr);
@@ -199,6 +221,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
199
221
  border-radius: ctm-var(dn-or-ss-ad-se-br-rs);
200
222
  box-shadow: ctm-var(dn-or-ss-ad-se-sw-ae) ctm-var(dn-or-ss-ad-se-sw-br)
201
223
  ctm-var(dn-or-ss-ad-se-sw-sd) ctm-var(dn-or-ss-ad-se-sw-cr);
224
+ .icon {
225
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
226
+ svg {
227
+ width: ctm-var(dn-or-ss-ad-se-in-se);
228
+ height: ctm-var(dn-or-ss-ad-se-in-se);
229
+
230
+ path {
231
+ stroke: ctm-var(dn-or-ss-ad-se-in-c1);
232
+ }
233
+ }
234
+ }
202
235
  }
203
236
  &[data-orderStatus="Processing"] {
204
237
  background-color: ctm-var(dn-or-ss-pg-se-bd-cr);
@@ -208,6 +241,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
208
241
  border-radius: ctm-var(dn-or-ss-pg-se-br-rs);
209
242
  box-shadow: ctm-var(dn-or-ss-pg-se-sw-ae) ctm-var(dn-or-ss-pg-se-sw-br)
210
243
  ctm-var(dn-or-ss-pg-se-sw-sd) ctm-var(dn-or-ss-pg-se-sw-cr);
244
+ .icon {
245
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
246
+ svg {
247
+ width: ctm-var(dn-or-ss-pg-se-in-se);
248
+ height: ctm-var(dn-or-ss-pg-se-in-se);
249
+
250
+ path {
251
+ stroke: ctm-var(dn-or-ss-pg-se-in-c1);
252
+ }
253
+ }
254
+ }
211
255
  }
212
256
  &[data-orderStatus="Partially Fulfilled"] {
213
257
  background-color: ctm-var(dn-or-ss-py-fd-se-bd-cr);
@@ -217,6 +261,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
217
261
  border-radius: ctm-var(dn-or-ss-py-fd-se-br-rs);
218
262
  box-shadow: ctm-var(dn-or-ss-py-fd-se-sw-ae) ctm-var(dn-or-ss-py-fd-se-sw-br)
219
263
  ctm-var(dn-or-ss-py-fd-se-sw-sd) ctm-var(dn-or-ss-py-fd-se-sw-cr);
264
+ .icon {
265
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
266
+ svg {
267
+ width: ctm-var(dn-or-ss-py-fd-se-in-se);
268
+ height: ctm-var(dn-or-ss-py-fd-se-in-se);
269
+
270
+ path {
271
+ stroke: ctm-var(dn-or-ss-py-fd-se-in-c1);
272
+ }
273
+ }
274
+ }
220
275
  }
221
276
  &[data-orderStatus="Fulfilled"] {
222
277
  background-color: ctm-var(dn-or-ss-fd-se-bd-cr);
@@ -226,6 +281,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
226
281
  border-radius: ctm-var(dn-or-ss-fd-se-br-rs);
227
282
  box-shadow: ctm-var(dn-or-ss-fd-se-sw-ae) ctm-var(dn-or-ss-fd-se-sw-br)
228
283
  ctm-var(dn-or-ss-fd-se-sw-sd) ctm-var(dn-or-ss-fd-se-sw-cr);
284
+ .icon {
285
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
286
+ svg {
287
+ width: ctm-var(dn-or-ss-fd-se-in-se);
288
+ height: ctm-var(dn-or-ss-fd-se-in-se);
289
+
290
+ path {
291
+ stroke: ctm-var(dn-or-ss-fd-se-in-c1);
292
+ }
293
+ }
294
+ }
229
295
  }
230
296
  &[data-orderStatus="Canceled"] {
231
297
  background-color: ctm-var(dn-or-ss-cd-se-bd-cr);
@@ -235,6 +301,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
235
301
  border-radius: ctm-var(dn-or-ss-cd-se-br-rs);
236
302
  box-shadow: ctm-var(dn-or-ss-cd-se-sw-ae) ctm-var(dn-or-ss-cd-se-sw-br)
237
303
  ctm-var(dn-or-ss-cd-se-sw-sd) ctm-var(dn-or-ss-cd-se-sw-cr);
304
+ .icon {
305
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
306
+ svg {
307
+ width: ctm-var(dn-or-ss-cd-se-in-se);
308
+ height: ctm-var(dn-or-ss-cd-se-in-se);
309
+
310
+ path {
311
+ stroke: ctm-var(dn-or-ss-cd-se-in-c1);
312
+ }
313
+ }
314
+ }
238
315
  }
239
316
  &[data-orderStatus="Rejected"] {
240
317
  background-color: ctm-var(dn-or-ss-rd-se-bd-cr);
@@ -244,6 +321,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
244
321
  border-radius: ctm-var(dn-or-ss-rd-se-br-rs);
245
322
  box-shadow: ctm-var(dn-or-ss-rd-se-sw-ae) ctm-var(dn-or-ss-rd-se-sw-br)
246
323
  ctm-var(dn-or-ss-rd-se-sw-sd) ctm-var(dn-or-ss-rd-se-sw-cr);
324
+ .icon {
325
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
326
+ svg {
327
+ width: ctm-var(dn-or-ss-rd-se-in-se);
328
+ height: ctm-var(dn-or-ss-rd-se-in-se);
329
+
330
+ path {
331
+ stroke: ctm-var(dn-or-ss-rd-se-in-c1);
332
+ }
333
+ }
334
+ }
247
335
  }
248
336
 
249
337
  .order_status {