@sc-360-v2/storefront-cms-library 0.5.64 → 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/login.scss CHANGED
@@ -1664,7 +1664,9 @@
1664
1664
  .title {
1665
1665
  font-size: 14px;
1666
1666
  font-weight: 600;
1667
- color: var(--_gray-700);
1667
+ color: var(--_thm-ty-p1-tt-cr);
1668
+ line-height: 150%;
1669
+ font-family: var(--_thm-ty-p1-ft-fy);
1668
1670
  margin-bottom: 16px;
1669
1671
  }
1670
1672
 
@@ -1672,7 +1674,9 @@
1672
1674
  list-style: none;
1673
1675
 
1674
1676
  li {
1675
- color: var(--_gray-700);
1677
+ color: var(--_thm-ty-p2-tt-cr);
1678
+ line-height: 150%;
1679
+ font-family: var(--_thm-ty-p2-ft-fy);
1676
1680
  font-size: 14px;
1677
1681
  display: flex;
1678
1682
  align-items: center;
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);