@sps-woodland/content-row 7.4.1 → 7.4.3

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("react"),a=require("@sps-woodland/core"),F=require("@spscommerce/ds-react"),i=require("@spscommerce/utils");function O(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=O(z);function A(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function v(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function N(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?v(Object(o),!0).forEach(function(n){A(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var D=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},y=e=>t=>{var o=e.defaultClassName,n=N(N({},e.defaultVariants),t);for(var r in n){var l,d=(l=n[r])!==null&&l!==void 0?l:e.defaultVariants[r];if(d!=null){var c=d;typeof c=="boolean"&&(c=c===!0?"true":"false");var m=e.variantClassNames[r][c];m&&(o+=" "+m)}}for(var[C,u]of e.compoundVariants)D(C,n,e.defaultVariants)&&(o+=" "+u);return o},H=y({defaultClassName:"_1mxrufv0",variantClassNames:{lean:{true:"_1mxrufv1",false:"_1mxrufv2"},borderless:{true:"_1mxrufv3",false:"_1mxrufv4"}},defaultVariants:{lean:!1,borderless:!1},compoundVariants:[]});function p({children:e,className:t,borderless:o,lean:n,widthPx:r,widthRem:l,style:d,...c}){const m=r?r/16:l,C=m?{...d,width:`${m}rem`}:d;return s.createElement("div",{className:a.cl(H({lean:n,borderless:o}),t),...c,style:C},e)}a.Metadata.set(p,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"}}});var T=y({defaultClassName:"_11ztjee1",variantClassNames:{expanded:{true:"_11ztjee2",false:"_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),q=y({defaultClassName:"_11ztjee4",variantClassNames:{expanded:{true:"_11ztjee5",false:"_11ztjee6"},selected:{true:"_11ztjee7",false:"_11ztjee8"},cardSpacing:{true:"_11ztjee9",false:"_11ztjeea"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"_11ztjeeb"]]}),G="_11ztjeee",K="_11ztjeec",W="_11ztjeed",M="_11ztjeef";function f({children:e,className:t,...o}){return s.createElement("div",{className:a.cl(G,t),...o},e)}a.Metadata.set(f,{name:"Content Row Expansion"});function x({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:l,onBeforeCollapsed:d,onBeforeExpanded:c,onSelectionChange:m,onCollapsed:C,onExpanded:u,selectable:h=!1,selected:g,...P}){const[I,[R]]=a.selectChildren(e,[{type:p},{type:f}]),{t:V}=s.useContext(a.I18nContext),[b,E]=s.useState(n),w=typeof l=="boolean"?l:b;function _(j){j.stopPropagation(),w&&(!d||d())?(E(!1),C&&C()):!w&&(!c||c())&&(E(!0),u&&u())}const S=()=>s.createElement(F.SpsCheckbox,{checked:g,onChange:m}),k=()=>s.createElement("button",{type:"button",className:a.cl(K),onClick:_,"aria-label":V(`design-system:contentRow.${w?"collapse":"expand"}`)},s.createElement(a.Icon,{className:a.cl(W),icon:w?"minus-circle":"plus-circle"}));return s.createElement("div",{className:a.cl(T({expanded:l||b}),t),...P},s.createElement("div",{className:a.cl(q({expanded:l||b,selected:g,cardSpacing:r}))},h&&!o&&s.createElement(p,{widthPx:46},s.createElement(S,null)),R&&!o&&s.createElement(p,{widthPx:44},s.createElement(k,null)),R&&h&&o&&s.createElement(p,{widthPx:46},s.createElement("section",{className:M},s.createElement(S,null)),s.createElement("section",{className:M},s.createElement(k,null))),I),R)}a.Metadata.set(x,{name:"Content Row",props:{alternateLayout:{type:"boolean",default:"false"},initiallyExpanded:{type:"boolean",default:"false"},cardSpacing:{type:"boolean",default:"false"},expanded:{type:"boolean"},onBeforeCollapsed:{type:"() => boolean"},onBeforeExpanded:{type:"() => boolean"},onSelectionChange:{type:"ChangeEventHandler"},onCollapsed:{type:"() => void"},onExpanded:{type:"() => void"},selectable:{type:"boolean",default:"false"},selected:{type:"boolean"}}});const B={components:[x,p,f],examples:{basic:{label:"Content Rows",examples:{basic:{react:i.code`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("react"),a=require("@sps-woodland/core"),F=require("@spscommerce/ds-react"),c=require("@spscommerce/utils");function O(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=O(z);function A(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function k(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function v(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?k(Object(o),!0).forEach(function(n){A(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):k(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var D=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},b=e=>t=>{var o=e.defaultClassName,n=v(v({},e.defaultVariants),t);for(var r in n){var i,d=(i=n[r])!==null&&i!==void 0?i:e.defaultVariants[r];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var m=e.variantClassNames[r][l];m&&(o+=" "+m)}}for(var[C,w]of e.compoundVariants)D(C,n,e.defaultVariants)&&(o+=" "+w);return o},H=b({defaultClassName:"_1mxrufv0",variantClassNames:{lean:{true:"_1mxrufv1",false:"_1mxrufv2"},borderless:{true:"_1mxrufv3",false:"_1mxrufv4"}},defaultVariants:{lean:!1,borderless:!1},compoundVariants:[]});function p({children:e,className:t,borderless:o,lean:n,widthPx:r,widthRem:i,style:d,...l}){const m=r?r/16:i,C=m?{...d,width:`${m}rem`}:d;return s.createElement("div",{className:a.cl(H({lean:n,borderless:o}),t),...l,style:C},e)}a.Metadata.set(p,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"}}});var T=b({defaultClassName:"_11ztjee1",variantClassNames:{expanded:{true:"_11ztjee2",false:"_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),q=b({defaultClassName:"_11ztjee4",variantClassNames:{expanded:{true:"_11ztjee5",false:"_11ztjee6"},selected:{true:"_11ztjee7",false:"_11ztjee8"},cardSpacing:{true:"_11ztjee9",false:"_11ztjeea"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"_11ztjeeb"]]}),G="_11ztjeee",K="_11ztjeec",W="_11ztjeed",N="_11ztjeef";function f({children:e,className:t,...o}){return s.createElement("div",{className:a.cl(G,t),...o},e)}a.Metadata.set(f,{name:"Content Row Expansion"});function x({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:i,onBeforeCollapsed:d,onBeforeExpanded:l,onSelectionChange:m,onCollapsed:C,onExpanded:w,selectable:y=!1,selected:h,...M}){const[P,[R]]=a.selectChildren(e,[{type:p},{type:f}]),{t:I}=s.useContext(a.I18nContext),[V,g]=s.useState(n),u=typeof i=="boolean"?i:V;function _(j){j.stopPropagation(),u&&(!d||d())?(g(!1),C&&C()):!u&&(!l||l())&&(g(!0),w&&w())}const E=()=>s.createElement(F.SpsCheckbox,{checked:h,onChange:m}),S=()=>s.createElement("button",{type:"button",className:a.cl(K),onClick:_,"aria-label":I(`design-system:contentRow.${u?"collapse":"expand"}`)},s.createElement(a.Icon,{className:a.cl(W),icon:u?"minus-circle":"plus-circle"}));return s.createElement("div",{className:a.cl(T({expanded:u}),t),...M},s.createElement("div",{className:a.cl(q({expanded:u,selected:h,cardSpacing:r}))},y&&!o&&s.createElement(p,{widthPx:46},s.createElement(E,null)),R&&!o&&s.createElement(p,{widthPx:44},s.createElement(S,null)),R&&y&&o&&s.createElement(p,{widthPx:46},s.createElement("section",{className:N},s.createElement(E,null)),s.createElement("section",{className:N},s.createElement(S,null))),P),R)}a.Metadata.set(x,{name:"Content Row",props:{alternateLayout:{type:"boolean",default:"false"},initiallyExpanded:{type:"boolean",default:"false"},cardSpacing:{type:"boolean",default:"false"},expanded:{type:"boolean"},onBeforeCollapsed:{type:"() => boolean"},onBeforeExpanded:{type:"() => boolean"},onSelectionChange:{type:"ChangeEventHandler"},onCollapsed:{type:"() => void"},onExpanded:{type:"() => void"},selectable:{type:"boolean",default:"false"},selected:{type:"boolean"}}});const B={components:[x,p,f],examples:{basic:{label:"Content Rows",examples:{basic:{react:c.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -16,7 +16,7 @@
                 </ContentRow>
               )
             }
-          `},withCheckbox:{react:i.code`
+          `},withCheckbox:{react:c.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -46,7 +46,7 @@
                 </ContentRow>
               )
             }
-          `},withCheckboxAndFavorite:{react:i.code`
+          `},withCheckboxAndFavorite:{react:c.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -79,7 +79,7 @@
                 </ContentRow>
               )
             }
-          `}}},expandable:{label:"Expandable Content Rows",examples:{basic:{react:i.code`
+          `}}},expandable:{label:"Expandable Content Rows",examples:{basic:{react:c.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -111,7 +111,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckbox:{react:i.code`
+          `},expandableWithCheckbox:{react:c.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -155,7 +155,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckboxAlternate:{react:i.code`
+          `},expandableWithCheckboxAlternate:{react:c.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -200,7 +200,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckboxAndFavorite:{react:i.code`
+          `},expandableWithCheckboxAndFavorite:{react:c.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -247,7 +247,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckboxAndFavoriteAlternate:{react:i.code`
+          `},expandableWithCheckboxAndFavoriteAlternate:{react:c.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -295,7 +295,7 @@
                 </ContentRow>
               )
             }
-          `}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:i.code`
+          `}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:c.code`
           import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
           import { Card } from "@sps-woodland/cards";
           import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sortable-header";

package/lib/index.es.js

@@ -1,7 +1,7 @@
 import * as s from "react";
-import { Metadata as b, cl as p, selectChildren as _, I18nContext as O, Icon as A } from "@sps-woodland/core";
+import { Metadata as R, cl as C, selectChildren as _, I18nContext as O, Icon as A } from "@sps-woodland/core";
 import { SpsCheckbox as D } from "@spscommerce/ds-react";
-import { code as i } from "@spscommerce/utils";
+import { code as l } from "@spscommerce/utils";
 function H(e, t, o) {
   return t in e ? Object.defineProperty(e, t, {
     value: o,
@@ -10,7 +10,7 @@ function H(e, t, o) {
     writable: !0
   }) : e[t] = o, e;
 }
-function v(e, t) {
+function S(e, t) {
   var o = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -20,12 +20,12 @@ function v(e, t) {
   }
   return o;
 }
-function N(e) {
+function v(e) {
   for (var t = 1; t < arguments.length; t++) {
     var o = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? v(Object(o), !0).forEach(function(n) {
+    t % 2 ? S(Object(o), !0).forEach(function(n) {
       H(e, n, o[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : v(Object(o)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : S(Object(o)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(o, n));
     });
   }
@@ -38,42 +38,42 @@ var T = (e, t, o) => {
       return !1;
   }
   return !0;
-}, x = (e) => (t) => {
-  var o = e.defaultClassName, n = N(N({}, e.defaultVariants), t);
+}, b = (e) => (t) => {
+  var o = e.defaultClassName, n = v(v({}, e.defaultVariants), t);
   for (var r in n) {
-    var a, c = (a = n[r]) !== null && a !== void 0 ? a : e.defaultVariants[r];
-    if (c != null) {
-      var l = c;
-      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var d = e.variantClassNames[r][l];
-      d && (o += " " + d);
+    var i, d = (i = n[r]) !== null && i !== void 0 ? i : e.defaultVariants[r];
+    if (d != null) {
+      var a = d;
+      typeof a == "boolean" && (a = a === !0 ? "true" : "false");
+      var c = e.variantClassNames[r][a];
+      c && (o += " " + c);
     }
   }
-  for (var [m, u] of e.compoundVariants)
-    T(m, n, e.defaultVariants) && (o += " " + u);
+  for (var [m, w] of e.compoundVariants)
+    T(m, n, e.defaultVariants) && (o += " " + w);
   return o;
-}, G = x({ defaultClassName: "_1mxrufv0", variantClassNames: { lean: { true: "_1mxrufv1", false: "_1mxrufv2" }, borderless: { true: "_1mxrufv3", false: "_1mxrufv4" } }, defaultVariants: { lean: !1, borderless: !1 }, compoundVariants: [] });
-function C({
+}, G = b({ defaultClassName: "_1mxrufv0", variantClassNames: { lean: { true: "_1mxrufv1", false: "_1mxrufv2" }, borderless: { true: "_1mxrufv3", false: "_1mxrufv4" } }, defaultVariants: { lean: !1, borderless: !1 }, compoundVariants: [] });
+function u({
   children: e,
   className: t,
   borderless: o,
   lean: n,
   widthPx: r,
-  widthRem: a,
-  style: c,
-  ...l
+  widthRem: i,
+  style: d,
+  ...a
 }) {
-  const d = r ? r / 16 : a, m = d ? {
-    ...c,
-    width: `${d}rem`
-  } : c;
+  const c = r ? r / 16 : i, m = c ? {
+    ...d,
+    width: `${c}rem`
+  } : d;
   return /* @__PURE__ */ s.createElement("div", {
-    className: p(G({ lean: n, borderless: o }), t),
-    ...l,
+    className: C(G({ lean: n, borderless: o }), t),
+    ...a,
     style: m
   }, e);
 }
-b.set(C, {
+R.set(u, {
   name: "Content Row Col",
   props: {
     borderless: { type: "boolean" },
@@ -82,79 +82,79 @@ b.set(C, {
     widthRem: { type: "number" }
   }
 });
-var K = x({ defaultClassName: "_11ztjee1", variantClassNames: { expanded: { true: "_11ztjee2", false: "_11ztjee3" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), W = x({ defaultClassName: "_11ztjee4", variantClassNames: { expanded: { true: "_11ztjee5", false: "_11ztjee6" }, selected: { true: "_11ztjee7", false: "_11ztjee8" }, cardSpacing: { true: "_11ztjee9", false: "_11ztjeea" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "_11ztjeeb"]] }), B = "_11ztjeee", L = "_11ztjeec", J = "_11ztjeed", P = "_11ztjeef";
-function y({
+var K = b({ defaultClassName: "_11ztjee1", variantClassNames: { expanded: { true: "_11ztjee2", false: "_11ztjee3" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), W = b({ defaultClassName: "_11ztjee4", variantClassNames: { expanded: { true: "_11ztjee5", false: "_11ztjee6" }, selected: { true: "_11ztjee7", false: "_11ztjee8" }, cardSpacing: { true: "_11ztjee9", false: "_11ztjeea" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "_11ztjeeb"]] }), B = "_11ztjeee", L = "_11ztjeec", J = "_11ztjeed", N = "_11ztjeef";
+function x({
   children: e,
   className: t,
   ...o
 }) {
   return /* @__PURE__ */ s.createElement("div", {
-    className: p(B, t),
+    className: C(B, t),
     ...o
   }, e);
 }
-b.set(y, {
+R.set(x, {
   name: "Content Row Expansion"
 });
-function I({
+function P({
   children: e,
   className: t,
   alternateLayout: o = !1,
   initiallyExpanded: n = !1,
   cardSpacing: r = !1,
-  expanded: a,
-  onBeforeCollapsed: c,
-  onBeforeExpanded: l,
-  onSelectionChange: d,
+  expanded: i,
+  onBeforeCollapsed: d,
+  onBeforeExpanded: a,
+  onSelectionChange: c,
   onCollapsed: m,
-  onExpanded: u,
-  selectable: h = !1,
-  selected: g,
-  ...M
+  onExpanded: w,
+  selectable: y = !1,
+  selected: h,
+  ...I
 }) {
-  const [V, [f]] = _(e, [
-    { type: C },
-    { type: y }
-  ]), { t: z } = s.useContext(O), [R, E] = s.useState(n), w = typeof a == "boolean" ? a : R;
+  const [M, [f]] = _(e, [
+    { type: u },
+    { type: x }
+  ]), { t: V } = s.useContext(O), [z, g] = s.useState(n), p = typeof i == "boolean" ? i : z;
   function F(j) {
-    j.stopPropagation(), w && (!c || c()) ? (E(!1), m && m()) : !w && (!l || l()) && (E(!0), u && u());
+    j.stopPropagation(), p && (!d || d()) ? (g(!1), m && m()) : !p && (!a || a()) && (g(!0), w && w());
   }
-  const k = () => /* @__PURE__ */ s.createElement(D, {
-    checked: g,
-    onChange: d
-  }), S = () => /* @__PURE__ */ s.createElement("button", {
+  const E = () => /* @__PURE__ */ s.createElement(D, {
+    checked: h,
+    onChange: c
+  }), k = () => /* @__PURE__ */ s.createElement("button", {
     type: "button",
-    className: p(L),
+    className: C(L),
     onClick: F,
-    "aria-label": z(`design-system:contentRow.${w ? "collapse" : "expand"}`)
+    "aria-label": V(`design-system:contentRow.${p ? "collapse" : "expand"}`)
   }, /* @__PURE__ */ s.createElement(A, {
-    className: p(J),
-    icon: w ? "minus-circle" : "plus-circle"
+    className: C(J),
+    icon: p ? "minus-circle" : "plus-circle"
   }));
   return /* @__PURE__ */ s.createElement("div", {
-    className: p(K({ expanded: a || R }), t),
-    ...M
+    className: C(K({ expanded: p }), t),
+    ...I
   }, /* @__PURE__ */ s.createElement("div", {
-    className: p(
+    className: C(
       W({
-        expanded: a || R,
-        selected: g,
+        expanded: p,
+        selected: h,
         cardSpacing: r
       })
     )
-  }, h && !o && /* @__PURE__ */ s.createElement(C, {
+  }, y && !o && /* @__PURE__ */ s.createElement(u, {
     widthPx: 46
-  }, /* @__PURE__ */ s.createElement(k, null)), f && !o && /* @__PURE__ */ s.createElement(C, {
+  }, /* @__PURE__ */ s.createElement(E, null)), f && !o && /* @__PURE__ */ s.createElement(u, {
     widthPx: 44
-  }, /* @__PURE__ */ s.createElement(S, null)), f && h && o && /* @__PURE__ */ s.createElement(C, {
+  }, /* @__PURE__ */ s.createElement(k, null)), f && y && o && /* @__PURE__ */ s.createElement(u, {
     widthPx: 46
   }, /* @__PURE__ */ s.createElement("section", {
-    className: P
-  }, /* @__PURE__ */ s.createElement(k, null)), /* @__PURE__ */ s.createElement("section", {
-    className: P
-  }, /* @__PURE__ */ s.createElement(S, null))), V), f);
+    className: N
+  }, /* @__PURE__ */ s.createElement(E, null)), /* @__PURE__ */ s.createElement("section", {
+    className: N
+  }, /* @__PURE__ */ s.createElement(k, null))), M), f);
 }
-b.set(I, {
+R.set(P, {
   name: "Content Row",
   props: {
     alternateLayout: { type: "boolean", default: "false" },
@@ -171,13 +171,13 @@ b.set(I, {
   }
 });
 const q = {
-  components: [I, C, y],
+  components: [P, u, x],
   examples: {
     basic: {
       label: "Content Rows",
       examples: {
         basic: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -198,7 +198,7 @@ const q = {
           `
         },
         withCheckbox: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -231,7 +231,7 @@ const q = {
           `
         },
         withCheckboxAndFavorite: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -272,7 +272,7 @@ const q = {
       label: "Expandable Content Rows",
       examples: {
         basic: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -307,7 +307,7 @@ const q = {
           `
         },
         expandableWithCheckbox: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -354,7 +354,7 @@ const q = {
           `
         },
         expandableWithCheckboxAlternate: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -402,7 +402,7 @@ const q = {
           `
         },
         expandableWithCheckboxAndFavorite: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -452,7 +452,7 @@ const q = {
           `
         },
         expandableWithCheckboxAndFavoriteAlternate: {
-          react: i`
+          react: l`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -508,7 +508,7 @@ const q = {
       label: "Sortable Content Rows",
       examples: {
         basic: {
-          react: i`
+          react: l`
           import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
           import { Card } from "@sps-woodland/cards";
           import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sortable-header";
@@ -616,8 +616,8 @@ const q = {
   "Content Rows": q
 };
 export {
-  I as ContentRow,
-  C as ContentRowCol,
-  y as ContentRowExpansion,
+  P as ContentRow,
+  u as ContentRowCol,
+  x as ContentRowExpansion,
   Y as MANIFEST
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/content-row",
   "description": "SPS Woodland Design System page title component",
-  "version": "7.4.1",
+  "version": "7.4.3",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
@@ -25,23 +25,23 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@sps-woodland/core": "7.4.1",
-    "@sps-woodland/tokens": "7.4.1",
-    "@spscommerce/ds-colors": "7.4.1",
+    "@sps-woodland/core": "7.4.3",
+    "@sps-woodland/tokens": "7.4.3",
+    "@spscommerce/ds-colors": "7.4.3",
     "@spscommerce/ds-illustrations": "6.37.3",
-    "@spscommerce/ds-react": "7.4.1",
-    "@spscommerce/ds-shared": "7.4.1",
+    "@spscommerce/ds-react": "7.4.3",
+    "@spscommerce/ds-shared": "7.4.3",
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0"
   },
   "devDependencies": {
-    "@sps-woodland/core": "7.4.1",
-    "@sps-woodland/tokens": "7.4.1",
-    "@spscommerce/ds-colors": "7.4.1",
+    "@sps-woodland/core": "7.4.3",
+    "@sps-woodland/tokens": "7.4.3",
+    "@spscommerce/ds-colors": "7.4.3",
     "@spscommerce/ds-illustrations": "6.37.3",
-    "@spscommerce/ds-react": "7.4.1",
-    "@spscommerce/ds-shared": "7.4.1",
+    "@spscommerce/ds-react": "7.4.3",
+    "@spscommerce/ds-shared": "7.4.3",
     "@spscommerce/utils": "^6.12.1",
     "@vanilla-extract/css": "^1.9.3",
     "@vanilla-extract/recipes": "^0.2.5",