@sc-360-v2/storefront-cms-library 0.5.54 → 0.5.58

package/dist/product-sizechart.scss

@@ -231,6 +231,8 @@
 
             path {
               stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-c1));
+              // Overrides the stroke-width presentation attribute baked into the icon markup.
+              stroke-width: prepareMediaVariable(--_ctm-dn-se-ct-dt-se-se-wh, 1.25);
             }
           }
         }
@@ -403,6 +405,8 @@
                   --_ctm-mob-dn-me-se-ct-dt-se-in-c1,
                   var(--_ctm-tab-dn-me-se-ct-dt-se-in-c1, var(--_ctm-dn-me-se-ct-dt-se-in-c1))
                 );
+                // Overrides the stroke-width presentation attribute baked into the icon markup.
+                stroke-width: prepareMediaVariable(--_ctm-dn-me-se-ct-dt-se-se-wh, 1.25);
               }
             }
           }

package/dist/profile.scss

@@ -2,6 +2,8 @@
 @use "sass:list";
 @use "./functions.scss" as *;
 
+$overflowSelector: ".flex__overflow";
+
 [data-div-type="element"] {
   &[data-element-type="profile"] {
     width: var(
@@ -28,14 +30,18 @@
       // justify-content: center;
     }
     &[data-layout-alignment="horizontal"] {
-      .profile__section {
+      .profile__container > .profile__section {
         flex-direction: row;
+        align-items: prepareMediaVariable(--_ctm-lt-an-is, center);
+        justify-content: prepareMediaVariable(--_ctm-lt-jy-ct, start);
       }
     }
 
     &[data-layout-alignment="vertical"] {
-      .profile__section {
+      .profile__container > .profile__section {
         flex-direction: column;
+        align-items: prepareMediaVariable(--_ctm-lt-jy-ct, start);
+        justify-content: prepareMediaVariable(--_ctm-lt-an-is, center);
       }
     }
     &[data-show-text-avatar-border="true"] {
@@ -47,7 +53,7 @@
     }
 
     &[data-widget-border="true"] {
-      .profile__section {
+      .profile__container {
         border-color: var(
           --_ctm-mob-dn-pe-wt-br-cr,
           var(--_ctm-tab-dn-pe-wt-br-cr, var(--_ctm-dn-pe-wt-br-cr))
@@ -69,6 +75,7 @@
     .profile__container {
       display: flex;
       justify-content: space-between;
+      align-items: center;
       padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
       background-color: var(
         --_sf-hr-bd-cr,
@@ -85,12 +92,13 @@
         --_sf-hr-br-br,
         var(--_ctm-mob-dn-pe-wt-br-rs, var(--_ctm-tab-dn-pe-wt-br-rs, var(--_ctm-dn-pe-wt-br-rs)))
       );
+      min-height: prepareMediaVariable(--_ctm-lt-ht);
       .profile__section {
         position: relative;
         cursor: pointer;
         display: flex;
         align-items: center;
-        justify-content: center;
+        justify-content: start;
         // gap: var(prepareMediaVariable(--_ctm-dn-pe-wt-in-gp));
         gap: prepareMediaVariable(--_ctm-dn-pe-wt-in-gp);
         width: 100%;
@@ -109,6 +117,8 @@
                 --_ctm-mob-dn-ce-in-in-c1,
                 var(--_ctm-tab-dn-ce-in-cr, var(--_ctm-dn-ce-in-in-c1))
               );
+              // Overrides the stroke-width presentation attribute baked into the icon markup.
+              stroke-width: prepareMediaVariable(--_ctm-dn-ce-in-se-wh, 1.25);
             }
           }
         }
@@ -180,6 +190,8 @@
 
             path {
               stroke: prepareMediaVariable(--_ctm-dn-pe-wt-in-c1);
+              // Overrides the stroke-width presentation attribute baked into the icon markup.
+              stroke-width: prepareMediaVariable(--_ctm-dn-pe-wt-se-wh, 1.25);
             }
           }
         }
@@ -189,6 +201,8 @@
         //       --_ctm-mob-dn-ct-in-in-cr,
         //       var(--_ctm-tab-dn-ct-in-in-cr, var(--_ctm-dn-ct-in-in-cr))
         //     );
+        // Overrides the stroke-width presentation attribute baked into the icon markup.
+        stroke-width: prepareMediaVariable(--_ctm-dn-ct-in-se-wh, 1.25);
         //   }
         // }
 
@@ -196,44 +210,58 @@
           // font-size: 14px;
           display: flex;
           flex-direction: column;
+          min-width: 0;
+          max-width: 100%;
           // list-style: none;
           // line-height: 18px;
-          color: var(--_ctm-mob-dn-pe-wt-cr, var(--_ctm-tab-dn-pe-wt-cr, var(--_ctm-dn-pe-wt-cr)));
-          font-family: var(
-            --_sf-hr-ff,
-            var(
-              --_ctm-mob-dn-pe-wt-ft-fy,
-              var(--_ctm-tab-dn-pe-wt-ft-fy, var(--_ctm-dn-pe-wt-ft-fy))
-            )
-          );
-          font-size: var(
-            --_ctm-mob-dn-pe-wt-ft-se,
-            var(--_ctm-tab-dn-pe-wt-ft-se, var(--_ctm-dn-pe-wt-ft-se))
-          );
-          font-weight: var(
-            --_ctm-mob-dn-pe-wt-ft-wt,
-            var(--_ctm-tab-dn-pe-wt-ft-wt, var(--_ctm-dn-pe-wt-ft-wt))
-          );
-          font-style: var(
-            --_ctm-mob-dn-pe-wt-ft-se-ic,
-            var(--_ctm-tab-dn-pe-wt-ft-se-ic, var(--_ctm-dn-pe-wt-ft-se-ic))
-          );
-          text-align: var(
-            --_ctm-mob-dn-pe-wt-tt-an,
-            var(--_ctm-tab-dn-pe-wt-tt-an, var(--_ctm-dn-pe-wt-tt-an))
-          );
-          letter-spacing: var(
-            --_ctm-mob-dn-pe-wt-lr-sg,
-            var(--_ctm-tab-dn-pe-wt-lr-sg, var(--_ctm-dn-pe-wt-lr-sg))
-          );
-          line-height: var(
-            --_ctm-mob-dn-pe-wt-le-ht,
-            var(--_ctm-tab-dn-pe-wt-le-ht, var(--_ctm-dn-pe-wt-le-ht))
-          );
-          text-decoration: var(
-            --_ctm-mob-dn-pe-wt-ue,
-            var(--_ctm-tab-dn-pe-wt-ue, var(--_ctm-dn-pe-wt-ue))
-          );
+          .profile__label {
+            color: var(
+              --_ctm-mob-dn-pe-wt-cr,
+              var(--_ctm-tab-dn-pe-wt-cr, var(--_ctm-dn-pe-wt-cr))
+            );
+            font-family: var(
+              --_sf-hr-ff,
+              var(
+                --_ctm-mob-dn-pe-wt-ft-fy,
+                var(--_ctm-tab-dn-pe-wt-ft-fy, var(--_ctm-dn-pe-wt-ft-fy))
+              )
+            );
+            font-size: var(
+              --_ctm-mob-dn-pe-wt-ft-se,
+              var(--_ctm-tab-dn-pe-wt-ft-se, var(--_ctm-dn-pe-wt-ft-se))
+            );
+            font-weight: var(
+              --_ctm-mob-dn-pe-wt-ft-wt,
+              var(--_ctm-tab-dn-pe-wt-ft-wt, var(--_ctm-dn-pe-wt-ft-wt))
+            );
+            font-style: var(
+              --_ctm-mob-dn-pe-wt-ft-se-ic,
+              var(--_ctm-tab-dn-pe-wt-ft-se-ic, var(--_ctm-dn-pe-wt-ft-se-ic))
+            );
+            text-align: var(
+              --_ctm-mob-dn-pe-wt-tt-an,
+              var(--_ctm-tab-dn-pe-wt-tt-an, var(--_ctm-dn-pe-wt-tt-an))
+            );
+            letter-spacing: var(
+              --_ctm-mob-dn-pe-wt-lr-sg,
+              var(--_ctm-tab-dn-pe-wt-lr-sg, var(--_ctm-dn-pe-wt-lr-sg))
+            );
+            line-height: var(
+              --_ctm-mob-dn-pe-wt-le-ht,
+              var(--_ctm-tab-dn-pe-wt-le-ht, var(--_ctm-dn-pe-wt-le-ht))
+            );
+            text-decoration: var(
+              --_ctm-mob-dn-pe-wt-ue,
+              var(--_ctm-tab-dn-pe-wt-ue, var(--_ctm-dn-pe-wt-ue))
+            );
+            word-wrap: prepareMediaVariable(--_ctm-dn-pe-wt-wd-wp);
+            word-break: prepareMediaVariable(--_ctm-dn-pe-wt-wd-bk);
+            text-transform: prepareMediaVariable(--_ctm-dn-pe-wt-tt-tm);
+
+            &#{$overflowSelector} {
+              @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
+            }
+          }
           .profile__icon {
             // font-weight: 600;
             // font-size: 16px;
@@ -258,7 +286,7 @@
             );
             font-style: var(
               --_ctm-mob-dn-pe-wt-ft-se-ic-dc,
-              var(--_ctm-tab-dn-pe-wt-ft-se-ic-dc, var(--_ctm-dn-pe-wt-ft-se-ic-dc))
+              var(--_ctm-tab-dn-pe-wt-ft-se-ic-dc, var(--_ctm-dn-pe-wt-ft-se-ic-dc, normal))
             );
             text-align: var(
               --_ctm-mob-dn-pe-wt-tt-an-dc,
@@ -274,8 +302,15 @@
             );
             text-decoration: var(
               --_ctm-mob-dn-pe-wt-ue-dc,
-              var(--_ctm-tab-dn-pe-wt-ue-dc, var(--_ctm-dn-pe-wt-ue-dc))
+              var(--_ctm-tab-dn-pe-wt-ue-dc, var(--_ctm-dn-pe-wt-ue-dc, none))
             );
+            word-wrap: prepareMediaVariable(--_ctm-dn-pe-wt-wd-wp-dc);
+            word-break: prepareMediaVariable(--_ctm-dn-pe-wt-wd-bk-dc);
+            text-transform: prepareMediaVariable(--_ctm-dn-pe-wt-tt-tm-dc);
+
+            &#{$overflowSelector} {
+              @include restrictToLinesShow(#{var(--_sf-line-clamp-desc, 1)});
+            }
           }
         }
       }
@@ -361,6 +396,8 @@
 
           path {
             stroke: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-in-c1);
+            // Overrides the stroke-width presentation attribute baked into the icon markup.
+            stroke-width: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-se-wh, 1.25);
           }
         }
       }
@@ -372,6 +409,28 @@
       gap: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-in-gp);
       // transition: background 0.2s;
       cursor: pointer;
+
+      > .add_order_item__link {
+        flex: 1;
+        min-width: 0;
+        max-width: 100%;
+      }
+
+      .add_order_item__label {
+        display: block;
+        flex: 1;
+        min-width: 0;
+        max-width: 100%;
+        white-space: normal;
+        word-wrap: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-wd-wp);
+        overflow-wrap: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-wd-wp);
+        word-break: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-wd-bk);
+        text-transform: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-tt-tm);
+      }
+
+      &[data-dropdown-items-default-overflow="true"] .add_order_item__label {
+        @include restrictToLinesShow(#{var(--_sf-dropdown-line-clamp, 1)});
+      }
       &[data-dropdown-items-default-border="true"] {
         border-color: var(
           --_sf-hr-br-cr,
@@ -495,6 +554,26 @@
       );
 
       &:hover {
+        .add_order_item__label {
+          white-space: normal;
+          word-wrap: prepareMediaVariable(
+            --_ctm-dn-dn-is-hr-se-wd-wp,
+            var(--_ctm-dn-dn-is-dt-se-wd-wp)
+          );
+          overflow-wrap: prepareMediaVariable(
+            --_ctm-dn-dn-is-hr-se-wd-wp,
+            var(--_ctm-dn-dn-is-dt-se-wd-wp)
+          );
+          word-break: prepareMediaVariable(
+            --_ctm-dn-dn-is-hr-se-wd-bk,
+            var(--_ctm-dn-dn-is-dt-se-wd-bk)
+          );
+          text-transform: prepareMediaVariable(
+            --_ctm-dn-dn-is-hr-se-tt-tm,
+            var(--_ctm-dn-dn-is-dt-se-tt-tm)
+          );
+        }
+
         &[data-dropdown-items-hover-border="true"] {
           border-color: var(
             --_sf-hr-br-cr,

package/dist/quantity-selector.scss

@@ -669,6 +669,8 @@
 
             path {
               stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-c1));
+              // Overrides the stroke-width presentation attribute baked into the icon markup.
+              stroke-width: prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-se-wh, 1.25);
             }
           }
         }
@@ -886,6 +888,8 @@
 
             path {
               stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-c1));
+              // Overrides the stroke-width presentation attribute baked into the icon markup.
+              stroke-width: prepareMediaVariable(--_ctm-dn-de-bn-dt-se-se-wh, 1.25);
             }
           }
         }

package/dist/quick-inventory-check.scss

@@ -1,3 +1,4 @@
+@use "./functions.scss" as *;
 @use "sass:map";
 @use "sass:list";
 
@@ -193,6 +194,8 @@
                   --_ctm-mob-dn-qa-lt-in-c1,
                   var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1))
                 );
+                // Overrides the stroke-width presentation attribute baked into the icon markup.
+                stroke-width: prepareMediaVariable(--_ctm-dn-qa-lt-se-wh, 1.25);
               }
             }
           }
@@ -253,6 +256,8 @@
                   --_ctm-mob-dn-ds-lt-in-c1,
                   var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1))
                 );
+                // Overrides the stroke-width presentation attribute baked into the icon markup.
+                stroke-width: prepareMediaVariable(--_ctm-dn-ds-lt-se-wh, 1.25);
               }
             }
           }

package/dist/quick-order-pad.scss

@@ -1,3 +1,4 @@
+@use "./functions.scss" as *;
 // Colors
 $gray-400: #ccc;
 $gray-800: #444;
@@ -356,6 +357,8 @@ $input-padding: 10px 12px;
                       //   --_ctm-mob-dn-pt-an-pt-an-wt-in-c1,
                       //   var(--_ctm-tab-dn-pt-an-pt-an-wt-in-c1, var(--_ctm-dn-pt-an-pt-an-wt-in-c1))
                       // );
+                      // Overrides the stroke-width presentation attribute baked into the icon markup.
+                      stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-wt-se-wh, 1.25);
                       stroke: var(--_thm-cs-be-se-1);
                     }
                   }
@@ -684,6 +687,8 @@ $input-padding: 10px 12px;
               --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
               var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
             );
+            // Overrides the stroke-width presentation attribute baked into the icon markup.
+            stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
           }
         }
         &:hover {

package/dist/quota-details.scss

@@ -100,21 +100,41 @@ $overflowSelector: ".flex__overflow";
       .product__hilights {
         display: flex;
         align-items: var(--_ctm-mob-lt-wt-at, var(--_ctm-tab-lt-wt-at, var(--_ctm-lt-wt-at)));
-        justify-content: var(--_ctm-mob-lt-hl-at, var(--_ctm-tab-lt-hl-at, var(--_ctm-lt-hl-at)));
+        // Design > Widget Style > alignment, falling back to the Layout panel's own
+        // alignment so elements set up before the design control existed keep theirs.
+        justify-content: prepareMediaVariable(
+          --_ctm-dn-wt-se-hl-at,
+          prepareMediaVariable(--_ctm-lt-hl-at)
+        );
         gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
         width: 100%;
 
         height: 100%;
 
         &[data-show-dividers="true"] {
+          // Divider > Shape Size and Shape Color are the only two controls the panel
+          // offers for the item: Size is the marker's diameter for circle and square
+          // and the rule's thickness for the plain line, Color paints all three. The
+          // keys the panel used to expose (Divider Height / Divider Color) stay as
+          // fallbacks so a divider styled before the change keeps its look.
+          //
+          // The `-dr-dr-` doubling is not a typo — the first is the `divider` node,
+          // the second the `divider…` property name. These two vars were written with
+          // only one, which is exactly why neither control did anything.
+          $shapeSize: prepareMediaVariable(
+            --_ctm-dn-dr-dr-se-se,
+            prepareMediaVariable(--_ctm-dn-dr-dr-wh, 1px)
+          );
+          $shapeColor: prepareMediaVariable(
+            --_ctm-dn-dr-dr-se-cr,
+            prepareMediaVariable(--_ctm-dn-dr-dr-cr, #e4e7ec)
+          );
+
           .product__list__item {
             position: relative;
             &:not(:last-child)::after {
               content: "";
-              width: var(
-                --_ctm-mob-dn-dr-dr-wh,
-                var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
-              );
+              width: $shapeSize;
               height: 100%;
               position: absolute;
               right: calc(
@@ -122,20 +142,84 @@ $overflowSelector: ".flex__overflow";
                     -1 * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) /
                       2
                   ) -
-                  (
-                    var(
-                        --_ctm-mob-dn-dr-dr-wh,
-                        var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
-                      ) /
-                      2
-                  )
+                  (#{$shapeSize} / 2)
               );
-              background-color: var(
-                --_ctm-mob-dn-dr-dr-cr,
-                var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
+              background-color: $shapeColor;
+            }
+
+            // Divider item (Divider -> Item Style). The rule above spans from
+            // `right: R` for `dividerWidth`, with R = -(gap/2) - (width/2), so its
+            // centre sits at -(gap/2) — the marker is pinned there and translated
+            // half its own width back, leaving it centred on the rule.
+            .divider__marker {
+              position: absolute;
+              top: 50%;
+              right: calc(
+                -1 * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, 0px))) /
+                  2
               );
+              transform: translate(50%, -50%);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              z-index: 1;
+
+              // 8px rather than the rule's thickness when Shape Size is absent: a
+              // marker falling back to a hairline would read as missing.
+              &[data-shape="circle"],
+              &[data-shape="square"] {
+                width: prepareMediaVariable(--_ctm-dn-dr-dr-se-se, 8px);
+                height: prepareMediaVariable(--_ctm-dn-dr-dr-se-se, 8px);
+                background-color: $shapeColor;
+              }
+
+              &[data-shape="circle"] {
+                border-radius: 50%;
+              }
+
+              // Paints the widget background behind itself, so the rule breaks
+              // around the icon instead of striking through it.
+              &[data-shape="icon"] {
+                padding-block: 2px;
+                background-color: prepareMediaVariable(--_ctm-dn-wt-se-bd-cr, #ffffff);
+              }
+
+              .icon {
+                display: flex;
+
+                svg {
+                  width: prepareMediaVariable(--_ctm-dn-dr-in-se, 12px);
+                  height: prepareMediaVariable(--_ctm-dn-dr-in-se, 12px);
+
+                  // Colour whether the icon is drawn with strokes or fills (skipping
+                  // parts explicitly set to "none") — the default "dot" is filled,
+                  // most others are stroked.
+                  &[stroke]:not([stroke="none"]),
+                  [stroke]:not([stroke="none"]) {
+                    stroke: prepareMediaVariable(--_ctm-dn-dr-in-c1, #e4e7ec);
+                    // Overrides the stroke-width presentation attribute baked into the icon markup.
+                    stroke-width: prepareMediaVariable(--_ctm-dn-dr-se-wh, 1.25);
+                  }
+                  &[fill]:not([fill="none"]),
+                  [fill]:not([fill="none"]) {
+                    fill: prepareMediaVariable(--_ctm-dn-dr-in-c1, #e4e7ec);
+                  }
+                }
+              }
+            }
+
+            // The marker is rendered inside every item; only the ones that carry a
+            // rule show it, so it can never trail off the end of the row.
+            &:last-child .divider__marker {
+              display: none;
             }
           }
+
+          // A shape or icon marker REPLACES the rule rather than sitting on it, so the
+          // rule is drawn only while the separator is the plain "divider".
+          &:not([data-divider-item="divider"]) .product__list__item:not(:last-child)::after {
+            display: none;
+          }
         }
         .product__list__item {
           display: flex;

package/dist/repeater copy.scss

@@ -1,3 +1,4 @@
+@use "./functions.scss" as *;
 @use "sass:map";
 @use "sass:list";
 @use "./repeater-embla-controls.scss" as *;
@@ -428,6 +429,8 @@ $rai: "repeater-advertise-item";
                     --_ctm-mob-dn-by-nw-dt-se-in-c1,
                     var(--_ctm-tab-dn-by-nw-dt-se-in-c1, var(--_ctm-dn-by-nw-dt-se-in-c1))
                   );
+                  // Overrides the stroke-width presentation attribute baked into the icon markup.
+                  stroke-width: prepareMediaVariable(--_ctm-dn-by-nw-dt-se-se-wh, 1.25);
                 }
               }
             }

package/dist/repeater-grid-toggle.scss

@@ -195,6 +195,8 @@ $wrapper: ".tgl__wrapper";
                 --_sf-at-pt-cl,
                 #{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-c1, var(--_gray-500))}
               );
+              // Overrides the stroke-width presentation attribute baked into the icon markup.
+              stroke-width: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-se-wh, 1.25);
             }
           }
         }

package/dist/repeater-item.scss

@@ -19,7 +19,7 @@
     min-height: prepareMediaVariable(--_ctm-repe-lt-mn-ht, 100px) !important;
 
     // The item's own Show Shadow switch, which reaches the stylesheet as
-    // `data-show-shadow` (RepeaterItem surfaces it — it is a control, so it is not
+    // `data-show-shadow` (RepeaterItem surfaces it — it is a control, so it is not
     // part of the BUILDER attributes that get spread onto the element).
     &[data-show-shadow="false"] {
       --_sf-repe-show-shadow: none;
@@ -82,7 +82,7 @@
         // parent Repeater sets that on its own root when its shadow is switched off, and
         // custom properties inherit, so items lost their shadow whenever the repeater's
         // was off. A name of its own keeps the two switches independent. The hover
-        // variables that used to head this chain are gone with it — this element has no
+        // variables that used to head this chain are gone with it — this element has no
         // hover state, so nothing set them and they carried the same leak risk.
         //
         // Per-part fallbacks match repeater.scss: without them a single unset part would

package/dist/repeater.scss

@@ -726,6 +726,8 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
 
           path {
             stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-c1));
+            // Overrides the stroke-width presentation attribute baked into the icon markup.
+            stroke-width: prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-se-wh, 1.25);
           }
         }
       }

package/dist/request-for-quotes.scss

@@ -21,7 +21,7 @@ $defaultValues: (
     );
 
     & > .wrapper {
-      // Layout > Padding. The element declares it but nothing read it back — the rule
+      // Layout > Padding. The element declares it but nothing read it back — the rule
       // below was commented out and named a variable (`--_lt-pg`) that never existed.
       padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
     }

package/dist/rfqs.scss

@@ -267,6 +267,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     --_ctm-mob-dn-in-as-sd-me-in-in-cr,
                     var(--_ctm-tab-dn-in-as-sd-me-in-in-cr, var(--_ctm-dn-in-as-sd-me-in-in-cr))
                   );
+                  // Overrides the stroke-width presentation attribute baked into the icon markup.
+                  stroke-width: prepareMediaVariable(--_ctm-dn-in-as-sd-me-in-se-wh, 1.25);
                 }
 
                 width: var(
@@ -284,6 +286,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     --_ctm-mob-dn-in-as-dd-in-in-cr,
                     var(--_ctm-tab-dn-in-as-dd-in-in-cr, var(--_ctm-dn-in-as-dd-in-in-cr))
                   );
+                  // Overrides the stroke-width presentation attribute baked into the icon markup.
+                  stroke-width: prepareMediaVariable(--_ctm-dn-in-as-dd-in-se-wh, 1.25);
                 }
 
                 width: var(
@@ -301,6 +305,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     --_ctm-mob-dn-in-as-pt-in-in-cr,
                     var(--_ctm-tab-dn-in-as-pt-in-in-cr, var(--_ctm-dn-in-as-pt-in-in-cr))
                   );
+                  // Overrides the stroke-width presentation attribute baked into the icon markup.
+                  stroke-width: prepareMediaVariable(--_ctm-dn-in-as-pt-in-se-wh, 1.25);
                 }
 
                 width: var(
@@ -318,6 +324,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     --_ctm-mob-dn-in-as-vw-in-in-cr,
                     var(--_ctm-tab-dn-in-as-vw-in-in-cr, var(--_ctm-dn-in-as-vw-in-in-cr))
                   );
+                  // Overrides the stroke-width presentation attribute baked into the icon markup.
+                  stroke-width: prepareMediaVariable(--_ctm-dn-in-as-vw-in-se-wh, 1.25);
                 }
 
                 width: var(
@@ -335,6 +343,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     --_ctm-mob-dn-in-as-cl-in-in-cr,
                     var(--_ctm-tab-dn-in-as-cl-in-in-cr, var(--_ctm-dn-in-as-cl-in-in-cr))
                   );
+                  // Overrides the stroke-width presentation attribute baked into the icon markup.
+                  stroke-width: prepareMediaVariable(--_ctm-dn-in-as-cl-in-se-wh, 1.25);
                 }
 
                 width: var(