@sps-woodland/content-row 8.21.0 → 8.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/{index.es.js → index.js} +3 -3
- package/lib/{index.cjs.js → index.umd.cjs} +10 -10
- package/lib/style.css +1 -1
- package/package.json +18 -18
- package/vite.config.mjs +2 -2
|
@@ -57,7 +57,7 @@ var ce = (o, s, t) => {
|
|
|
57
57
|
for (var [u, C] of o.compoundVariants)
|
|
58
58
|
ce(u, n, o.defaultVariants) && (t += " " + C);
|
|
59
59
|
return t;
|
|
60
|
-
}, pe = p({ defaultClassName: "pkg_sps-woodland_content-
|
|
60
|
+
}, pe = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv0", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv1", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv2" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv3", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv4" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv5", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), me = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv7", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv8", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv9" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufva", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvb" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvc", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
|
|
61
61
|
function c({
|
|
62
62
|
children: o,
|
|
63
63
|
className: s,
|
|
@@ -102,7 +102,7 @@ w.set(c, {
|
|
|
102
102
|
wrapContent: { type: "boolean" }
|
|
103
103
|
}
|
|
104
104
|
});
|
|
105
|
-
var we = p({ defaultClassName: "pkg_sps-woodland_content-
|
|
105
|
+
var we = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee4", variantClassNames: { expanded: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee5", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee6" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), ue = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee7", variantClassNames: { cardSpacing: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee8", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee9" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeea", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeb" }, selected: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeec", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeed" }, reorderable: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeee", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeef" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeg"]] }), Q = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeer", variantClassNames: { __autoLayout: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjees", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeet" } }, defaultVariants: { __autoLayout: !1 }, compoundVariants: [] }), Ce = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeh", variantClassNames: { selected: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeei", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeej" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeek", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeel" } }, defaultVariants: { selected: !1, expanded: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeem", he = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeen", be = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeo", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeep", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeq" } }, defaultVariants: {}, compoundVariants: [] }), Re = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee10", ge = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee11", ve = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeez", X = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee12", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee13", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee14" }, up: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee15", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee16" }, down: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee17", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee18" } }, defaultVariants: { disabled: !1, up: !1, down: !1 }, compoundVariants: [] }), ke = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeev", Y = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew", variantClassNames: { reorderable: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeex", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeey" } }, defaultVariants: { reorderable: !1 }, compoundVariants: [] }), z = "pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeu";
|
|
106
106
|
function I({
|
|
107
107
|
children: o,
|
|
108
108
|
className: s,
|
|
@@ -264,7 +264,7 @@ w.set($, {
|
|
|
264
264
|
hideExpansionControl: { type: "boolean", default: "false" }
|
|
265
265
|
}
|
|
266
266
|
});
|
|
267
|
-
var ye = p({ defaultClassName: "pkg_sps-woodland_content-
|
|
267
|
+
var ye = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_21_1__hash_1wuky9j0", variantClassNames: { wrapContent: { true: "pkg_sps-woodland_content-row__version_8_21_1__hash_1wuky9j1", false: "pkg_sps-woodland_content-row__version_8_21_1__hash_1wuky9j2" } }, defaultVariants: { wrapContent: !1 }, compoundVariants: [] });
|
|
268
268
|
const xe = /* @__PURE__ */ new Set([
|
|
269
269
|
"Content Row",
|
|
270
270
|
"Content Row Col",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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_21_0__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),_e=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_21_0__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_21_0__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),ie=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeeg"]]}),Q=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),pe=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),me="pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeem",we="pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeen",ue=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),Ce="pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee10",fe="pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee11",he="pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeez",X=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]}),be="pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeev",Y=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_21_0__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),j="pkg_sps-woodland_content-row__version_8_21_0__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:v=!1,__onOrderChange:E=()=>{},__index:_=0,__canBeMovedUp:O,__canBeMovedDown:H,...A}){const[D,[R]]=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 g=()=>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(g,null)),R&&!t&&!y&&e.createElement(c,{widthPx:44,__autoLayout:!0},S),R&&C&&t&&e.createElement(c,{widthPx:46,__autoLayout:!0},y?e.createElement(g,null):e.createElement(e.Fragment,null,e.createElement("section",{className:j},e.createElement(g,null)),e.createElement("section",{className:j},S))),D),T&&R,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:v}))},v&&e.createElement(c,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:Y({reorderable:v})},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:v})},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(g,null)),R&&!t&&!y&&e.createElement(c,{widthPx:44},S),R&&C&&t&&e.createElement(c,{widthPx:46},y?e.createElement(g,null):e.createElement(e.Fragment,null,e.createElement("section",{className:j},e.createElement(g,null)),e.createElement("section",{className:j},S))),D),T&&R);return v?e.createElement("div",{className:be},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_21_0__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_21_0__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_21_0__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`
|
|
1
|
+
(function(l,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@spscommerce/ds-shared","@spscommerce/utils"],k):(l=typeof globalThis<"u"?globalThis:l||self,k(l.ContentRow={},l.React,l.core,l.buttons,l.dsReact,l.dsShared,l.utils))})(this,function(l,k,a,H,A,x,w){"use strict";function oe(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=oe(k);function te(o,s,t){return s in o?Object.defineProperty(o,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[s]=t,o}function D(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 T(o){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?D(Object(t),!0).forEach(function(n){te(o,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(t,n))})}return o}var ne=(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=T(T({},o.defaultVariants),s);for(var r in n){var i,m=(i=n[r])!==null&&i!==void 0?i:o.defaultVariants[r];if(m!=null){var d=m;typeof d=="boolean"&&(d=d===!0?"true":"false");var R=o.variantClassNames[r][d];R&&(t+=" "+R)}}for(var[u,f]of o.compoundVariants)ne(u,n,o.defaultVariants)&&(t+=" "+f);return t},se=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),ae=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function _({children:o,className:s,borderless:t,lean:n,widthPx:r,widthRem:i,style:m,wrapContent:d=!1,__autoLayout:R=!1,...u}){const f=r?r/16:i,C=f?{...m,width:`${f}rem`}:m;return R?e.createElement("td",{className:a.cl(ae({lean:n,borderless:t,wrapContent:d}),s),...u,style:C},o):e.createElement("div",{className:a.cl(se({lean:n,borderless:t,wrapContent:d}),s),...u,style:C},o)}a.Metadata.set(_,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"},wrapContent:{type:"boolean"}}});var re=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),le=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeg"]]}),L=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),de=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),_e="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeem",ie="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeen",ce=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),pe="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee10",me="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee11",we="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeez",W=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]}),ue="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeev",q=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),E="pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeu";function N({children:o,className:s,__autoLayout:t=!1,...n}){return t?e.createElement("tr",null,e.createElement("td",{className:a.cl(L({__autoLayout:t}),s),colSpan:100,...n},o)):e.createElement("div",{className:a.cl(L({__autoLayout:t}),s),...n},o)}a.Metadata.set(N,{name:"Content Row Expansion"});function M({children:o,className:s,alternateLayout:t=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:i,onBeforeCollapsed:m,onBeforeExpanded:d,onSelectionChange:R,onCollapsed:u,onExpanded:f,selectable:C=!1,selected:I,renderExpandedContent:S=!0,disableSelection:be=!1,disableExpansion:K=!1,hideExpansionControl:j=!1,__autoLayout:z=!1,__reorderable:y=!1,__onOrderChange:V=()=>{},__index:c=0,__canBeMovedUp:G,__canBeMovedDown:J,...U}){const[Q,[g]]=a.selectChildren(o,[{type:_},{type:N}]),{t:Re}=e.useContext(a.I18nContext),[X,Y]=e.useState(!z&&S?S:n),[ge,Z]=e.useState(n),h=typeof i=="boolean"?i:ge,[F,O]=e.useState((c+1).toString()||"");e.useEffect(()=>{O((c+1).toString()||"")},[c]);function ve(b){O(b.target.value)}function $(){Number(F)?V(c,Number(F)-1):(O((c+1).toString()||""),V(c,c))}function ke(b){b.stopPropagation(),h&&(!m||m())?(Z(!1),(!S||z)&&Y(!1),u&&u()):!h&&(!d||d())&&(Z(!0),(!S||z)&&Y(!0),f&&f())}const v=()=>e.createElement(A.SpsCheckbox,{disabled:be,checked:I,onChange:R}),P=e.createElement("button",{type:"button",className:a.cl(ie),onClick:ke,"aria-label":Re(`design-system:contentRow.${h?"collapse":"expand"}`),disabled:K},e.createElement(a.Icon,{className:a.cl(ce({disabled:K})),icon:h?"minus-circle":"plus-circle"}));if(z){const b=e.createElement("tr",null,e.createElement("td",{className:a.cl(_e),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:a.cl(de({selected:I,expanded:h})),...U},C&&!t&&e.createElement(_,{widthPx:46,__autoLayout:!0},e.createElement(v,null)),g&&!t&&!j&&e.createElement(_,{widthPx:44,__autoLayout:!0},P),g&&C&&t&&e.createElement(_,{widthPx:46,__autoLayout:!0},j?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},P))),Q),X&&g,b)}const ee=e.createElement("div",{className:a.cl(re({expanded:h}),s),...U},e.createElement("div",{className:a.cl(le({expanded:h,selected:I,cardSpacing:r,reorderable:y}))},y&&e.createElement(_,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:q({reorderable:y})},e.createElement(H.Button,{className:W({up:!0,disabled:!G}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_UP,onClick:()=>V(c,c-1),disabled:!G})),e.createElement("section",{className:q({reorderable:y})},e.createElement(H.Button,{className:W({down:!0,disabled:!J}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_DOWN,onClick:()=>V(c,c+1),disabled:!J}))),C&&!t&&e.createElement(_,{widthPx:46},e.createElement(v,null)),g&&!t&&!j&&e.createElement(_,{widthPx:44},P),g&&C&&t&&e.createElement(_,{widthPx:46},j?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},P))),Q),X&&g);return y?e.createElement("div",{className:ue},e.createElement("div",{className:a.cl(we,s)},e.createElement("div",{className:pe},e.createElement(A.SpsTextInput,{className:me,value:F,onChange:ve,onBlur:()=>$(),onKeyUp:b=>{b.key==="Enter"&&$()},notClearable:!0}))),ee):ee}a.Metadata.set(M,{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 fe=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_21_1__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_21_1__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_21_1__hash_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const Ce=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function B({children:o,className:s,wrapContent:t=!1,...n}){const r=e.useMemo(()=>a.modChildren(o,d=>a.Metadata.isWoodlandComponent(d.type)&&Ce.has(a.Metadata.get(d.type).name)?[{__autoLayout:!0}]:[{}]),[o]),[[i],m]=e.useMemo(()=>a.selectChildren(r,[{type:d=>!!(a.Metadata.isWoodlandComponent(d.type)&&a.Metadata.get(d.type).name==="Sorting Header")}]),[r]);return e.createElement("table",{className:a.cl(fe({wrapContent:t}),s),...n},i?e.createElement("thead",null,i):null,e.createElement("tbody",null,m))}a.Metadata.set(B,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const he={"Content Rows":{components:[M,_,N],examples:{basic:{label:"Content Rows",examples:{basic:{react:w.code`
|
|
2
2
|
import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
|
|
3
3
|
import { Icon } from "@sps-woodland/core";
|
|
4
4
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
</ContentRow>
|
|
17
17
|
)
|
|
18
18
|
}
|
|
19
|
-
`},withCheckbox:{react:
|
|
19
|
+
`},withCheckbox:{react:w.code`
|
|
20
20
|
import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
|
|
21
21
|
import { Icon } from "@sps-woodland/core";
|
|
22
22
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
</ContentRow>
|
|
47
47
|
)
|
|
48
48
|
}
|
|
49
|
-
`},withCheckboxAndFavorite:{react:
|
|
49
|
+
`},withCheckboxAndFavorite:{react:w.code`
|
|
50
50
|
import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
|
|
51
51
|
import { Icon } from "@sps-woodland/core";
|
|
52
52
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
</ContentRow>
|
|
80
80
|
)
|
|
81
81
|
}
|
|
82
|
-
`}}},expandable:{label:"Expandable Content Rows",examples:{basic:{react:
|
|
82
|
+
`}}},expandable:{label:"Expandable Content Rows",examples:{basic:{react:w.code`
|
|
83
83
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
84
84
|
import { Card } from "@sps-woodland/cards";
|
|
85
85
|
import { Icon } from "@sps-woodland/core";
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
</ContentRow>
|
|
112
112
|
)
|
|
113
113
|
}
|
|
114
|
-
`},expandableWithCheckbox:{react:
|
|
114
|
+
`},expandableWithCheckbox:{react:w.code`
|
|
115
115
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
116
116
|
import { Card } from "@sps-woodland/cards";
|
|
117
117
|
import { Icon } from "@sps-woodland/core";
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
</ContentRow>
|
|
156
156
|
)
|
|
157
157
|
}
|
|
158
|
-
`},expandableWithCheckboxAlternate:{react:
|
|
158
|
+
`},expandableWithCheckboxAlternate:{react:w.code`
|
|
159
159
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
160
160
|
import { Card } from "@sps-woodland/cards";
|
|
161
161
|
import { Icon } from "@sps-woodland/core";
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
</ContentRow>
|
|
201
201
|
)
|
|
202
202
|
}
|
|
203
|
-
`},expandableWithCheckboxAndFavorite:{react:
|
|
203
|
+
`},expandableWithCheckboxAndFavorite:{react:w.code`
|
|
204
204
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
205
205
|
import { Card } from "@sps-woodland/cards";
|
|
206
206
|
import { Icon } from "@sps-woodland/core";
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
</ContentRow>
|
|
248
248
|
)
|
|
249
249
|
}
|
|
250
|
-
`},expandableWithCheckboxAndFavoriteAlternate:{react:
|
|
250
|
+
`},expandableWithCheckboxAndFavoriteAlternate:{react:w.code`
|
|
251
251
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
252
252
|
import { Card } from "@sps-woodland/cards";
|
|
253
253
|
import { Icon } from "@sps-woodland/core";
|
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
</ContentRow>
|
|
296
296
|
)
|
|
297
297
|
}
|
|
298
|
-
`}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:
|
|
298
|
+
`}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:w.code`
|
|
299
299
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
300
300
|
import { Card } from "@sps-woodland/cards";
|
|
301
301
|
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
|
|
@@ -398,4 +398,4 @@
|
|
|
398
398
|
</>
|
|
399
399
|
)
|
|
400
400
|
}
|
|
401
|
-
`}}}}}
|
|
401
|
+
`}}}}}};l.ContentRow=M,l.ContentRowCol=_,l.ContentRowExpansion=N,l.MANIFEST=he,l.RowListAutoLayout=B,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_content-
|
|
1
|
+
.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee4{background:#fff;border-radius:.25rem;display:block}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee5{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee0: block}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee6{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee0: none}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjee8{border-radius:.25rem;margin-top:1rem}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjeec{background:#e6f2f8;border-color:#027db8}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeee{min-height:3.875rem}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjeeh{background:#fff}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeei{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee2: oklch(56.21% .128 239.83);background:#e6f2f8}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeej{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee2: oklch(86.84% .002 197.12)}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeek{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee1: 0}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeel{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee1: .25rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeem{height:1rem;background:transparent;border:0}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeen{background:none;border:0;padding:0}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeo{cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeep{color:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeq{color:#027db8}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeq:hover{color:#08638d}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeer{display:var(--pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjees{display:table-cell}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeet{display:var(--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee0)}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeu{padding:1rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeeu:first-child{margin:-1rem -1rem 0}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjeev{display:flex}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew{position:absolute}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew:first-child{margin:-1rem -1rem 0;top:1rem}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjeex{min-height:1.78125rem;width:3.3125rem;height:50%;display:flex}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeey{padding:1rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeez{display:block}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjee11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee12{border-radius:0;padding:0}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee13{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee3: none;border:none}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee14{--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee3: inline}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee15{border-top-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee17{border-bottom-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee12{width:100%;height:100%}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee12 button{padding:0;width:100%;height:100%;min-height:1.78125rem;min-width:3.3125rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee12 button>i{display:var(--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee3)}.pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee11 input{text-align:center}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv1{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv4:not(:first-child){border-left:.0625rem solid oklch(86.84% .002 197.12)}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv5{word-break:break-word}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv7{padding:1rem;vertical-align:middle;border-style:solid;border-color:var(--pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_1mxrufv7:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:var(--pkg_sps-woodland_content-row__version_8_21_1__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv8{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufva{border-left-width:0}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufvc{word-break:break-word}.pkg_sps-woodland_content-row__version_8_21_1__hash_1mxrufv0>*{vertical-align:middle}.pkg_sps-woodland_content-row__version_8_21_1__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_21_1__hash_1wuky9j1{word-break:break-word}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/content-row",
|
|
3
3
|
"description": "SPS Woodland Design System page title component",
|
|
4
|
-
"version": "8.21.
|
|
4
|
+
"version": "8.21.1",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
|
|
8
8
|
"homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/page-title#readme",
|
|
9
9
|
"type": "module",
|
|
10
|
-
"module": "./lib/index.
|
|
11
|
-
"main": "./lib/index.cjs
|
|
10
|
+
"module": "./lib/index.js",
|
|
11
|
+
"main": "./lib/index.umd.cjs",
|
|
12
12
|
"types": "./lib/index.d.ts",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"default": "./lib/index.
|
|
15
|
+
"require": "./lib/index.umd.cjs",
|
|
16
|
+
"import": "./lib/index.js",
|
|
17
|
+
"default": "./lib/index.js",
|
|
18
18
|
"types": "./lib/index.d.ts"
|
|
19
19
|
},
|
|
20
20
|
"./lib/style.css": {
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
"@spscommerce/utils": "^7.0.0",
|
|
31
31
|
"react": "^16.14.0",
|
|
32
32
|
"react-dom": "^16.14.0",
|
|
33
|
-
"@sps-woodland/core": "8.21.
|
|
34
|
-
"@sps-woodland/tokens": "8.21.
|
|
35
|
-
"@sps-woodland/buttons": "8.21.
|
|
36
|
-
"@spscommerce/ds-colors": "8.21.
|
|
37
|
-
"@spscommerce/ds-react": "8.21.
|
|
38
|
-
"@spscommerce/ds-shared": "8.21.
|
|
33
|
+
"@sps-woodland/core": "8.21.1",
|
|
34
|
+
"@sps-woodland/tokens": "8.21.1",
|
|
35
|
+
"@sps-woodland/buttons": "8.21.1",
|
|
36
|
+
"@spscommerce/ds-colors": "8.21.1",
|
|
37
|
+
"@spscommerce/ds-react": "8.21.1",
|
|
38
|
+
"@spscommerce/ds-shared": "8.21.1"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@spscommerce/ds-illustrations": "^6.12.1",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
45
45
|
"react": "^16.14.0",
|
|
46
46
|
"react-dom": "^16.14.0",
|
|
47
|
-
"@sps-woodland/core": "8.21.
|
|
48
|
-
"@sps-woodland/tokens": "8.21.
|
|
49
|
-
"@sps-woodland/buttons": "8.21.
|
|
50
|
-
"@spscommerce/ds-colors": "8.21.
|
|
51
|
-
"@spscommerce/ds-react": "8.21.
|
|
52
|
-
"@spscommerce/ds-shared": "8.21.
|
|
47
|
+
"@sps-woodland/core": "8.21.1",
|
|
48
|
+
"@sps-woodland/tokens": "8.21.1",
|
|
49
|
+
"@sps-woodland/buttons": "8.21.1",
|
|
50
|
+
"@spscommerce/ds-colors": "8.21.1",
|
|
51
|
+
"@spscommerce/ds-react": "8.21.1",
|
|
52
|
+
"@spscommerce/ds-shared": "8.21.1"
|
|
53
53
|
},
|
|
54
54
|
"scripts": {
|
|
55
55
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED
|
@@ -18,8 +18,8 @@ export default defineConfig({
|
|
|
18
18
|
build: {
|
|
19
19
|
lib: {
|
|
20
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|
|
21
|
-
|
|
22
|
-
fileName:
|
|
21
|
+
name: "ContentRow",
|
|
22
|
+
fileName: "index",
|
|
23
23
|
},
|
|
24
24
|
outDir: path.resolve(__dirname, "./lib"),
|
|
25
25
|
emptyOutDir: false,
|