@sps-woodland/content-row 8.34.13 → 8.34.14
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/content-row/ContentRow.css.d.ts +8 -8
- package/lib/index.js +3 -3
- package/lib/index.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +20 -20
- package/vite.config.mjs +1 -1
|
@@ -6,12 +6,12 @@ export declare const contentRow: import("@vanilla-extract/recipes/dist/declarati
|
|
|
6
6
|
expanded: {
|
|
7
7
|
true: {
|
|
8
8
|
vars: {
|
|
9
|
-
[
|
|
9
|
+
[expandedVar]: string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
false: {
|
|
13
13
|
vars: {
|
|
14
|
-
[
|
|
14
|
+
[expandedVar]: string;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
};
|
|
@@ -52,24 +52,24 @@ export declare const contentTableRow: import("@vanilla-extract/recipes/dist/decl
|
|
|
52
52
|
true: {
|
|
53
53
|
background: string;
|
|
54
54
|
vars: {
|
|
55
|
-
[
|
|
55
|
+
[selectedBordersVar]: string;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
false: {
|
|
59
59
|
vars: {
|
|
60
|
-
[
|
|
60
|
+
[selectedBordersVar]: string;
|
|
61
61
|
};
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
64
|
expanded: {
|
|
65
65
|
true: {
|
|
66
66
|
vars: {
|
|
67
|
-
[
|
|
67
|
+
[expandedBorderRadiusVar]: string;
|
|
68
68
|
};
|
|
69
69
|
};
|
|
70
70
|
false: {
|
|
71
71
|
vars: {
|
|
72
|
-
[
|
|
72
|
+
[expandedBorderRadiusVar]: string;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
75
|
};
|
|
@@ -125,12 +125,12 @@ export declare const reorderableButton: import("@vanilla-extract/recipes/dist/de
|
|
|
125
125
|
true: {
|
|
126
126
|
border: "none";
|
|
127
127
|
vars: {
|
|
128
|
-
[
|
|
128
|
+
[reorderableButtonIcon]: string;
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
131
|
false: {
|
|
132
132
|
vars: {
|
|
133
|
-
[
|
|
133
|
+
[reorderableButtonIcon]: string;
|
|
134
134
|
};
|
|
135
135
|
};
|
|
136
136
|
};
|
package/lib/index.js
CHANGED
|
@@ -58,7 +58,7 @@ var me = (o, s, t) => {
|
|
|
58
58
|
for (var [C, f] of o.compoundVariants)
|
|
59
59
|
me(C, n, o.defaultVariants) && (t += " " + f);
|
|
60
60
|
return t;
|
|
61
|
-
}, we = m({ defaultClassName: "pkg_sps-woodland_content-
|
|
61
|
+
}, we = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv0", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv1", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv2" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv3", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv4" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv5", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), ue = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv7", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv8", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv9" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufva", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvb" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvc", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
|
|
62
62
|
function p({
|
|
63
63
|
children: o,
|
|
64
64
|
className: s,
|
|
@@ -103,7 +103,7 @@ u.set(p, {
|
|
|
103
103
|
wrapContent: { type: "boolean" }
|
|
104
104
|
}
|
|
105
105
|
});
|
|
106
|
-
var Ce = m({ defaultClassName: "pkg_sps-woodland_content-
|
|
106
|
+
var Ce = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee4", variantClassNames: { expanded: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee5", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee6" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), fe = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee7", variantClassNames: { cardSpacing: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee8", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee9" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeea", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeb" }, selected: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeec", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeed" }, reorderable: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeee", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeef" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeg"]] }), he = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeh", variantClassNames: { selected: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeei", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeej" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeek", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeel" } }, defaultVariants: { selected: !1, expanded: !1 }, compoundVariants: [] }), be = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeem", Re = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeen", ge = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeo", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeep", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeq" } }, defaultVariants: {}, compoundVariants: [] }), X = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeer", variantClassNames: { __autoLayout: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjees", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeet" } }, defaultVariants: { __autoLayout: !1 }, compoundVariants: [] }), S = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeu", ve = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeev", Y = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew", variantClassNames: { reorderable: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeex", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeey" } }, defaultVariants: { reorderable: !1 }, compoundVariants: [] }), ke = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeez", ye = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee10", xe = "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee11", Z = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee12", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee13", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee14" }, up: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee15", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee16" }, down: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee17", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee18" } }, defaultVariants: { disabled: !1, up: !1, down: !1 }, compoundVariants: [] });
|
|
107
107
|
function P({
|
|
108
108
|
children: o,
|
|
109
109
|
className: s,
|
|
@@ -286,7 +286,7 @@ u.set(ee, {
|
|
|
286
286
|
hideExpansionControl: { type: "boolean", default: "false" }
|
|
287
287
|
}
|
|
288
288
|
});
|
|
289
|
-
var Ee = m({ defaultClassName: "pkg_sps-woodland_content-
|
|
289
|
+
var Ee = m({ defaultClassName: "pkg_sps-woodland_content-row__version_8_34_14__hash_1wuky9j0", variantClassNames: { wrapContent: { true: "pkg_sps-woodland_content-row__version_8_34_14__hash_1wuky9j1", false: "pkg_sps-woodland_content-row__version_8_34_14__hash_1wuky9j2" } }, defaultVariants: { wrapContent: !1 }, compoundVariants: [] });
|
|
290
290
|
const Se = /* @__PURE__ */ new Set([
|
|
291
291
|
"Content Row",
|
|
292
292
|
"Content Row Col",
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(r,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/i18n"),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/i18n","@spscommerce/ds-shared","@spscommerce/utils"],k):(r=typeof globalThis<"u"?globalThis:r||self,k(r.ContentRow={},r.React,r.core,r.buttons,r.dsReact,r.i18n,r.dsShared,r.utils))})(this,function(r,k,a,O,H,te,x,p){"use strict";function ne(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=ne(k);function se(o,s,t){return s in o?Object.defineProperty(o,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[s]=t,o}function A(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter(function(l){return Object.getOwnPropertyDescriptor(o,l).enumerable})),t.push.apply(t,n)}return t}function D(o){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?A(Object(t),!0).forEach(function(n){se(o,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(t,n))})}return o}var ae=(o,s,t)=>{for(var n of Object.keys(o)){var l;if(o[n]!==((l=s[n])!==null&&l!==void 0?l:t[n]))return!1}return!0},m=o=>s=>{var t=o.defaultClassName,n=D(D({},o.defaultVariants),s);for(var l in n){var c,w=(c=n[l])!==null&&c!==void 0?c:o.defaultVariants[l];if(w!=null){var d=w;typeof d=="boolean"&&(d=d===!0?"true":"false");var R=o.variantClassNames[l][d];R&&(t+=" "+R)}}for(var[C,f]of o.compoundVariants)ae(C,n,o.defaultVariants)&&(t+=" "+f);return t},re=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),le=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function _({children:o,className:s,borderless:t,lean:n,widthPx:l,widthRem:c,style:w,wrapContent:d=!1,__autoLayout:R=!1,...C}){const f=l?l/16:c,h=f?{...w,width:`${f}rem`}:w;return R?e.createElement("td",{className:a.cl(le({lean:n,borderless:t,wrapContent:d}),s),...C,style:h},o):e.createElement("div",{className:a.cl(re({lean:n,borderless:t,wrapContent:d}),s),...C,style:h},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 de=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),_e=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeeg"]]}),ce=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),ie="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeem",pe="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeen",me=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),T=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),E="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeeu",we="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeev",L=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),ue="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjeez",Ce="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee10",fe="pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee11",W=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]});function S({children:o,className:s,__autoLayout:t=!1,...n}){return t?e.createElement("tr",null,e.createElement("td",{className:a.cl(T({__autoLayout:t}),s),colSpan:100,...n},o)):e.createElement("div",{className:a.cl(T({__autoLayout:t}),s),...n},o)}a.Metadata.set(S,{name:"Content Row Expansion"});function V({children:o,className:s,alternateLayout:t=!1,initiallyExpanded:n=!1,cardSpacing:l=!1,expanded:c,onBeforeCollapsed:w,onBeforeExpanded:d,onSelectionChange:R,onCollapsed:C,onExpanded:f,selectable:h=!1,selected:P,selectIndeterminate:B,renderExpandedContent:I=!0,disableSelection:ge=!1,disableExpansion:K=!1,hideExpansionControl:N=!1,__autoLayout:G=!1,__reorderable:y=!1,__onOrderChange:j=()=>{},__index:i=0,__canBeMovedUp:J,__canBeMovedDown:U,...Q}){const[X,[g]]=a.selectChildren(o,[{type:_},{type:S}]),{t:ve}=te.useWoodlandLanguage(),[ke,Y]=e.useState(I||n),[ye,Z]=e.useState(n),u=typeof c=="boolean"?c:ye,$=G?u:ke,[M,F]=e.useState((i+1).toString()||"");e.useEffect(()=>{F((i+1).toString()||"")},[i]);function xe(b){F(b.target.value)}function ee(){Number(M)?j(i,Number(M)-1):(F((i+1).toString()||""),j(i,i))}function Ee(b){b.stopPropagation(),u&&(!w||w())?(Z(!1),I||Y(!1),C&&C()):!u&&(!d||d())&&(Z(!0),I||Y(!0),f&&f())}const v=()=>e.createElement(H.SpsCheckbox,{disabled:ge,checked:P,indeterminate:B,onChange:R}),z=e.createElement("button",{type:"button",className:a.cl(pe),onClick:Ee,"aria-label":ve(`contentRow.${u?"collapse":"expand"}`,{defaultValue:`${u?"Collapse":"Expand"}`}),disabled:K},e.createElement(a.Icon,{className:a.cl(me({disabled:K})),icon:u?"minus-circle":"plus-circle"}));if(G){const b=e.createElement("tr",null,e.createElement("td",{className:a.cl(ie),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:a.cl(ce({selected:P||B,expanded:u})),...Q},h&&!t&&e.createElement(_,{widthPx:46,__autoLayout:!0},e.createElement(v,null)),g&&!t&&!N&&e.createElement(_,{widthPx:44,__autoLayout:!0},z),g&&h&&t&&e.createElement(_,{widthPx:46,__autoLayout:!0},N?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},z))),X),$&&g,b)}const oe=e.createElement("div",{className:a.cl(de({expanded:u}),s),...Q},e.createElement("div",{className:a.cl(_e({expanded:u,selected:P,cardSpacing:l,reorderable:y}))},y&&e.createElement(_,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:L({reorderable:y})},e.createElement(O.Button,{className:W({up:!0,disabled:!J}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_UP,onClick:()=>j(i,i-1),disabled:!J})),e.createElement("section",{className:L({reorderable:y})},e.createElement(O.Button,{className:W({down:!0,disabled:!U}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_DOWN,onClick:()=>j(i,i+1),disabled:!U}))),h&&!t&&e.createElement(_,{widthPx:46},e.createElement(v,null)),g&&!t&&!N&&e.createElement(_,{widthPx:44},z),g&&h&&t&&e.createElement(_,{widthPx:46},N?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},z))),X),$&&g);return y?e.createElement("div",{className:we},e.createElement("div",{className:a.cl(ue,s)},e.createElement("div",{className:Ce},e.createElement(H.SpsTextInput,{className:fe,value:M,onChange:xe,onBlur:()=>ee(),onKeyUp:b=>{b.key==="Enter"&&ee()},notClearable:!0}))),oe):oe}a.Metadata.set(V,{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 he=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_13__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_34_13__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_34_13__hash_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const be=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function q({children:o,className:s,wrapContent:t=!1,...n}){const l=e.useMemo(()=>a.modChildren(o,d=>a.Metadata.isWoodlandComponent(d.type)&&be.has(a.Metadata.get(d.type).name)?[{__autoLayout:!0}]:[{}]),[o]),[[c],w]=e.useMemo(()=>a.selectChildren(l,[{type:d=>!!(a.Metadata.isWoodlandComponent(d.type)&&a.Metadata.get(d.type).name==="Sorting Header")}]),[l]);return e.createElement("table",{className:a.cl(he({wrapContent:t}),s),...n},c?e.createElement("thead",null,c):null,e.createElement("tbody",null,w))}a.Metadata.set(q,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const Re={"Content Rows":{components:[V,_,S],examples:{basic:{label:"Content Rows",examples:{basic:{react:p.code`
|
|
1
|
+
(function(r,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/i18n"),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/i18n","@spscommerce/ds-shared","@spscommerce/utils"],k):(r=typeof globalThis<"u"?globalThis:r||self,k(r.ContentRow={},r.React,r.core,r.buttons,r.dsReact,r.i18n,r.dsShared,r.utils))})(this,function(r,k,a,O,H,te,x,p){"use strict";function ne(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=ne(k);function se(o,s,t){return s in o?Object.defineProperty(o,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[s]=t,o}function A(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter(function(l){return Object.getOwnPropertyDescriptor(o,l).enumerable})),t.push.apply(t,n)}return t}function D(o){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?A(Object(t),!0).forEach(function(n){se(o,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(t,n))})}return o}var ae=(o,s,t)=>{for(var n of Object.keys(o)){var l;if(o[n]!==((l=s[n])!==null&&l!==void 0?l:t[n]))return!1}return!0},m=o=>s=>{var t=o.defaultClassName,n=D(D({},o.defaultVariants),s);for(var l in n){var c,w=(c=n[l])!==null&&c!==void 0?c:o.defaultVariants[l];if(w!=null){var d=w;typeof d=="boolean"&&(d=d===!0?"true":"false");var R=o.variantClassNames[l][d];R&&(t+=" "+R)}}for(var[C,f]of o.compoundVariants)ae(C,n,o.defaultVariants)&&(t+=" "+f);return t},re=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),le=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function _({children:o,className:s,borderless:t,lean:n,widthPx:l,widthRem:c,style:w,wrapContent:d=!1,__autoLayout:R=!1,...C}){const f=l?l/16:c,h=f?{...w,width:`${f}rem`}:w;return R?e.createElement("td",{className:a.cl(le({lean:n,borderless:t,wrapContent:d}),s),...C,style:h},o):e.createElement("div",{className:a.cl(re({lean:n,borderless:t,wrapContent:d}),s),...C,style:h},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 de=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),_e=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeg"]]}),ce=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),ie="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeem",pe="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeen",me=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),T=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),E="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeu",we="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeev",L=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),ue="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeez",Ce="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee10",fe="pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee11",W=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]});function S({children:o,className:s,__autoLayout:t=!1,...n}){return t?e.createElement("tr",null,e.createElement("td",{className:a.cl(T({__autoLayout:t}),s),colSpan:100,...n},o)):e.createElement("div",{className:a.cl(T({__autoLayout:t}),s),...n},o)}a.Metadata.set(S,{name:"Content Row Expansion"});function V({children:o,className:s,alternateLayout:t=!1,initiallyExpanded:n=!1,cardSpacing:l=!1,expanded:c,onBeforeCollapsed:w,onBeforeExpanded:d,onSelectionChange:R,onCollapsed:C,onExpanded:f,selectable:h=!1,selected:P,selectIndeterminate:B,renderExpandedContent:I=!0,disableSelection:ge=!1,disableExpansion:K=!1,hideExpansionControl:N=!1,__autoLayout:G=!1,__reorderable:y=!1,__onOrderChange:j=()=>{},__index:i=0,__canBeMovedUp:J,__canBeMovedDown:U,...Q}){const[X,[g]]=a.selectChildren(o,[{type:_},{type:S}]),{t:ve}=te.useWoodlandLanguage(),[ke,Y]=e.useState(I||n),[ye,Z]=e.useState(n),u=typeof c=="boolean"?c:ye,$=G?u:ke,[M,F]=e.useState((i+1).toString()||"");e.useEffect(()=>{F((i+1).toString()||"")},[i]);function xe(b){F(b.target.value)}function ee(){Number(M)?j(i,Number(M)-1):(F((i+1).toString()||""),j(i,i))}function Ee(b){b.stopPropagation(),u&&(!w||w())?(Z(!1),I||Y(!1),C&&C()):!u&&(!d||d())&&(Z(!0),I||Y(!0),f&&f())}const v=()=>e.createElement(H.SpsCheckbox,{disabled:ge,checked:P,indeterminate:B,onChange:R}),z=e.createElement("button",{type:"button",className:a.cl(pe),onClick:Ee,"aria-label":ve(`contentRow.${u?"collapse":"expand"}`,{defaultValue:`${u?"Collapse":"Expand"}`}),disabled:K},e.createElement(a.Icon,{className:a.cl(me({disabled:K})),icon:u?"minus-circle":"plus-circle"}));if(G){const b=e.createElement("tr",null,e.createElement("td",{className:a.cl(ie),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:a.cl(ce({selected:P||B,expanded:u})),...Q},h&&!t&&e.createElement(_,{widthPx:46,__autoLayout:!0},e.createElement(v,null)),g&&!t&&!N&&e.createElement(_,{widthPx:44,__autoLayout:!0},z),g&&h&&t&&e.createElement(_,{widthPx:46,__autoLayout:!0},N?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},z))),X),$&&g,b)}const oe=e.createElement("div",{className:a.cl(de({expanded:u}),s),...Q},e.createElement("div",{className:a.cl(_e({expanded:u,selected:P,cardSpacing:l,reorderable:y}))},y&&e.createElement(_,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:L({reorderable:y})},e.createElement(O.Button,{className:W({up:!0,disabled:!J}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_UP,onClick:()=>j(i,i-1),disabled:!J})),e.createElement("section",{className:L({reorderable:y})},e.createElement(O.Button,{className:W({down:!0,disabled:!U}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_DOWN,onClick:()=>j(i,i+1),disabled:!U}))),h&&!t&&e.createElement(_,{widthPx:46},e.createElement(v,null)),g&&!t&&!N&&e.createElement(_,{widthPx:44},z),g&&h&&t&&e.createElement(_,{widthPx:46},N?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},z))),X),$&&g);return y?e.createElement("div",{className:we},e.createElement("div",{className:a.cl(ue,s)},e.createElement("div",{className:Ce},e.createElement(H.SpsTextInput,{className:fe,value:M,onChange:xe,onBlur:()=>ee(),onKeyUp:b=>{b.key==="Enter"&&ee()},notClearable:!0}))),oe):oe}a.Metadata.set(V,{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 he=m({defaultClassName:"pkg_sps-woodland_content-row__version_8_34_14__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_34_14__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_34_14__hash_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const be=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function q({children:o,className:s,wrapContent:t=!1,...n}){const l=e.useMemo(()=>a.modChildren(o,d=>a.Metadata.isWoodlandComponent(d.type)&&be.has(a.Metadata.get(d.type).name)?[{__autoLayout:!0}]:[{}]),[o]),[[c],w]=e.useMemo(()=>a.selectChildren(l,[{type:d=>!!(a.Metadata.isWoodlandComponent(d.type)&&a.Metadata.get(d.type).name==="Sorting Header")}]),[l]);return e.createElement("table",{className:a.cl(he({wrapContent:t}),s),...n},c?e.createElement("thead",null,c):null,e.createElement("tbody",null,w))}a.Metadata.set(q,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const Re={"Content Rows":{components:[V,_,S],examples:{basic:{label:"Content Rows",examples:{basic:{react:p.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";
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_content-
|
|
1
|
+
.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee4{background:#fff;border-radius:.25rem;display:block}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee5{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee0: block}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee6{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee0: none}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjee8{border-radius:.25rem;margin-top:1rem}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjeec{background:#e6f2f8;border-color:#007db8}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeee{min-height:3.875rem}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjeeh{background:#fff}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeei{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee2: #007db8ff;background:#e6f2f8}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeej{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee2: #d2d4d4ff}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeek{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee1: 0}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeel{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee1: .25rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeem{height:1rem;background:transparent;border:0}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeen{background:none;border:0;padding:0}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeo{cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;margin-bottom:0}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeep{color:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeq{color:#007db8}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeq:hover{color:#09638d}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeer{display:var(--pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjees{display:table-cell}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeet{display:var(--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee0)}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeu{padding:1rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeeu:first-child{margin:-1rem -1rem 0}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjeev{display:flex}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew{position:absolute}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew:first-child{margin:-1rem -1rem 0;top:1rem}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjeex{min-height:1.78125rem;width:3.3125rem;height:50%;display:flex}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeey{padding:1rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeez{display:block}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjee11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee12{border-radius:0;padding:0}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee13{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee3: none;border:none}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee14{--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee3: inline}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee15{border-top-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee17{border-bottom-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee12{width:100%;height:100%}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee12 button{padding:0;width:100%;height:100%;min-height:1.78125rem;min-width:3.3125rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee12 button>i{display:var(--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee3)}.pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee11 input{text-align:center}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv1{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv4:not(:first-child){border-left:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv5{word-break:break-word}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv7{padding:1rem;vertical-align:middle;border-style:solid;border-color:var(--pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_1mxrufv7:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:var(--pkg_sps-woodland_content-row__version_8_34_14__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv8{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufva{border-left-width:0}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufvc{word-break:break-word}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv0>*{vertical-align:middle}.pkg_sps-woodland_content-row__version_8_34_14__hash_1mxrufv0 svg{margin-left:-.125rem;margin-top:-.125rem;vertical-align:middle;margin-bottom:0}.pkg_sps-woodland_content-row__version_8_34_14__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_34_14__hash_1wuky9j1{word-break:break-word}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/content-row",
|
|
3
3
|
"description": "SPS Woodland Design System page title component",
|
|
4
|
-
"version": "8.34.
|
|
4
|
+
"version": "8.34.14",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
"types": "./lib/index.d.ts",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
+
"types": "./lib/index.d.ts",
|
|
15
16
|
"require": "./lib/index.umd.cjs",
|
|
16
17
|
"import": "./lib/index.js",
|
|
17
|
-
"default": "./lib/index.js"
|
|
18
|
-
"types": "./lib/index.d.ts"
|
|
18
|
+
"default": "./lib/index.js"
|
|
19
19
|
},
|
|
20
20
|
"./lib/style.css": {
|
|
21
21
|
"import": "./lib/style.css",
|
|
@@ -27,31 +27,31 @@
|
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@spscommerce/ds-illustrations": "^6.12.1",
|
|
30
|
-
"@spscommerce/utils": "^7.0.0",
|
|
30
|
+
"@spscommerce/utils": "^7.0.0 || ^8.0.0",
|
|
31
31
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
32
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
|
-
"@sps-woodland/
|
|
34
|
-
"@sps-woodland/
|
|
35
|
-
"@sps-woodland/
|
|
36
|
-
"@spscommerce/ds-colors": "8.34.
|
|
37
|
-
"@spscommerce/ds-react": "8.34.
|
|
38
|
-
"@spscommerce/ds-shared": "8.34.
|
|
39
|
-
"@spscommerce/i18n": "8.34.
|
|
33
|
+
"@sps-woodland/buttons": "8.34.14",
|
|
34
|
+
"@sps-woodland/core": "8.34.14",
|
|
35
|
+
"@sps-woodland/tokens": "8.34.14",
|
|
36
|
+
"@spscommerce/ds-colors": "8.34.14",
|
|
37
|
+
"@spscommerce/ds-react": "8.34.14",
|
|
38
|
+
"@spscommerce/ds-shared": "8.34.14",
|
|
39
|
+
"@spscommerce/i18n": "8.34.14"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@spscommerce/ds-illustrations": "^6.12.1",
|
|
43
|
-
"@spscommerce/utils": "^
|
|
44
|
-
"@vanilla-extract/css": "^1.
|
|
43
|
+
"@spscommerce/utils": "^8.1.1",
|
|
44
|
+
"@vanilla-extract/css": "^1.17.4",
|
|
45
45
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
46
46
|
"react": "^16.14.0",
|
|
47
47
|
"react-dom": "^16.14.0",
|
|
48
|
-
"@sps-woodland/
|
|
49
|
-
"@sps-woodland/
|
|
50
|
-
"@sps-woodland/
|
|
51
|
-
"@spscommerce/ds-colors": "8.34.
|
|
52
|
-
"@spscommerce/ds-react": "8.34.
|
|
53
|
-
"@spscommerce/ds-shared": "8.34.
|
|
54
|
-
"@spscommerce/i18n": "8.34.
|
|
48
|
+
"@sps-woodland/buttons": "8.34.14",
|
|
49
|
+
"@sps-woodland/core": "8.34.14",
|
|
50
|
+
"@sps-woodland/tokens": "8.34.14",
|
|
51
|
+
"@spscommerce/ds-colors": "8.34.14",
|
|
52
|
+
"@spscommerce/ds-react": "8.34.14",
|
|
53
|
+
"@spscommerce/ds-shared": "8.34.14",
|
|
54
|
+
"@spscommerce/i18n": "8.34.14"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED