@sps-woodland/content-row 8.17.1 → 8.17.2

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),r=require("@sps-woodland/core"),K=require("@sps-woodland/buttons"),G=require("@spscommerce/ds-react"),k=require("@spscommerce/ds-shared"),p=require("@spscommerce/utils");function re(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(a,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return a.default=t,Object.freeze(a)}const e=re(ae);function se(t,a,o){return a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}function J(t,a){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);a&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),o.push.apply(o,n)}return o}function U(t){for(var a=1;a<arguments.length;a++){var o=arguments[a]!=null?arguments[a]:{};a%2?J(Object(o),!0).forEach(function(n){se(t,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):J(Object(o)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(o,n))})}return t}var le=(t,a,o)=>{for(var n of Object.keys(t)){var s;if(t[n]!==((s=a[n])!==null&&s!==void 0?s:o[n]))return!1}return!0},u=t=>a=>{var o=t.defaultClassName,n=U(U({},t.defaultVariants),a);for(var s in n){var d,m=(d=n[s])!==null&&d!==void 0?d:t.defaultVariants[s];if(m!=null){var l=m;typeof l=="boolean"&&(l=l===!0?"true":"false");var y=t.variantClassNames[s][l];y&&(o+=" "+y)}}for(var[C,f]of t.compoundVariants)le(C,n,t.defaultVariants)&&(o+=" "+f);return o},de=u({defaultClassName:"_1mxrufv0",variantClassNames:{lean:{true:"_1mxrufv1",false:"_1mxrufv2"},borderless:{true:"_1mxrufv3",false:"_1mxrufv4"},wrapContent:{true:"_1mxrufv5",false:"_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),ce=u({defaultClassName:"_1mxrufv7",variantClassNames:{lean:{true:"_1mxrufv8",false:"_1mxrufv9"},borderless:{true:"_1mxrufva",false:"_1mxrufvb"},wrapContent:{true:"_1mxrufvc",false:"_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function i({children:t,className:a,borderless:o,lean:n,widthPx:s,widthRem:d,style:m,wrapContent:l=!1,__autoLayout:y=!1,...C}){const f=s?s/16:d,w=f?{...m,width:`${f}rem`}:m;return y?e.createElement("td",{className:r.cl(ce({lean:n,borderless:o,wrapContent:l}),a),...C,style:w},t):e.createElement("div",{className:r.cl(de({lean:n,borderless:o,wrapContent:l}),a),...C,style:w},t)}r.Metadata.set(i,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"},wrapContent:{type:"boolean"}}});var ie=u({defaultClassName:"_11ztjee4",variantClassNames:{expanded:{true:"_11ztjee5",false:"_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),me=u({defaultClassName:"_11ztjee7",variantClassNames:{cardSpacing:{true:"_11ztjee8",false:"_11ztjee9"},expanded:{true:"_11ztjeea",false:"_11ztjeeb"},selected:{true:"_11ztjeec",false:"_11ztjeed"},reorderable:{true:"_11ztjeee",false:"_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"_11ztjeeg"]]}),Q=u({defaultClassName:"_11ztjeer",variantClassNames:{__autoLayout:{true:"_11ztjees",false:"_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),ue=u({defaultClassName:"_11ztjeeh",variantClassNames:{selected:{true:"_11ztjeei",false:"_11ztjeej"},expanded:{true:"_11ztjeek",false:"_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),pe="_11ztjeem",Ce="_11ztjeen",fe=u({defaultClassName:"_11ztjeeo",variantClassNames:{disabled:{true:"_11ztjeep",false:"_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),we="_11ztjee10",be="_11ztjee11",Re="_11ztjeez",X=u({defaultClassName:"_11ztjee12",variantClassNames:{disabled:{true:"_11ztjee13",false:"_11ztjee14"},up:{true:"_11ztjee15",false:"_11ztjee16"},down:{true:"_11ztjee17",false:"_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]}),ye="_11ztjeev",Y=u({defaultClassName:"_11ztjeew",variantClassNames:{reorderable:{true:"_11ztjeex",false:"_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),z="_11ztjeeu";function V({children:t,className:a,__autoLayout:o=!1,...n}){return o?e.createElement("tr",null,e.createElement("td",{className:r.cl(Q({__autoLayout:o}),a),colSpan:100,...n},t)):e.createElement("div",{className:r.cl(Q({__autoLayout:o}),a),...n},t)}r.Metadata.set(V,{name:"Content Row Expansion"});function F({children:t,className:a,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:s=!1,expanded:d,onBeforeCollapsed:m,onBeforeExpanded:l,onSelectionChange:y,onCollapsed:C,onExpanded:f,selectable:w=!1,selected:P,renderExpandedContent:S=!0,disableSelection:$=!1,disableExpansion:O=!1,hideExpansionControl:h=!1,__autoLayout:N=!1,__reorderable:x=!1,__onOrderChange:v=()=>{},__index:c=0,__canBeMovedUp:H,__canBeMovedDown:_,...A}){const[D,[E]]=r.selectChildren(t,[{type:i},{type:V}]),{t:ee}=e.useContext(r.I18nContext),[T,L]=e.useState(!N&&S?S:n),[te,W]=e.useState(n),b=typeof d=="boolean"?d:te,[M,I]=e.useState((c+1).toString()||"");e.useEffect(()=>{I((c+1).toString()||"")},[c]);function oe(R){I(R.target.value)}function q(){Number(M)?v(c,Number(M)-1):(I((c+1).toString()||""),v(c,c))}function ne(R){R.stopPropagation(),b&&(!m||m())?(W(!1),(!S||N)&&L(!1),C&&C()):!b&&(!l||l())&&(W(!0),(!S||N)&&L(!0),f&&f())}const g=()=>e.createElement(G.SpsCheckbox,{disabled:$,checked:P,onChange:y}),j=e.createElement("button",{type:"button",className:r.cl(Ce),onClick:ne,"aria-label":ee(`design-system:contentRow.${b?"collapse":"expand"}`),disabled:O},e.createElement(r.Icon,{className:r.cl(fe({disabled:O})),icon:b?"minus-circle":"plus-circle"}));if(N){const R=e.createElement("tr",null,e.createElement("td",{className:r.cl(pe),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:r.cl(ue({selected:P,expanded:b})),...A},w&&!o&&e.createElement(i,{widthPx:46,__autoLayout:!0},e.createElement(g,null)),E&&!o&&!h&&e.createElement(i,{widthPx:44,__autoLayout:!0},j),E&&w&&o&&e.createElement(i,{widthPx:46,__autoLayout:!0},h?e.createElement(g,null):e.createElement(e.Fragment,null,e.createElement("section",{className:z},e.createElement(g,null)),e.createElement("section",{className:z},j))),D),T&&E,R)}const B=e.createElement("div",{className:r.cl(ie({expanded:b}),a),...A},e.createElement("div",{className:r.cl(me({expanded:b,selected:P,cardSpacing:s,reorderable:x}))},x&&e.createElement(i,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:Y({reorderable:x})},e.createElement(K.Button,{className:X({up:!0,disabled:!H}),kind:k.ButtonKind.ICON,icon:k.SpsIcon.CHEVRON_UP,onClick:()=>v(c,c-1),disabled:!H})),e.createElement("section",{className:Y({reorderable:x})},e.createElement(K.Button,{className:X({down:!0,disabled:!_}),kind:k.ButtonKind.ICON,icon:k.SpsIcon.CHEVRON_DOWN,onClick:()=>v(c,c+1),disabled:!_}))),w&&!o&&e.createElement(i,{widthPx:46},e.createElement(g,null)),E&&!o&&!h&&e.createElement(i,{widthPx:44},j),E&&w&&o&&e.createElement(i,{widthPx:46},h?e.createElement(g,null):e.createElement(e.Fragment,null,e.createElement("section",{className:z},e.createElement(g,null)),e.createElement("section",{className:z},j))),D),T&&E);return x?e.createElement("div",{className:ye},x&&e.createElement("div",{className:r.cl(Re,a)},e.createElement("div",{className:we},e.createElement(G.SpsTextInput,{className:be,value:M,onChange:oe,onBlur:()=>q(),onKeyUp:R=>{R.key==="Enter"&&q()},notClearable:!0}))),B):B}r.Metadata.set(F,{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"},renderExpandedContent:{type:"boolean",default:"true"},disableSelection:{type:"boolean",default:"false"},disableExpansion:{type:"boolean",default:"false"},hideExpansionControl:{type:"boolean",default:"false"}}});var xe=u({defaultClassName:"_1wuky9j0",variantClassNames:{wrapContent:{true:"_1wuky9j1",false:"_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const Ee=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function Z({children:t,className:a,wrapContent:o=!1,...n}){const s=e.useMemo(()=>r.modChildren(t,l=>r.Metadata.isWoodlandComponent(l.type)&&Ee.has(r.Metadata.get(l.type).name)?[{__autoLayout:!0}]:[{}]),[t]),[[d],m]=e.useMemo(()=>r.selectChildren(s,[{type:l=>!!(r.Metadata.isWoodlandComponent(l.type)&&r.Metadata.get(l.type).name==="Sorting Header")}]),[s]);return e.createElement("table",{className:r.cl(xe({wrapContent:o}),a),...n},d?e.createElement("thead",null,d):null,e.createElement("tbody",null,m))}r.Metadata.set(Z,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const ge={components:[F,i,V],examples:{basic:{label:"Content Rows",examples:{basic:{react:p.code`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),a=require("@sps-woodland/core"),K=require("@sps-woodland/buttons"),G=require("@spscommerce/ds-react"),N=require("@spscommerce/ds-shared"),m=require("@spscommerce/utils");function ae(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return s.default=o,Object.freeze(s)}const e=ae(se);function re(o,s,t){return s in o?Object.defineProperty(o,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[s]=t,o}function J(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable})),t.push.apply(t,n)}return t}function U(o){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?J(Object(t),!0).forEach(function(n){re(o,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(t,n))})}return o}var le=(o,s,t)=>{for(var n of Object.keys(o)){var r;if(o[n]!==((r=s[n])!==null&&r!==void 0?r:t[n]))return!1}return!0},p=o=>s=>{var t=o.defaultClassName,n=U(U({},o.defaultVariants),s);for(var r in n){var d,i=(d=n[r])!==null&&d!==void 0?d:o.defaultVariants[r];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var b=o.variantClassNames[r][l];b&&(t+=" "+b)}}for(var[w,u]of o.compoundVariants)le(w,n,o.defaultVariants)&&(t+=" "+u);return t},de=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),_e=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function c({children:o,className:s,borderless:t,lean:n,widthPx:r,widthRem:d,style:i,wrapContent:l=!1,__autoLayout:b=!1,...w}){const u=r?r/16:d,C=u?{...i,width:`${u}rem`}:i;return b?e.createElement("td",{className:a.cl(_e({lean:n,borderless:t,wrapContent:l}),s),...w,style:C},o):e.createElement("div",{className:a.cl(de({lean:n,borderless:t,wrapContent:l}),s),...w,style:C},o)}a.Metadata.set(c,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"},wrapContent:{type:"boolean"}}});var ce=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),ie=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeg"]]}),Q=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),pe=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),me="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeem",we="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeen",ue=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),Ce="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee10",fe="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee11",he="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeez",X=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]}),be="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeev",Y=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),j="pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeu";function z({children:o,className:s,__autoLayout:t=!1,...n}){return t?e.createElement("tr",null,e.createElement("td",{className:a.cl(Q({__autoLayout:t}),s),colSpan:100,...n},o)):e.createElement("div",{className:a.cl(Q({__autoLayout:t}),s),...n},o)}a.Metadata.set(z,{name:"Content Row Expansion"});function I({children:o,className:s,alternateLayout:t=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:d,onBeforeCollapsed:i,onBeforeExpanded:l,onSelectionChange:b,onCollapsed:w,onExpanded:u,selectable:C=!1,selected:V,renderExpandedContent:k=!0,disableSelection:$=!1,disableExpansion:F=!1,hideExpansionControl:y=!1,__autoLayout:x=!1,__reorderable:R=!1,__onOrderChange:E=()=>{},__index:_=0,__canBeMovedUp:O,__canBeMovedDown:H,...A}){const[D,[g]]=a.selectChildren(o,[{type:c},{type:z}]),{t:ee}=e.useContext(a.I18nContext),[T,L]=e.useState(!x&&k?k:n),[oe,W]=e.useState(n),f=typeof d=="boolean"?d:oe,[P,M]=e.useState((_+1).toString()||"");e.useEffect(()=>{M((_+1).toString()||"")},[_]);function te(h){M(h.target.value)}function q(){Number(P)?E(_,Number(P)-1):(M((_+1).toString()||""),E(_,_))}function ne(h){h.stopPropagation(),f&&(!i||i())?(W(!1),(!k||x)&&L(!1),w&&w()):!f&&(!l||l())&&(W(!0),(!k||x)&&L(!0),u&&u())}const v=()=>e.createElement(G.SpsCheckbox,{disabled:$,checked:V,onChange:b}),S=e.createElement("button",{type:"button",className:a.cl(we),onClick:ne,"aria-label":ee(`design-system:contentRow.${f?"collapse":"expand"}`),disabled:F},e.createElement(a.Icon,{className:a.cl(ue({disabled:F})),icon:f?"minus-circle":"plus-circle"}));if(x){const h=e.createElement("tr",null,e.createElement("td",{className:a.cl(me),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:a.cl(pe({selected:V,expanded:f})),...A},C&&!t&&e.createElement(c,{widthPx:46,__autoLayout:!0},e.createElement(v,null)),g&&!t&&!y&&e.createElement(c,{widthPx:44,__autoLayout:!0},S),g&&C&&t&&e.createElement(c,{widthPx:46,__autoLayout:!0},y?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:j},e.createElement(v,null)),e.createElement("section",{className:j},S))),D),T&&g,h)}const B=e.createElement("div",{className:a.cl(ce({expanded:f}),s),...A},e.createElement("div",{className:a.cl(ie({expanded:f,selected:V,cardSpacing:r,reorderable:R}))},R&&e.createElement(c,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:Y({reorderable:R})},e.createElement(K.Button,{className:X({up:!0,disabled:!O}),kind:N.ButtonKind.ICON,icon:N.SpsIcon.CHEVRON_UP,onClick:()=>E(_,_-1),disabled:!O})),e.createElement("section",{className:Y({reorderable:R})},e.createElement(K.Button,{className:X({down:!0,disabled:!H}),kind:N.ButtonKind.ICON,icon:N.SpsIcon.CHEVRON_DOWN,onClick:()=>E(_,_+1),disabled:!H}))),C&&!t&&e.createElement(c,{widthPx:46},e.createElement(v,null)),g&&!t&&!y&&e.createElement(c,{widthPx:44},S),g&&C&&t&&e.createElement(c,{widthPx:46},y?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:j},e.createElement(v,null)),e.createElement("section",{className:j},S))),D),T&&g);return R?e.createElement("div",{className:be},R&&e.createElement("div",{className:a.cl(he,s)},e.createElement("div",{className:Ce},e.createElement(G.SpsTextInput,{className:fe,value:P,onChange:te,onBlur:()=>q(),onKeyUp:h=>{h.key==="Enter"&&q()},notClearable:!0}))),B):B}a.Metadata.set(I,{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"},renderExpandedContent:{type:"boolean",default:"true"},disableSelection:{type:"boolean",default:"false"},disableExpansion:{type:"boolean",default:"false"},hideExpansionControl:{type:"boolean",default:"false"}}});var Re=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const ge=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function Z({children:o,className:s,wrapContent:t=!1,...n}){const r=e.useMemo(()=>a.modChildren(o,l=>a.Metadata.isWoodlandComponent(l.type)&&ge.has(a.Metadata.get(l.type).name)?[{__autoLayout:!0}]:[{}]),[o]),[[d],i]=e.useMemo(()=>a.selectChildren(r,[{type:l=>!!(a.Metadata.isWoodlandComponent(l.type)&&a.Metadata.get(l.type).name==="Sorting Header")}]),[r]);return e.createElement("table",{className:a.cl(Re({wrapContent:t}),s),...n},d?e.createElement("thead",null,d):null,e.createElement("tbody",null,i))}a.Metadata.set(Z,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const ve={components:[I,c,z],examples:{basic:{label:"Content Rows",examples:{basic:{react:m.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -16,7 +16,7 @@
                 </ContentRow>
               )
             }
-          `},withCheckbox:{react:p.code`
+          `},withCheckbox:{react:m.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -46,7 +46,7 @@
                 </ContentRow>
               )
             }
-          `},withCheckboxAndFavorite:{react:p.code`
+          `},withCheckboxAndFavorite:{react:m.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             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:p.code`
+          `}}},expandable:{label:"Expandable Content Rows",examples:{basic:{react:m.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -111,7 +111,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckbox:{react:p.code`
+          `},expandableWithCheckbox:{react:m.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -155,7 +155,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckboxAlternate:{react:p.code`
+          `},expandableWithCheckboxAlternate:{react:m.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -200,7 +200,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckboxAndFavorite:{react:p.code`
+          `},expandableWithCheckboxAndFavorite:{react:m.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -247,7 +247,7 @@
                 </ContentRow>
               )
             }
-          `},expandableWithCheckboxAndFavoriteAlternate:{react:p.code`
+          `},expandableWithCheckboxAndFavoriteAlternate:{react:m.code`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             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:p.code`
+          `}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:m.code`
           import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
           import { Card } from "@sps-woodland/cards";
           import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
@@ -398,4 +398,4 @@
               </>
             )
           }
-          `}}}}},Se={"Content Rows":ge};exports.ContentRow=F;exports.ContentRowCol=i;exports.ContentRowExpansion=V;exports.MANIFEST=Se;exports.RowListAutoLayout=Z;
+          `}}}}},ke={"Content Rows":ve};exports.ContentRow=I;exports.ContentRowCol=c;exports.ContentRowExpansion=z;exports.MANIFEST=ke;exports.RowListAutoLayout=Z;

package/lib/index.es.js

@@ -1,98 +1,98 @@
 import * as e from "react";
-import { Metadata as C, cl as l, selectChildren as Z, I18nContext as re, Icon as se, modChildren as le } from "@sps-woodland/core";
+import { Metadata as w, cl as l, selectChildren as Z, I18nContext as ae, Icon as re, modChildren as le } from "@sps-woodland/core";
 import { Button as B } from "@sps-woodland/buttons";
-import { SpsTextInput as ie, SpsCheckbox as de } from "@spscommerce/ds-react";
+import { SpsTextInput as _e, SpsCheckbox as de } from "@spscommerce/ds-react";
 import { ButtonKind as G, SpsIcon as q } from "@spscommerce/ds-shared";
-import { code as u } from "@spscommerce/utils";
-function ce(t, a, o) {
-  return a in t ? Object.defineProperty(t, a, {
-    value: o,
+import { code as m } from "@spscommerce/utils";
+function ie(o, s, t) {
+  return s in o ? Object.defineProperty(o, s, {
+    value: t,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : t[a] = o, t;
+  }) : o[s] = t, o;
 }
-function J(t, a) {
-  var o = Object.keys(t);
+function J(o, s) {
+  var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(t);
-    a && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(t, r).enumerable;
-    })), o.push.apply(o, n);
+    var n = Object.getOwnPropertySymbols(o);
+    s && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(o, a).enumerable;
+    })), t.push.apply(t, n);
   }
-  return o;
+  return t;
 }
-function U(t) {
-  for (var a = 1; a < arguments.length; a++) {
-    var o = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? J(Object(o), !0).forEach(function(n) {
-      ce(t, n, o[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : J(Object(o)).forEach(function(n) {
-      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(o, n));
+function U(o) {
+  for (var s = 1; s < arguments.length; s++) {
+    var t = arguments[s] != null ? arguments[s] : {};
+    s % 2 ? J(Object(t), !0).forEach(function(n) {
+      ie(o, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : J(Object(t)).forEach(function(n) {
+      Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
-  return t;
+  return o;
 }
-var me = (t, a, o) => {
-  for (var n of Object.keys(t)) {
-    var r;
-    if (t[n] !== ((r = a[n]) !== null && r !== void 0 ? r : o[n]))
+var ce = (o, s, t) => {
+  for (var n of Object.keys(o)) {
+    var a;
+    if (o[n] !== ((a = s[n]) !== null && a !== void 0 ? a : t[n]))
       return !1;
   }
   return !0;
-}, p = (t) => (a) => {
-  var o = t.defaultClassName, n = U(U({}, t.defaultVariants), a);
-  for (var r in n) {
-    var i, c = (i = n[r]) !== null && i !== void 0 ? i : t.defaultVariants[r];
-    if (c != null) {
-      var s = c;
-      typeof s == "boolean" && (s = s === !0 ? "true" : "false");
-      var x = (
+}, p = (o) => (s) => {
+  var t = o.defaultClassName, n = U(U({}, o.defaultVariants), s);
+  for (var a in n) {
+    var _, i = (_ = n[a]) !== null && _ !== void 0 ? _ : o.defaultVariants[a];
+    if (i != null) {
+      var r = i;
+      typeof r == "boolean" && (r = r === !0 ? "true" : "false");
+      var R = (
         // @ts-expect-error
-        t.variantClassNames[r][s]
+        o.variantClassNames[a][r]
       );
-      x && (o += " " + x);
+      R && (t += " " + R);
     }
   }
-  for (var [f, w] of t.compoundVariants)
-    me(f, n, t.defaultVariants) && (o += " " + w);
-  return o;
-}, pe = p({ defaultClassName: "_1mxrufv0", variantClassNames: { lean: { true: "_1mxrufv1", false: "_1mxrufv2" }, borderless: { true: "_1mxrufv3", false: "_1mxrufv4" }, wrapContent: { true: "_1mxrufv5", false: "_1mxrufv6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), ue = p({ defaultClassName: "_1mxrufv7", variantClassNames: { lean: { true: "_1mxrufv8", false: "_1mxrufv9" }, borderless: { true: "_1mxrufva", false: "_1mxrufvb" }, wrapContent: { true: "_1mxrufvc", false: "_1mxrufvd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
-function m({
-  children: t,
-  className: a,
-  borderless: o,
+  for (var [u, C] of o.compoundVariants)
+    ce(u, n, o.defaultVariants) && (t += " " + C);
+  return t;
+}, pe = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv0", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv1", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv2" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv3", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv4" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv5", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), me = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv7", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv8", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv9" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufva", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvb" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvc", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
+function c({
+  children: o,
+  className: s,
+  borderless: t,
   lean: n,
-  widthPx: r,
-  widthRem: i,
-  style: c,
-  wrapContent: s = !1,
-  __autoLayout: x = !1,
-  ...f
+  widthPx: a,
+  widthRem: _,
+  style: i,
+  wrapContent: r = !1,
+  __autoLayout: R = !1,
+  ...u
 }) {
-  const w = r ? r / 16 : i, b = w ? {
-    ...c,
-    width: `${w}rem`
-  } : c;
-  return x ? /* @__PURE__ */ e.createElement(
+  const C = a ? a / 16 : _, f = C ? {
+    ...i,
+    width: `${C}rem`
+  } : i;
+  return R ? /* @__PURE__ */ e.createElement(
     "td",
     {
-      className: l(ue({ lean: n, borderless: o, wrapContent: s }), a),
-      ...f,
-      style: b
+      className: l(me({ lean: n, borderless: t, wrapContent: r }), s),
+      ...u,
+      style: f
     },
-    t
+    o
   ) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: l(pe({ lean: n, borderless: o, wrapContent: s }), a),
-      ...f,
-      style: b
+      className: l(pe({ lean: n, borderless: t, wrapContent: r }), s),
+      ...u,
+      style: f
     },
-    t
+    o
   );
 }
-C.set(m, {
+w.set(c, {
   name: "Content Row Col",
   props: {
     borderless: { type: "boolean" },
@@ -102,149 +102,149 @@ C.set(m, {
     wrapContent: { type: "boolean" }
   }
 });
-var Ce = p({ defaultClassName: "_11ztjee4", variantClassNames: { expanded: { true: "_11ztjee5", false: "_11ztjee6" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), fe = p({ defaultClassName: "_11ztjee7", variantClassNames: { cardSpacing: { true: "_11ztjee8", false: "_11ztjee9" }, expanded: { true: "_11ztjeea", false: "_11ztjeeb" }, selected: { true: "_11ztjeec", false: "_11ztjeed" }, reorderable: { true: "_11ztjeee", false: "_11ztjeef" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "_11ztjeeg"]] }), Q = p({ defaultClassName: "_11ztjeer", variantClassNames: { __autoLayout: { true: "_11ztjees", false: "_11ztjeet" } }, defaultVariants: { __autoLayout: !1 }, compoundVariants: [] }), we = p({ defaultClassName: "_11ztjeeh", variantClassNames: { selected: { true: "_11ztjeei", false: "_11ztjeej" }, expanded: { true: "_11ztjeek", false: "_11ztjeel" } }, defaultVariants: { selected: !1, expanded: !1 }, compoundVariants: [] }), be = "_11ztjeem", Re = "_11ztjeen", ye = p({ defaultClassName: "_11ztjeeo", variantClassNames: { disabled: { true: "_11ztjeep", false: "_11ztjeeq" } }, defaultVariants: {}, compoundVariants: [] }), xe = "_11ztjee10", Ee = "_11ztjee11", ge = "_11ztjeez", X = p({ defaultClassName: "_11ztjee12", variantClassNames: { disabled: { true: "_11ztjee13", false: "_11ztjee14" }, up: { true: "_11ztjee15", false: "_11ztjee16" }, down: { true: "_11ztjee17", false: "_11ztjee18" } }, defaultVariants: { disabled: !1, up: !1, down: !1 }, compoundVariants: [] }), he = "_11ztjeev", Y = p({ defaultClassName: "_11ztjeew", variantClassNames: { reorderable: { true: "_11ztjeex", false: "_11ztjeey" } }, defaultVariants: { reorderable: !1 }, compoundVariants: [] }), j = "_11ztjeeu";
-function M({
-  children: t,
-  className: a,
-  __autoLayout: o = !1,
+var we = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee4", variantClassNames: { expanded: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee5", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee6" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), ue = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee7", variantClassNames: { cardSpacing: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee8", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee9" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeea", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeb" }, selected: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeec", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeed" }, reorderable: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeee", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeef" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeg"]] }), Q = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeer", variantClassNames: { __autoLayout: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjees", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeet" } }, defaultVariants: { __autoLayout: !1 }, compoundVariants: [] }), Ce = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeh", variantClassNames: { selected: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeei", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeej" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeek", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeel" } }, defaultVariants: { selected: !1, expanded: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeem", he = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeen", be = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeo", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeep", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeq" } }, defaultVariants: {}, compoundVariants: [] }), Re = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee10", ge = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee11", ve = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeez", X = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee12", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee13", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee14" }, up: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee15", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee16" }, down: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee17", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee18" } }, defaultVariants: { disabled: !1, up: !1, down: !1 }, compoundVariants: [] }), ke = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeev", Y = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew", variantClassNames: { reorderable: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeex", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeey" } }, defaultVariants: { reorderable: !1 }, compoundVariants: [] }), z = "pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeu";
+function I({
+  children: o,
+  className: s,
+  __autoLayout: t = !1,
   ...n
 }) {
-  return o ? /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement(
+  return t ? /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement(
     "td",
     {
-      className: l(Q({ __autoLayout: o }), a),
+      className: l(Q({ __autoLayout: t }), s),
       colSpan: 100,
       ...n
     },
-    t
-  )) : /* @__PURE__ */ e.createElement("div", { className: l(Q({ __autoLayout: o }), a), ...n }, t);
+    o
+  )) : /* @__PURE__ */ e.createElement("div", { className: l(Q({ __autoLayout: t }), s), ...n }, o);
 }
-C.set(M, {
+w.set(I, {
   name: "Content Row Expansion"
 });
 function $({
-  children: t,
-  className: a,
-  alternateLayout: o = !1,
+  children: o,
+  className: s,
+  alternateLayout: t = !1,
   initiallyExpanded: n = !1,
-  cardSpacing: r = !1,
-  expanded: i,
-  onBeforeCollapsed: c,
-  onBeforeExpanded: s,
-  onSelectionChange: x,
-  onCollapsed: f,
-  onExpanded: w,
-  selectable: b = !1,
-  selected: V,
-  renderExpandedContent: N = !0,
+  cardSpacing: a = !1,
+  expanded: _,
+  onBeforeCollapsed: i,
+  onBeforeExpanded: r,
+  onSelectionChange: R,
+  onCollapsed: u,
+  onExpanded: C,
+  selectable: f = !1,
+  selected: j,
+  renderExpandedContent: y = !0,
   disableSelection: ee = !1,
-  disableExpansion: F = !1,
-  hideExpansionControl: S = !1,
-  __autoLayout: v = !1,
-  __reorderable: E = !1,
-  __onOrderChange: k = () => {
+  disableExpansion: M = !1,
+  hideExpansionControl: x = !1,
+  __autoLayout: E = !1,
+  __reorderable: g = !1,
+  __onOrderChange: N = () => {
   },
   __index: d = 0,
-  __canBeMovedUp: H,
-  __canBeMovedDown: O,
-  ..._
+  __canBeMovedUp: F,
+  __canBeMovedDown: H,
+  ...O
 }) {
-  const [A, [g]] = Z(t, [
-    { type: m },
-    { type: M }
-  ]), { t: te } = e.useContext(re), [D, T] = e.useState(
-    !v && N ? N : n
-  ), [oe, L] = e.useState(n), R = typeof i == "boolean" ? i : oe, [P, I] = e.useState((d + 1).toString() || "");
+  const [A, [v]] = Z(o, [
+    { type: c },
+    { type: I }
+  ]), { t: oe } = e.useContext(ae), [D, T] = e.useState(
+    !E && y ? y : n
+  ), [te, L] = e.useState(n), h = typeof _ == "boolean" ? _ : te, [V, P] = e.useState((d + 1).toString() || "");
   e.useEffect(() => {
-    I((d + 1).toString() || "");
+    P((d + 1).toString() || "");
   }, [d]);
-  function ne(y) {
-    I(y.target.value);
+  function ne(b) {
+    P(b.target.value);
   }
   function W() {
-    Number(P) ? k(d, Number(P) - 1) : (I((d + 1).toString() || ""), k(d, d));
+    Number(V) ? N(d, Number(V) - 1) : (P((d + 1).toString() || ""), N(d, d));
   }
-  function ae(y) {
-    y.stopPropagation(), R && (!c || c()) ? (L(!1), (!N || v) && T(!1), f && f()) : !R && (!s || s()) && (L(!0), (!N || v) && T(!0), w && w());
+  function se(b) {
+    b.stopPropagation(), h && (!i || i()) ? (L(!1), (!y || E) && T(!1), u && u()) : !h && (!r || r()) && (L(!0), (!y || E) && T(!0), C && C());
   }
-  const h = () => /* @__PURE__ */ e.createElement(de, { disabled: ee, checked: V, onChange: x }), z = /* @__PURE__ */ e.createElement(
+  const k = () => /* @__PURE__ */ e.createElement(de, { disabled: ee, checked: j, onChange: R }), S = /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      className: l(Re),
-      onClick: ae,
-      "aria-label": te(`design-system:contentRow.${R ? "collapse" : "expand"}`),
-      disabled: F
+      className: l(he),
+      onClick: se,
+      "aria-label": oe(`design-system:contentRow.${h ? "collapse" : "expand"}`),
+      disabled: M
     },
     /* @__PURE__ */ e.createElement(
-      se,
+      re,
       {
-        className: l(ye({ disabled: F })),
-        icon: R ? "minus-circle" : "plus-circle"
+        className: l(be({ disabled: M })),
+        icon: h ? "minus-circle" : "plus-circle"
       }
     )
   );
-  if (v) {
-    const y = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { className: l(be), colSpan: 100 }));
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("tr", { className: l(we({ selected: V, expanded: R })), ..._ }, b && !o && /* @__PURE__ */ e.createElement(m, { widthPx: 46, __autoLayout: !0 }, /* @__PURE__ */ e.createElement(h, null)), g && !o && !S && /* @__PURE__ */ e.createElement(m, { widthPx: 44, __autoLayout: !0 }, z), g && b && o && /* @__PURE__ */ e.createElement(m, { widthPx: 46, __autoLayout: !0 }, S ? /* @__PURE__ */ e.createElement(h, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: j }, /* @__PURE__ */ e.createElement(h, null)), /* @__PURE__ */ e.createElement("section", { className: j }, z))), A), D && g, y);
+  if (E) {
+    const b = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { className: l(fe), colSpan: 100 }));
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("tr", { className: l(Ce({ selected: j, expanded: h })), ...O }, f && !t && /* @__PURE__ */ e.createElement(c, { widthPx: 46, __autoLayout: !0 }, /* @__PURE__ */ e.createElement(k, null)), v && !t && !x && /* @__PURE__ */ e.createElement(c, { widthPx: 44, __autoLayout: !0 }, S), v && f && t && /* @__PURE__ */ e.createElement(c, { widthPx: 46, __autoLayout: !0 }, x ? /* @__PURE__ */ e.createElement(k, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: z }, /* @__PURE__ */ e.createElement(k, null)), /* @__PURE__ */ e.createElement("section", { className: z }, S))), A), D && v, b);
   }
-  const K = /* @__PURE__ */ e.createElement("div", { className: l(Ce({ expanded: R }), a), ..._ }, /* @__PURE__ */ e.createElement(
+  const K = /* @__PURE__ */ e.createElement("div", { className: l(we({ expanded: h }), s), ...O }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: l(
-        fe({
-          expanded: R,
-          selected: V,
-          cardSpacing: r,
-          reorderable: E
+        ue({
+          expanded: h,
+          selected: j,
+          cardSpacing: a,
+          reorderable: g
         })
       )
     },
-    E && /* @__PURE__ */ e.createElement(m, { widthPx: 53, style: { position: "relative" } }, /* @__PURE__ */ e.createElement("section", { className: Y({ reorderable: E }) }, /* @__PURE__ */ e.createElement(
+    g && /* @__PURE__ */ e.createElement(c, { widthPx: 53, style: { position: "relative" } }, /* @__PURE__ */ e.createElement("section", { className: Y({ reorderable: g }) }, /* @__PURE__ */ e.createElement(
       B,
       {
         className: X({
           up: !0,
-          disabled: !H
+          disabled: !F
         }),
         kind: G.ICON,
         icon: q.CHEVRON_UP,
-        onClick: () => k(d, d - 1),
-        disabled: !H
+        onClick: () => N(d, d - 1),
+        disabled: !F
       }
-    )), /* @__PURE__ */ e.createElement("section", { className: Y({ reorderable: E }) }, /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("section", { className: Y({ reorderable: g }) }, /* @__PURE__ */ e.createElement(
       B,
       {
         className: X({
           down: !0,
-          disabled: !O
+          disabled: !H
         }),
         kind: G.ICON,
         icon: q.CHEVRON_DOWN,
-        onClick: () => k(d, d + 1),
-        disabled: !O
+        onClick: () => N(d, d + 1),
+        disabled: !H
       }
     ))),
-    b && !o && /* @__PURE__ */ e.createElement(m, { widthPx: 46 }, /* @__PURE__ */ e.createElement(h, null)),
-    g && !o && !S && /* @__PURE__ */ e.createElement(m, { widthPx: 44 }, z),
-    g && b && o && /* @__PURE__ */ e.createElement(m, { widthPx: 46 }, S ? /* @__PURE__ */ e.createElement(h, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: j }, /* @__PURE__ */ e.createElement(h, null)), /* @__PURE__ */ e.createElement("section", { className: j }, z))),
+    f && !t && /* @__PURE__ */ e.createElement(c, { widthPx: 46 }, /* @__PURE__ */ e.createElement(k, null)),
+    v && !t && !x && /* @__PURE__ */ e.createElement(c, { widthPx: 44 }, S),
+    v && f && t && /* @__PURE__ */ e.createElement(c, { widthPx: 46 }, x ? /* @__PURE__ */ e.createElement(k, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: z }, /* @__PURE__ */ e.createElement(k, null)), /* @__PURE__ */ e.createElement("section", { className: z }, S))),
     A
-  ), D && g);
-  return E ? /* @__PURE__ */ e.createElement("div", { className: he }, E && /* @__PURE__ */ e.createElement("div", { className: l(ge, a) }, /* @__PURE__ */ e.createElement("div", { className: xe }, /* @__PURE__ */ e.createElement(
-    ie,
+  ), D && v);
+  return g ? /* @__PURE__ */ e.createElement("div", { className: ke }, g && /* @__PURE__ */ e.createElement("div", { className: l(ve, s) }, /* @__PURE__ */ e.createElement("div", { className: Re }, /* @__PURE__ */ e.createElement(
+    _e,
     {
-      className: Ee,
-      value: P,
+      className: ge,
+      value: V,
       onChange: ne,
       onBlur: () => W(),
-      onKeyUp: (y) => {
-        y.key === "Enter" && W();
+      onKeyUp: (b) => {
+        b.key === "Enter" && W();
       },
       notClearable: !0
     }
   ))), K) : K;
 }
-C.set($, {
+w.set($, {
   name: "Content Row",
   props: {
     alternateLayout: { type: "boolean", default: "false" },
@@ -264,57 +264,57 @@ C.set($, {
     hideExpansionControl: { type: "boolean", default: "false" }
   }
 });
-var Ne = p({ defaultClassName: "_1wuky9j0", variantClassNames: { wrapContent: { true: "_1wuky9j1", false: "_1wuky9j2" } }, defaultVariants: { wrapContent: !1 }, compoundVariants: [] });
-const Se = /* @__PURE__ */ new Set([
+var ye = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j0", variantClassNames: { wrapContent: { true: "pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j1", false: "pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j2" } }, defaultVariants: { wrapContent: !1 }, compoundVariants: [] });
+const xe = /* @__PURE__ */ new Set([
   "Content Row",
   "Content Row Col",
   "Content Row Expansion",
   "Sorting Header",
   "Sorting Header Cell"
 ]);
-function ve({
-  children: t,
-  className: a,
-  wrapContent: o = !1,
+function Ee({
+  children: o,
+  className: s,
+  wrapContent: t = !1,
   ...n
 }) {
-  const r = e.useMemo(
+  const a = e.useMemo(
     () => (
       // eslint-disable-next-line implicit-arrow-linebreak
-      le(t, (s) => C.isWoodlandComponent(s.type) && Se.has(C.get(s.type).name) ? [
+      le(o, (r) => w.isWoodlandComponent(r.type) && xe.has(w.get(r.type).name) ? [
         {
           __autoLayout: !0
         }
       ] : [{}])
     ),
-    [t]
-  ), [[i], c] = e.useMemo(
+    [o]
+  ), [[_], i] = e.useMemo(
     () => (
       // eslint-disable-next-line implicit-arrow-linebreak
-      Z(r, [
+      Z(a, [
         {
-          type: (s) => !!(C.isWoodlandComponent(s.type) && C.get(s.type).name === "Sorting Header")
+          type: (r) => !!(w.isWoodlandComponent(r.type) && w.get(r.type).name === "Sorting Header")
         }
       ])
     ),
-    [r]
+    [a]
   );
-  return /* @__PURE__ */ e.createElement("table", { className: l(Ne({ wrapContent: o }), a), ...n }, i ? /* @__PURE__ */ e.createElement("thead", null, i) : null, /* @__PURE__ */ e.createElement("tbody", null, c));
+  return /* @__PURE__ */ e.createElement("table", { className: l(ye({ wrapContent: t }), s), ...n }, _ ? /* @__PURE__ */ e.createElement("thead", null, _) : null, /* @__PURE__ */ e.createElement("tbody", null, i));
 }
-C.set(ve, {
+w.set(Ee, {
   name: "Row List Auto Layout",
   props: {
     wrapContent: { type: "boolean", default: "false" }
   }
 });
-const ke = {
-  components: [$, m, M],
+const Ne = {
+  components: [$, c, I],
   examples: {
     basic: {
       label: "Content Rows",
       examples: {
         basic: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -335,7 +335,7 @@ const ke = {
           `
         },
         withCheckbox: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -368,7 +368,7 @@ const ke = {
           `
         },
         withCheckboxAndFavorite: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -409,7 +409,7 @@ const ke = {
       label: "Expandable Content Rows",
       examples: {
         basic: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -444,7 +444,7 @@ const ke = {
           `
         },
         expandableWithCheckbox: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -491,7 +491,7 @@ const ke = {
           `
         },
         expandableWithCheckboxAlternate: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -539,7 +539,7 @@ const ke = {
           `
         },
         expandableWithCheckboxAndFavorite: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -589,7 +589,7 @@ const ke = {
           `
         },
         expandableWithCheckboxAndFavoriteAlternate: {
-          react: u`
+          react: m`
             import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
@@ -645,7 +645,7 @@ const ke = {
       label: "Sortable Content Rows",
       examples: {
         basic: {
-          react: u`
+          react: m`
           import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
           import { Card } from "@sps-woodland/cards";
           import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
@@ -1097,13 +1097,13 @@ const ke = {
     //   },
     // },
   }
-}, Me = {
-  "Content Rows": ke
+}, Ie = {
+  "Content Rows": Ne
 };
 export {
   $ as ContentRow,
-  m as ContentRowCol,
-  M as ContentRowExpansion,
-  Me as MANIFEST,
-  ve as RowListAutoLayout
+  c as ContentRowCol,
+  I as ContentRowExpansion,
+  Ie as MANIFEST,
+  Ee as RowListAutoLayout
 };

package/lib/style.css

@@ -1 +1 @@
-._11ztjee4{background:#fff;border-radius:.25rem;display:block}._11ztjee5{--_11ztjee0: block}._11ztjee6{--_11ztjee0: none}._11ztjee7{display:table;table-layout:fixed;width:100.06%;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem}._11ztjee8{border-radius:.25rem;margin-top:1rem}._11ztjeea{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}._11ztjeec{background:#e6f2f8;border-color:#027db8}._11ztjeee{min-height:3.875rem}._11ztjeeg{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}._11ztjeeh{background:#fff}._11ztjeei{--_11ztjee2: oklch(56.21% .128 239.83);background:#e6f2f8}._11ztjeej{--_11ztjee2: oklch(86.84% .002 197.12)}._11ztjeek{--_11ztjee1: 0}._11ztjeel{--_11ztjee1: .25rem}._11ztjeem{height:1rem;background:transparent;border:0}._11ztjeen{background:none;border:0;padding:0}._11ztjeeo{cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}._11ztjeep{color:#d2d4d4;cursor:not-allowed}._11ztjeeq{color:#027db8}._11ztjeeq:hover{color:#08638d}._11ztjeer{display:var(--_11ztjee0);background:#f3f4f4;border-color:#d2d4d4;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-style:solid;border-top-width:0;border-right-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;padding:1rem}._11ztjees{display:table-cell}._11ztjeet{display:var(--_11ztjee0)}._11ztjeeu{padding:1rem}._11ztjeeu:first-child{margin:-1rem -1rem 0}._11ztjeeu:last-child{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:solid;border-top-color:#d2d4d4;margin:0 -1rem -1rem}._11ztjeev{display:flex}._11ztjeew{position:absolute}._11ztjeew:first-child{margin:-1rem -1rem 0;top:1rem}._11ztjeew:last-child{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:solid;border-top-color:#d2d4d4;margin:0 -1rem -1rem;bottom:1rem}._11ztjeex{min-height:1.78125rem;width:3.3125rem;height:50%;display:flex}._11ztjeey{padding:1rem}._11ztjeez{display:block}._11ztjee10{border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem;background:#fff;height:100%;display:table;table-layout:fixed;min-height:3.5rem;width:3.5rem;margin-right:.5rem;padding:.5rem}._11ztjee11{display:table-cell;vertical-align:middle}._11ztjee12{border-radius:0;padding:0}._11ztjee13{--_11ztjee3: none;border:none}._11ztjee14{--_11ztjee3: inline}._11ztjee15{border-top-left-radius:.1875rem}._11ztjee17{border-bottom-left-radius:.1875rem}._11ztjeew ._11ztjee12{width:100%;height:100%}._11ztjeew ._11ztjee12 button{padding:0;width:100%;height:100%;min-height:1.78125rem;min-width:3.3125rem}._11ztjeew ._11ztjee12 button>i{display:var(--_11ztjee3)}._11ztjee11 input{text-align:center}._1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}._1mxrufv1{padding:.5rem 1rem}._1mxrufv4:not(:first-child){border-left:.0625rem solid oklch(86.84% .002 197.12)}._1mxrufv5{word-break:break-word}._1mxrufv7{padding:1rem;vertical-align:middle;border-style:solid;border-color:var(--_11ztjee2);border-top-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;border-right-width:0;text-align:left}._1mxrufv7:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:var(--_11ztjee1)}._1mxrufv7:last-child{border-right-width:.0625rem;border-top-right-radius:.25rem;border-bottom-right-radius:var(--_11ztjee1)}._1mxrufv8{padding:.5rem 1rem}._1mxrufva{border-left-width:0}._1mxrufvc{word-break:break-word}._1mxrufv0>*{vertical-align:middle}._1wuky9j0{table-layout:auto;width:100%;border-collapse:separate;border-spacing:0;white-space:normal;overflow:hidden}._1wuky9j1{word-break:break-word}
+.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee4{background:#fff;border-radius:.25rem;display:block}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee5{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee0: block}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee6{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee0: none}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee7{display:table;table-layout:fixed;width:100.06%;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee8{border-radius:.25rem;margin-top:1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeea{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeec{background:#e6f2f8;border-color:#027db8}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeee{min-height:3.875rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeg{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeh{background:#fff}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeei{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee2: oklch(56.21% .128 239.83);background:#e6f2f8}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeej{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee2: oklch(86.84% .002 197.12)}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeek{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee1: 0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeel{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee1: .25rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeem{height:1rem;background:transparent;border:0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeen{background:none;border:0;padding:0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeo{cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeep{color:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeq{color:#027db8}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeq:hover{color:#08638d}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeer{display:var(--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee0);background:#f3f4f4;border-color:#d2d4d4;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-style:solid;border-top-width:0;border-right-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;padding:1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjees{display:table-cell}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeet{display:var(--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee0)}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeu{padding:1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeu:first-child{margin:-1rem -1rem 0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeeu:last-child{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:solid;border-top-color:#d2d4d4;margin:0 -1rem -1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeev{display:flex}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew{position:absolute}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew:first-child{margin:-1rem -1rem 0;top:1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew:last-child{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:solid;border-top-color:#d2d4d4;margin:0 -1rem -1rem;bottom:1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeex{min-height:1.78125rem;width:3.3125rem;height:50%;display:flex}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeey{padding:1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeez{display:block}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee10{border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem;background:#fff;height:100%;display:table;table-layout:fixed;min-height:3.5rem;width:3.5rem;margin-right:.5rem;padding:.5rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee12{border-radius:0;padding:0}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee13{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee3: none;border:none}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee14{--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee3: inline}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee15{border-top-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee17{border-bottom-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee12{width:100%;height:100%}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee12 button{padding:0;width:100%;height:100%;min-height:1.78125rem;min-width:3.3125rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee12 button>i{display:var(--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee3)}.pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee11 input{text-align:center}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv1{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv4:not(:first-child){border-left:.0625rem solid oklch(86.84% .002 197.12)}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv5{word-break:break-word}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv7{padding:1rem;vertical-align:middle;border-style:solid;border-color:var(--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee2);border-top-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;border-right-width:0;text-align:left}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv7:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:var(--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv7:last-child{border-right-width:.0625rem;border-top-right-radius:.25rem;border-bottom-right-radius:var(--pkg_sps-woodland_content-row__version_8_17_2__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv8{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufva{border-left-width:0}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufvc{word-break:break-word}.pkg_sps-woodland_content-row__version_8_17_2__hash_1mxrufv0>*{vertical-align:middle}.pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j0{table-layout:auto;width:100%;border-collapse:separate;border-spacing:0;white-space:normal;overflow:hidden}.pkg_sps-woodland_content-row__version_8_17_2__hash_1wuky9j1{word-break:break-word}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/content-row",
   "description": "SPS Woodland Design System page title component",
-  "version": "8.17.1",
+  "version": "8.17.2",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
@@ -30,12 +30,12 @@
     "@spscommerce/utils": "^7.0.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.17.1",
-    "@sps-woodland/tokens": "8.17.1",
-    "@sps-woodland/buttons": "8.17.1",
-    "@spscommerce/ds-colors": "8.17.1",
-    "@spscommerce/ds-react": "8.17.1",
-    "@spscommerce/ds-shared": "8.17.1"
+    "@sps-woodland/core": "8.17.2",
+    "@sps-woodland/tokens": "8.17.2",
+    "@sps-woodland/buttons": "8.17.2",
+    "@spscommerce/ds-colors": "8.17.2",
+    "@spscommerce/ds-react": "8.17.2",
+    "@spscommerce/ds-shared": "8.17.2"
   },
   "devDependencies": {
     "@spscommerce/ds-illustrations": "^6.12.1",
@@ -44,12 +44,12 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.17.1",
-    "@sps-woodland/tokens": "8.17.1",
-    "@sps-woodland/buttons": "8.17.1",
-    "@spscommerce/ds-colors": "8.17.1",
-    "@spscommerce/ds-react": "8.17.1",
-    "@spscommerce/ds-shared": "8.17.1"
+    "@sps-woodland/core": "8.17.2",
+    "@sps-woodland/tokens": "8.17.2",
+    "@sps-woodland/buttons": "8.17.2",
+    "@spscommerce/ds-colors": "8.17.2",
+    "@spscommerce/ds-react": "8.17.2",
+    "@spscommerce/ds-shared": "8.17.2"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",

package/vite.config.mjs

@@ -1,11 +1,20 @@
 import path from "path";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
-
+import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
 import pkg from "./package.json";
 
+const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
+
 export default defineConfig({
-  plugins: [vanillaExtractPlugin()],
+  plugins: [
+    vanillaExtractPlugin(
+      getVanillaExtractPluginProps({
+        packageName: pkg.name,
+        packageVersion,
+      })
+    ),
+  ],
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),