@sc-360-v2/storefront-cms-library 0.5.65 → 0.5.66
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/category-groups-product-options.scss +36 -24
- package/dist/filters.scss +1 -1
- package/dist/map.scss +25 -0
- package/dist/product-options.scss +120 -24
- package/dist/search-results-heading.scss +4 -10
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +11 -20
- package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +33 -59
- package/package.json +1 -1
package/dist/cart-summary.scss
CHANGED
|
@@ -2809,6 +2809,18 @@ $overflowSelector: ".flex__overflow";
|
|
|
2809
2809
|
}
|
|
2810
2810
|
}
|
|
2811
2811
|
|
|
2812
|
+
// The `<hr>` between the summary rows. The 1px dashed base is kept so a page saved
|
|
2813
|
+
// before Layout > Show Divider grew style and thickness controls looks unchanged, and
|
|
2814
|
+
// the thickness var repeats 1px as its own fallback for the same reason. Style arrives
|
|
2815
|
+
// as `data-divider-style` — a controls value, like the Line element's `data-line-style`
|
|
2816
|
+
// — and is enumerated here because CSS cannot read an attribute into a property.
|
|
2812
2817
|
.border_dashed {
|
|
2813
2818
|
border: 1px dashed var(--_thm-cs-be-se-3);
|
|
2819
|
+
border-width: prepareMediaVariable(--_ctm-lt-dr-ts, 1px);
|
|
2820
|
+
|
|
2821
|
+
@each $style in solid, dotted, dashed, double, groove, ridge, inset, outset, none, hidden {
|
|
2822
|
+
&[data-divider-style="#{$style}"] {
|
|
2823
|
+
border-style: $style;
|
|
2824
|
+
}
|
|
2825
|
+
}
|
|
2814
2826
|
}
|
|
@@ -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;
|
package/dist/filters.scss
CHANGED
package/dist/map.scss
CHANGED
|
@@ -388,6 +388,13 @@ $data: (
|
|
|
388
388
|
// Text Container Width. 100% is the previous behaviour, so an unset width
|
|
389
389
|
// still spans the container.
|
|
390
390
|
width: prepareMediaVariable(--_ctm-dn-mp-wt-lt-tt-cr-wh, 100%);
|
|
391
|
+
// ...but never wider than the widget. The control accepts a percentage of the
|
|
392
|
+
// widget and a raw length, and either can be dialled past the widget's own
|
|
393
|
+
// width — a percentage over 100, or a length longer than the widget. Both used
|
|
394
|
+
// to push the header (and the text painted on it) out over whatever sits to the
|
|
395
|
+
// right of the map. Clamping here rather than only capping the control also
|
|
396
|
+
// covers pages already saved with an oversized width.
|
|
397
|
+
max-width: 100%;
|
|
391
398
|
// Lets it shrink to that width beside the map — a flex item defaults to
|
|
392
399
|
// min-width:auto and refuses to go below its longest word.
|
|
393
400
|
min-width: 0;
|
|
@@ -800,6 +807,24 @@ $data: (
|
|
|
800
807
|
max-width: 100%;
|
|
801
808
|
width: 100%;
|
|
802
809
|
height: 100%;
|
|
810
|
+
// This wrapper fills the tooltip on both axes, so the justify-content /
|
|
811
|
+
// align-items set on .hotspot__tooltip above have nothing left to move —
|
|
812
|
+
// that is why both alignment controls looked dead. Same trap the image
|
|
813
|
+
// hotspot hit with .tooltip__image_with_text (hotspot.scss): the alignment
|
|
814
|
+
// has to be re-applied on the box that actually holds the title and the
|
|
815
|
+
// description. The stack is a column here, so the *vertical* control drives
|
|
816
|
+
// justify-content and the *horizontal* one drives align-items — the opposite
|
|
817
|
+
// mapping to the tooltip itself.
|
|
818
|
+
display: flex;
|
|
819
|
+
flex-direction: column;
|
|
820
|
+
justify-content: prepareMediaVariable(--_ctm-dn-tp-dn-vl-at);
|
|
821
|
+
align-items: prepareMediaVariable(--_ctm-dn-tp-dn-hl-at);
|
|
822
|
+
|
|
823
|
+
// align-items shrinks each child to its content width, so the text still
|
|
824
|
+
// needs a cap to wrap against instead of overflowing the tooltip.
|
|
825
|
+
> * {
|
|
826
|
+
max-width: 100%;
|
|
827
|
+
}
|
|
803
828
|
|
|
804
829
|
h6 {
|
|
805
830
|
font-size: prepareMediaVariable(--_ctm-dn-tp-tt-dn-ft-se);
|
|
@@ -11,6 +11,18 @@
|
|
|
11
11
|
@return prepareMediaVariable($newVar, prepareMediaVariable($legacyVar));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
+
// The value text's typography is not state-aware — the Option Value Text Style panel has
|
|
15
|
+
// no Default / Hover / Selected picker — so its keys sit flat on optionValueTextStyle
|
|
16
|
+
// rather than under defaultState. Three shapes can be on disk, so resolve in order: the
|
|
17
|
+
// flat variable, then the defaultState-nested one saved while the section still had the
|
|
18
|
+
// picker, then the pre-split optionValueStyle.defaultState one.
|
|
19
|
+
@function optionValueTextDefaultVar($flatVar, $stateVar, $legacyVar) {
|
|
20
|
+
@return prepareMediaVariable(
|
|
21
|
+
$flatVar,
|
|
22
|
+
prepareMediaVariable($stateVar, prepareMediaVariable($legacyVar))
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
|
|
14
26
|
[data-div-type="element"] {
|
|
15
27
|
&[data-element-type="productOptions"] {
|
|
16
28
|
width: var(
|
|
@@ -558,46 +570,83 @@
|
|
|
558
570
|
.option__value__text {
|
|
559
571
|
color: var(
|
|
560
572
|
--_sf-hr-cr,
|
|
561
|
-
#{
|
|
573
|
+
#{optionValueTextDefaultVar(
|
|
574
|
+
--_ctm-dn-on-ve-tt-se-cr,
|
|
575
|
+
--_ctm-dn-on-ve-tt-se-dt-se-cr,
|
|
576
|
+
--_ctm-dn-on-ve-se-dt-se-cr
|
|
577
|
+
)}
|
|
562
578
|
);
|
|
563
579
|
font-family: var(
|
|
564
580
|
--_sf-hr-ft-fy,
|
|
565
|
-
#{
|
|
581
|
+
#{optionValueTextDefaultVar(
|
|
582
|
+
--_ctm-dn-on-ve-tt-se-ft-fy,
|
|
583
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ft-fy,
|
|
584
|
+
--_ctm-dn-on-ve-se-dt-se-ft-fy
|
|
585
|
+
)}
|
|
566
586
|
);
|
|
567
587
|
text-transform: var(
|
|
568
588
|
--_sf-hr-tt-tm,
|
|
569
|
-
#{
|
|
589
|
+
#{optionValueTextDefaultVar(
|
|
590
|
+
--_ctm-dn-on-ve-tt-se-tt-tm,
|
|
591
|
+
--_ctm-dn-on-ve-tt-se-dt-se-tt-tm,
|
|
592
|
+
--_ctm-dn-on-ve-se-dt-se-tt-tm
|
|
593
|
+
)}
|
|
570
594
|
);
|
|
571
595
|
word-wrap: var(
|
|
572
596
|
--_sf-hr-wd-wp,
|
|
573
|
-
#{
|
|
597
|
+
#{optionValueTextDefaultVar(
|
|
598
|
+
--_ctm-dn-on-ve-tt-se-wd-wp,
|
|
599
|
+
--_ctm-dn-on-ve-tt-se-dt-se-wd-wp,
|
|
600
|
+
--_ctm-dn-on-ve-se-dt-se-wd-wp
|
|
601
|
+
)}
|
|
574
602
|
);
|
|
575
603
|
word-break: var(
|
|
576
604
|
--_sf-hr-wd-bk,
|
|
577
|
-
#{
|
|
605
|
+
#{optionValueTextDefaultVar(
|
|
606
|
+
--_ctm-dn-on-ve-tt-se-wd-bk,
|
|
607
|
+
--_ctm-dn-on-ve-tt-se-dt-se-wd-bk,
|
|
608
|
+
--_ctm-dn-on-ve-se-dt-se-wd-bk
|
|
609
|
+
)}
|
|
578
610
|
);
|
|
579
611
|
font-size: var(
|
|
580
612
|
--_sf-hr-ft-se,
|
|
581
|
-
#{
|
|
613
|
+
#{optionValueTextDefaultVar(
|
|
614
|
+
--_ctm-dn-on-ve-tt-se-ft-se,
|
|
615
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ft-se,
|
|
616
|
+
--_ctm-dn-on-ve-se-dt-se-ft-se
|
|
617
|
+
)}
|
|
582
618
|
);
|
|
583
619
|
font-weight: var(
|
|
584
620
|
--_sf-hr-ft-wt,
|
|
585
|
-
#{
|
|
621
|
+
#{optionValueTextDefaultVar(
|
|
622
|
+
--_ctm-dn-on-ve-tt-se-ft-wt,
|
|
623
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ft-wt,
|
|
624
|
+
--_ctm-dn-on-ve-se-dt-se-ft-wt
|
|
625
|
+
)}
|
|
586
626
|
);
|
|
587
627
|
font-style: var(
|
|
588
628
|
--_sf-hr-ft-se-ic,
|
|
589
|
-
#{
|
|
629
|
+
#{optionValueTextDefaultVar(
|
|
630
|
+
--_ctm-dn-on-ve-tt-se-ft-se-ic,
|
|
590
631
|
--_ctm-dn-on-ve-tt-se-dt-se-ft-se-ic,
|
|
591
632
|
--_ctm-dn-on-ve-se-dt-se-ft-se-ic
|
|
592
633
|
)}
|
|
593
634
|
);
|
|
594
635
|
text-align: var(
|
|
595
636
|
--_sf-hr-tt-an,
|
|
596
|
-
#{
|
|
637
|
+
#{optionValueTextDefaultVar(
|
|
638
|
+
--_ctm-dn-on-ve-tt-se-tt-an,
|
|
639
|
+
--_ctm-dn-on-ve-tt-se-dt-se-tt-an,
|
|
640
|
+
--_ctm-dn-on-ve-se-dt-se-tt-an
|
|
641
|
+
)}
|
|
597
642
|
);
|
|
598
643
|
letter-spacing: var(
|
|
599
644
|
--_sf-hr-lr-sg,
|
|
600
|
-
#{
|
|
645
|
+
#{optionValueTextDefaultVar(
|
|
646
|
+
--_ctm-dn-on-ve-tt-se-lr-sg,
|
|
647
|
+
--_ctm-dn-on-ve-tt-se-dt-se-lr-sg,
|
|
648
|
+
--_ctm-dn-on-ve-se-dt-se-lr-sg
|
|
649
|
+
)}
|
|
601
650
|
);
|
|
602
651
|
// The pre-split key is `le-ht-dc`; the new section is read under both spellings
|
|
603
652
|
// so whichever one the converter writes resolves.
|
|
@@ -605,7 +654,8 @@
|
|
|
605
654
|
--_sf-hr-le-ht,
|
|
606
655
|
prepareMediaVariable(
|
|
607
656
|
--_ctm-dn-on-ve-tt-se-dt-se-le-ht,
|
|
608
|
-
#{
|
|
657
|
+
#{optionValueTextDefaultVar(
|
|
658
|
+
--_ctm-dn-on-ve-tt-se-le-ht-dc,
|
|
609
659
|
--_ctm-dn-on-ve-tt-se-dt-se-le-ht-dc,
|
|
610
660
|
--_ctm-dn-on-ve-se-dt-se-le-ht-dc
|
|
611
661
|
)}
|
|
@@ -613,7 +663,11 @@
|
|
|
613
663
|
);
|
|
614
664
|
text-decoration: var(
|
|
615
665
|
--_sf-hr-ue,
|
|
616
|
-
#{
|
|
666
|
+
#{optionValueTextDefaultVar(
|
|
667
|
+
--_ctm-dn-on-ve-tt-se-ue,
|
|
668
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ue,
|
|
669
|
+
--_ctm-dn-on-ve-se-dt-se-ue
|
|
670
|
+
)}
|
|
617
671
|
);
|
|
618
672
|
// The swatch item is a fixed box (Swatch Item Size), so a value like "Small"
|
|
619
673
|
// broke onto a second line inside it. Keep it on one line.
|
|
@@ -677,46 +731,83 @@
|
|
|
677
731
|
.option__value__text {
|
|
678
732
|
color: var(
|
|
679
733
|
--_sf-hr-cr,
|
|
680
|
-
#{
|
|
734
|
+
#{optionValueTextDefaultVar(
|
|
735
|
+
--_ctm-dn-on-ve-tt-se-cr,
|
|
736
|
+
--_ctm-dn-on-ve-tt-se-dt-se-cr,
|
|
737
|
+
--_ctm-dn-on-ve-se-dt-se-cr
|
|
738
|
+
)}
|
|
681
739
|
);
|
|
682
740
|
font-family: var(
|
|
683
741
|
--_sf-hr-ft-fy,
|
|
684
|
-
#{
|
|
742
|
+
#{optionValueTextDefaultVar(
|
|
743
|
+
--_ctm-dn-on-ve-tt-se-ft-fy,
|
|
744
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ft-fy,
|
|
745
|
+
--_ctm-dn-on-ve-se-dt-se-ft-fy
|
|
746
|
+
)}
|
|
685
747
|
);
|
|
686
748
|
text-transform: var(
|
|
687
749
|
--_sf-hr-tt-tm,
|
|
688
|
-
#{
|
|
750
|
+
#{optionValueTextDefaultVar(
|
|
751
|
+
--_ctm-dn-on-ve-tt-se-tt-tm,
|
|
752
|
+
--_ctm-dn-on-ve-tt-se-dt-se-tt-tm,
|
|
753
|
+
--_ctm-dn-on-ve-se-dt-se-tt-tm
|
|
754
|
+
)}
|
|
689
755
|
);
|
|
690
756
|
word-wrap: var(
|
|
691
757
|
--_sf-hr-wd-wp,
|
|
692
|
-
#{
|
|
758
|
+
#{optionValueTextDefaultVar(
|
|
759
|
+
--_ctm-dn-on-ve-tt-se-wd-wp,
|
|
760
|
+
--_ctm-dn-on-ve-tt-se-dt-se-wd-wp,
|
|
761
|
+
--_ctm-dn-on-ve-se-dt-se-wd-wp
|
|
762
|
+
)}
|
|
693
763
|
);
|
|
694
764
|
word-break: var(
|
|
695
765
|
--_sf-hr-wd-bk,
|
|
696
|
-
#{
|
|
766
|
+
#{optionValueTextDefaultVar(
|
|
767
|
+
--_ctm-dn-on-ve-tt-se-wd-bk,
|
|
768
|
+
--_ctm-dn-on-ve-tt-se-dt-se-wd-bk,
|
|
769
|
+
--_ctm-dn-on-ve-se-dt-se-wd-bk
|
|
770
|
+
)}
|
|
697
771
|
);
|
|
698
772
|
font-size: var(
|
|
699
773
|
--_sf-hr-ft-se,
|
|
700
|
-
#{
|
|
774
|
+
#{optionValueTextDefaultVar(
|
|
775
|
+
--_ctm-dn-on-ve-tt-se-ft-se,
|
|
776
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ft-se,
|
|
777
|
+
--_ctm-dn-on-ve-se-dt-se-ft-se
|
|
778
|
+
)}
|
|
701
779
|
);
|
|
702
780
|
font-weight: var(
|
|
703
781
|
--_sf-hr-ft-wt,
|
|
704
|
-
#{
|
|
782
|
+
#{optionValueTextDefaultVar(
|
|
783
|
+
--_ctm-dn-on-ve-tt-se-ft-wt,
|
|
784
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ft-wt,
|
|
785
|
+
--_ctm-dn-on-ve-se-dt-se-ft-wt
|
|
786
|
+
)}
|
|
705
787
|
);
|
|
706
788
|
font-style: var(
|
|
707
789
|
--_sf-hr-ft-se-ic,
|
|
708
|
-
#{
|
|
790
|
+
#{optionValueTextDefaultVar(
|
|
791
|
+
--_ctm-dn-on-ve-tt-se-ft-se-ic,
|
|
709
792
|
--_ctm-dn-on-ve-tt-se-dt-se-ft-se-ic,
|
|
710
793
|
--_ctm-dn-on-ve-se-dt-se-ft-se-ic
|
|
711
794
|
)}
|
|
712
795
|
);
|
|
713
796
|
text-align: var(
|
|
714
797
|
--_sf-hr-tt-an,
|
|
715
|
-
#{
|
|
798
|
+
#{optionValueTextDefaultVar(
|
|
799
|
+
--_ctm-dn-on-ve-tt-se-tt-an,
|
|
800
|
+
--_ctm-dn-on-ve-tt-se-dt-se-tt-an,
|
|
801
|
+
--_ctm-dn-on-ve-se-dt-se-tt-an
|
|
802
|
+
)}
|
|
716
803
|
);
|
|
717
804
|
letter-spacing: var(
|
|
718
805
|
--_sf-hr-lr-sg,
|
|
719
|
-
#{
|
|
806
|
+
#{optionValueTextDefaultVar(
|
|
807
|
+
--_ctm-dn-on-ve-tt-se-lr-sg,
|
|
808
|
+
--_ctm-dn-on-ve-tt-se-dt-se-lr-sg,
|
|
809
|
+
--_ctm-dn-on-ve-se-dt-se-lr-sg
|
|
810
|
+
)}
|
|
720
811
|
);
|
|
721
812
|
// The pre-split key is `le-ht-dc`; the new section is read under both spellings
|
|
722
813
|
// so whichever one the converter writes resolves.
|
|
@@ -724,7 +815,8 @@
|
|
|
724
815
|
--_sf-hr-le-ht,
|
|
725
816
|
prepareMediaVariable(
|
|
726
817
|
--_ctm-dn-on-ve-tt-se-dt-se-le-ht,
|
|
727
|
-
#{
|
|
818
|
+
#{optionValueTextDefaultVar(
|
|
819
|
+
--_ctm-dn-on-ve-tt-se-le-ht-dc,
|
|
728
820
|
--_ctm-dn-on-ve-tt-se-dt-se-le-ht-dc,
|
|
729
821
|
--_ctm-dn-on-ve-se-dt-se-le-ht-dc
|
|
730
822
|
)}
|
|
@@ -732,7 +824,11 @@
|
|
|
732
824
|
);
|
|
733
825
|
text-decoration: var(
|
|
734
826
|
--_sf-hr-ue,
|
|
735
|
-
#{
|
|
827
|
+
#{optionValueTextDefaultVar(
|
|
828
|
+
--_ctm-dn-on-ve-tt-se-ue,
|
|
829
|
+
--_ctm-dn-on-ve-tt-se-dt-se-ue,
|
|
830
|
+
--_ctm-dn-on-ve-se-dt-se-ue
|
|
831
|
+
)}
|
|
736
832
|
);
|
|
737
833
|
// The swatch item is a fixed box (Swatch Item Size), so a value like "Small"
|
|
738
834
|
// broke onto a second line inside it. Keep it on one line.
|
|
@@ -83,10 +83,6 @@
|
|
|
83
83
|
--_ctm-mob-dn-sh-rs-nr-ue,
|
|
84
84
|
var(--_ctm-tab-dn-sh-rs-nr-ue, var(--_ctm-dn-sh-rs-nr-ue))
|
|
85
85
|
);
|
|
86
|
-
border: var(
|
|
87
|
-
--_ctm-mob-dn-sh-rs-nr-bd-cr,
|
|
88
|
-
var(--_ctm-tab-dn-sh-rs-nr-bd-cr, var(--_ctm-dn-sh-rs-nr-bd-cr))
|
|
89
|
-
);
|
|
90
86
|
border-color: var(
|
|
91
87
|
--_ctm-mob-dn-sh-rs-nr-br-cr,
|
|
92
88
|
var(--_ctm-tab-dn-sh-rs-nr-br-cr, var(--_ctm-dn-sh-rs-nr-br-cr))
|
|
@@ -304,12 +300,10 @@
|
|
|
304
300
|
}
|
|
305
301
|
}
|
|
306
302
|
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
&[data-show-shadow="false"] {
|
|
312
|
-
--_show-shadow: none;
|
|
303
|
+
.search__results__count[data-show-shadow="false"],
|
|
304
|
+
.search__other__text[data-show-shadow="false"],
|
|
305
|
+
.search__keyword__text[data-show-shadow="false"] {
|
|
306
|
+
--_show-text-content-shadow: none;
|
|
313
307
|
}
|
|
314
308
|
}
|
|
315
309
|
}
|
|
@@ -232,12 +232,22 @@ export declare const getDefaultData: () => {
|
|
|
232
232
|
property: string;
|
|
233
233
|
propertyType: CMSElementEditTypes;
|
|
234
234
|
};
|
|
235
|
+
dividerStyle: {
|
|
236
|
+
value: string;
|
|
237
|
+
property: string;
|
|
238
|
+
propertyType: CMSElementEditTypes;
|
|
239
|
+
};
|
|
240
|
+
dividerThickness: {
|
|
241
|
+
value: number;
|
|
242
|
+
property: string;
|
|
243
|
+
propertyType: CMSElementEditTypes;
|
|
244
|
+
unit: number;
|
|
245
|
+
};
|
|
235
246
|
};
|
|
236
247
|
design: {
|
|
237
248
|
selectorKey: SelectorKeysEnum;
|
|
238
249
|
accordionArrowsItem: {
|
|
239
250
|
selectorKey: SelectorKeysEnum;
|
|
240
|
-
showIcon: CMSIBCommonInterface | undefined;
|
|
241
251
|
iconColor: CMSIBCommonInterface;
|
|
242
252
|
strokeWidth: import("../../interfaces/global").CMSIBSizeInterface;
|
|
243
253
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -254,7 +264,6 @@ export declare const getDefaultData: () => {
|
|
|
254
264
|
isReadOnly?: boolean | undefined;
|
|
255
265
|
parentRef?: string | undefined;
|
|
256
266
|
};
|
|
257
|
-
showIconDesc: CMSIBCommonInterface | undefined;
|
|
258
267
|
iconColorDesc: CMSIBCommonInterface;
|
|
259
268
|
strokeWidthDesc: {
|
|
260
269
|
property: string;
|
|
@@ -325,24 +334,6 @@ export declare const getDefaultData: () => {
|
|
|
325
334
|
property: string;
|
|
326
335
|
propertyType: CMSElementEditTypes;
|
|
327
336
|
};
|
|
328
|
-
textTransform: {
|
|
329
|
-
value: string;
|
|
330
|
-
property: string;
|
|
331
|
-
propertyType: CMSElementEditTypes;
|
|
332
|
-
};
|
|
333
|
-
theme: CMSIBCommonInterface;
|
|
334
|
-
font: CMSIBCommonInterface;
|
|
335
|
-
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
336
|
-
textColor: CMSIBCommonInterface;
|
|
337
|
-
bold: CMSIBCommonInterface;
|
|
338
|
-
italic: CMSIBCommonInterface;
|
|
339
|
-
linethrough: CMSIBCommonInterface;
|
|
340
|
-
underline: CMSIBCommonInterface;
|
|
341
|
-
textAlign: CMSIBCommonInterface;
|
|
342
|
-
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
343
|
-
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
344
|
-
textOverflow: any;
|
|
345
|
-
numberOfDisplayedLines: any;
|
|
346
337
|
borderColor: CMSIBCommonInterface;
|
|
347
338
|
borderStyle: CMSIBCommonInterface;
|
|
348
339
|
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
@@ -8,67 +8,41 @@ interface selfLayoutInterface {
|
|
|
8
8
|
showSearchKeyword: CMSIBCommonInterface;
|
|
9
9
|
showNoOfResults: CMSIBCommonInterface;
|
|
10
10
|
}
|
|
11
|
+
interface textDesignInterface {
|
|
12
|
+
selectorKey: string;
|
|
13
|
+
backgroundColor: CMSIBCommonInterface;
|
|
14
|
+
borderColor: CMSIBCommonInterface;
|
|
15
|
+
borderStyle: CMSIBCommonInterface;
|
|
16
|
+
borderPerSlide: CMSIBCommonInterface;
|
|
17
|
+
showBorder: CMSIBCommonInterface;
|
|
18
|
+
showShadow: CMSIBCommonInterface;
|
|
19
|
+
shadowColor: CMSIBCommonInterface;
|
|
20
|
+
blur: CMSIBCommonInterface;
|
|
21
|
+
spread: CMSIBCommonInterface;
|
|
22
|
+
angle: CMSIBCommonInterface;
|
|
23
|
+
borderRadius: CMSIBCommonInterface;
|
|
24
|
+
theme: CMSIBCommonInterface;
|
|
25
|
+
font: CMSIBCommonInterface;
|
|
26
|
+
fontSize: CMSIBCommonInterface;
|
|
27
|
+
textColor: CMSIBCommonInterface;
|
|
28
|
+
bold: CMSIBCommonInterface;
|
|
29
|
+
italic: CMSIBCommonInterface;
|
|
30
|
+
linethrough: CMSIBCommonInterface;
|
|
31
|
+
underline: CMSIBCommonInterface;
|
|
32
|
+
textAlign: CMSIBCommonInterface;
|
|
33
|
+
characterSpacing: CMSIBCommonInterface;
|
|
34
|
+
lineHeight: CMSIBCommonInterface;
|
|
35
|
+
textTransform: CMSIBCommonInterface;
|
|
36
|
+
wordWrap: CMSIBCommonInterface;
|
|
37
|
+
wordBreak: CMSIBCommonInterface;
|
|
38
|
+
textOverflow?: any;
|
|
39
|
+
numberOfDisplayedLines?: any;
|
|
40
|
+
}
|
|
11
41
|
export interface selfDesignInterface {
|
|
12
42
|
selectorKey: string;
|
|
13
|
-
searchResultsNumber:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
borderColor?: CMSIBCommonInterface;
|
|
17
|
-
borderStyle?: CMSIBCommonInterface;
|
|
18
|
-
borderPerSlide?: CMSIBCommonInterface;
|
|
19
|
-
showBorder?: CMSIBCommonInterface;
|
|
20
|
-
showShadow?: CMSIBCommonInterface;
|
|
21
|
-
shadowColor?: CMSIBCommonInterface;
|
|
22
|
-
blur?: CMSIBCommonInterface;
|
|
23
|
-
spread?: CMSIBCommonInterface;
|
|
24
|
-
angle?: CMSIBCommonInterface;
|
|
25
|
-
borderRadius?: CMSIBCommonInterface;
|
|
26
|
-
theme: CMSIBCommonInterface;
|
|
27
|
-
font: CMSIBCommonInterface;
|
|
28
|
-
fontSize: CMSIBCommonInterface;
|
|
29
|
-
textColor: CMSIBCommonInterface;
|
|
30
|
-
bold: CMSIBCommonInterface;
|
|
31
|
-
italic: CMSIBCommonInterface;
|
|
32
|
-
linethrough: CMSIBCommonInterface;
|
|
33
|
-
underline: CMSIBCommonInterface;
|
|
34
|
-
textAlign: CMSIBCommonInterface;
|
|
35
|
-
characterSpacing: CMSIBCommonInterface;
|
|
36
|
-
lineHeight: CMSIBCommonInterface;
|
|
37
|
-
textOverflow?: any;
|
|
38
|
-
numberOfDisplayedLines?: any;
|
|
39
|
-
};
|
|
40
|
-
searchKeyword: {
|
|
41
|
-
selectorKey: string;
|
|
42
|
-
theme: CMSIBCommonInterface;
|
|
43
|
-
font: CMSIBCommonInterface;
|
|
44
|
-
fontSize: CMSIBCommonInterface;
|
|
45
|
-
textColor: CMSIBCommonInterface;
|
|
46
|
-
bold: CMSIBCommonInterface;
|
|
47
|
-
italic: CMSIBCommonInterface;
|
|
48
|
-
linethrough: CMSIBCommonInterface;
|
|
49
|
-
underline: CMSIBCommonInterface;
|
|
50
|
-
textAlign: CMSIBCommonInterface;
|
|
51
|
-
characterSpacing: CMSIBCommonInterface;
|
|
52
|
-
lineHeight: CMSIBCommonInterface;
|
|
53
|
-
textOverflow?: any;
|
|
54
|
-
numberOfDisplayedLines?: any;
|
|
55
|
-
};
|
|
56
|
-
otherText: {
|
|
57
|
-
selectorKey: string;
|
|
58
|
-
theme: CMSIBCommonInterface;
|
|
59
|
-
font: CMSIBCommonInterface;
|
|
60
|
-
fontSize: CMSIBCommonInterface;
|
|
61
|
-
textColor: CMSIBCommonInterface;
|
|
62
|
-
bold: CMSIBCommonInterface;
|
|
63
|
-
italic: CMSIBCommonInterface;
|
|
64
|
-
linethrough: CMSIBCommonInterface;
|
|
65
|
-
underline: CMSIBCommonInterface;
|
|
66
|
-
textAlign: CMSIBCommonInterface;
|
|
67
|
-
characterSpacing: CMSIBCommonInterface;
|
|
68
|
-
lineHeight: CMSIBCommonInterface;
|
|
69
|
-
textOverflow?: any;
|
|
70
|
-
numberOfDisplayedLines?: any;
|
|
71
|
-
};
|
|
43
|
+
searchResultsNumber: textDesignInterface;
|
|
44
|
+
searchKeyword: textDesignInterface;
|
|
45
|
+
otherText: textDesignInterface;
|
|
72
46
|
}
|
|
73
47
|
export declare enum searchResultsHeadingSelectorKeysEnum {
|
|
74
48
|
LAYOUT = "layout",
|