@sc-360-v2/storefront-cms-library 0.5.65 → 0.5.67
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 +12 -0
- package/dist/cartAttributes.scss +436 -68
- package/dist/category-groups-product-options.scss +36 -24
- package/dist/coupon.scss +739 -352
- package/dist/filters.scss +1 -1
- package/dist/map.scss +62 -8
- package/dist/product-options.scss +120 -24
- package/dist/search-results-heading.scss +4 -10
- package/dist/sort.scss +176 -89
- package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +120 -5
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +11 -20
- package/dist/types/builder/tools/element-edit/coupon.d.ts +129 -20
- package/dist/types/builder/tools/element-edit/map.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +33 -59
- package/package.json +1 -1
|
@@ -9,6 +9,18 @@
|
|
|
9
9
|
@return prepareMediaVariable($newVar, prepareMediaVariable($legacyVar));
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
// The value text's typography is not state-aware — the Option Value Text Style panel has
|
|
13
|
+
// no Default / Hover / Selected picker — so its keys sit flat on optionValueTextStyle
|
|
14
|
+
// rather than under defaultState. Three shapes can be on disk, so resolve in order: the
|
|
15
|
+
// flat variable, then the defaultState-nested one saved while the section still had the
|
|
16
|
+
// picker, then the pre-split optionValueStyle.defaultState one.
|
|
17
|
+
@function optionValueTextDefaultVar($flatVar, $stateVar, $legacyVar) {
|
|
18
|
+
@return prepareMediaVariable(
|
|
19
|
+
$flatVar,
|
|
20
|
+
prepareMediaVariable($stateVar, prepareMediaVariable($legacyVar))
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
12
24
|
// Verbatim copy of the ProductOptions swatch styling (styles/elements/product-options.scss),
|
|
13
25
|
// rebound to the Category Groups productOptions design/layout CSS-variable paths.
|
|
14
26
|
// ONLY the variable paths differ from product-options.scss — keep the two in sync.
|
|
@@ -459,23 +471,23 @@
|
|
|
459
471
|
}
|
|
460
472
|
|
|
461
473
|
.option__value__text {
|
|
462
|
-
color: var(--_sf-hr-cr, #{
|
|
463
|
-
font-family: var(--_sf-hr-ft-fy, #{
|
|
464
|
-
text-transform: var(--_sf-hr-tt-tm, #{
|
|
465
|
-
word-wrap: var(--_sf-hr-wd-wp, #{
|
|
466
|
-
word-break: var(--_sf-hr-wd-bk, #{
|
|
467
|
-
font-size: var(--_sf-hr-ft-se, #{
|
|
468
|
-
font-weight: var(--_sf-hr-ft-wt, #{
|
|
474
|
+
color: var(--_sf-hr-cr, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-cr, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-cr, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-cr)});
|
|
475
|
+
font-family: var(--_sf-hr-ft-fy, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-fy, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-fy, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-fy)});
|
|
476
|
+
text-transform: var(--_sf-hr-tt-tm, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-tt-tm, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-tt-tm, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-tm)});
|
|
477
|
+
word-wrap: var(--_sf-hr-wd-wp, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-wd-wp, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-wd-wp, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-wp)});
|
|
478
|
+
word-break: var(--_sf-hr-wd-bk, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-wd-bk, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-wd-bk, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-bk)});
|
|
479
|
+
font-size: var(--_sf-hr-ft-se, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-se, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-se, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se)});
|
|
480
|
+
font-weight: var(--_sf-hr-ft-wt, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-wt, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-wt, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-wt)});
|
|
469
481
|
font-style: var(
|
|
470
482
|
--_sf-hr-ft-se-ic,
|
|
471
|
-
#{
|
|
483
|
+
#{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-se-ic, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-se-ic, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se-ic)}
|
|
472
484
|
);
|
|
473
|
-
text-align: var(--_sf-hr-tt-an, #{
|
|
474
|
-
letter-spacing: var(--_sf-hr-lr-sg, #{
|
|
485
|
+
text-align: var(--_sf-hr-tt-an, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-tt-an, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-tt-an, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-an)});
|
|
486
|
+
letter-spacing: var(--_sf-hr-lr-sg, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-lr-sg, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-lr-sg, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-lr-sg)});
|
|
475
487
|
// The pre-split key is `le-ht-dc`; the new section is read under both spellings
|
|
476
488
|
// so whichever one the converter writes resolves.
|
|
477
|
-
line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-le-ht, #{
|
|
478
|
-
text-decoration: var(--_sf-hr-ue, #{
|
|
489
|
+
line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-le-ht, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-le-ht-dc, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-le-ht-dc, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-le-ht-dc)}));
|
|
490
|
+
text-decoration: var(--_sf-hr-ue, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ue, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ue, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ue)});
|
|
479
491
|
// The swatch item is a fixed box (Swatch Item Size), so a value like "Small"
|
|
480
492
|
// broke onto a second line inside it. Keep it on one line.
|
|
481
493
|
white-space: nowrap;
|
|
@@ -536,20 +548,20 @@
|
|
|
536
548
|
// }
|
|
537
549
|
|
|
538
550
|
.option__value__text {
|
|
539
|
-
color: var(--_sf-hr-cr, #{
|
|
540
|
-
font-family: var(--_sf-hr-ft-fy, #{
|
|
541
|
-
text-transform: var(--_sf-hr-tt-tm, #{
|
|
542
|
-
word-wrap: var(--_sf-hr-wd-wp, #{
|
|
543
|
-
word-break: var(--_sf-hr-wd-bk, #{
|
|
544
|
-
font-size: var(--_sf-hr-ft-se, #{
|
|
545
|
-
font-weight: var(--_sf-hr-ft-wt, #{
|
|
546
|
-
font-style: var(--_sf-hr-ft-se-ic, #{
|
|
547
|
-
text-align: var(--_sf-hr-tt-an, #{
|
|
548
|
-
letter-spacing: var(--_sf-hr-lr-sg, #{
|
|
551
|
+
color: var(--_sf-hr-cr, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-cr, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-cr, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-cr)});
|
|
552
|
+
font-family: var(--_sf-hr-ft-fy, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-fy, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-fy, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-fy)});
|
|
553
|
+
text-transform: var(--_sf-hr-tt-tm, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-tt-tm, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-tt-tm, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-tm)});
|
|
554
|
+
word-wrap: var(--_sf-hr-wd-wp, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-wd-wp, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-wd-wp, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-wp)});
|
|
555
|
+
word-break: var(--_sf-hr-wd-bk, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-wd-bk, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-wd-bk, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-bk)});
|
|
556
|
+
font-size: var(--_sf-hr-ft-se, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-se, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-se, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se)});
|
|
557
|
+
font-weight: var(--_sf-hr-ft-wt, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-wt, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-wt, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-wt)});
|
|
558
|
+
font-style: var(--_sf-hr-ft-se-ic, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ft-se-ic, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ft-se-ic, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se-ic)});
|
|
559
|
+
text-align: var(--_sf-hr-tt-an, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-tt-an, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-tt-an, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-an)});
|
|
560
|
+
letter-spacing: var(--_sf-hr-lr-sg, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-lr-sg, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-lr-sg, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-lr-sg)});
|
|
549
561
|
// The pre-split key is `le-ht-dc`; the new section is read under both spellings
|
|
550
562
|
// so whichever one the converter writes resolves.
|
|
551
|
-
line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-le-ht, #{
|
|
552
|
-
text-decoration: var(--_sf-hr-ue, #{
|
|
563
|
+
line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-le-ht, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-le-ht-dc, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-le-ht-dc, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-le-ht-dc)}));
|
|
564
|
+
text-decoration: var(--_sf-hr-ue, #{optionValueTextDefaultVar(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-ue, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-tt-se-dt-se-ue, --_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ue)});
|
|
553
565
|
// The swatch item is a fixed box (Swatch Item Size), so a value like "Small"
|
|
554
566
|
// broke onto a second line inside it. Keep it on one line.
|
|
555
567
|
white-space: nowrap;
|