@sps-woodland/content-row 7.17.13 → 7.19.0
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} +60 -60
- package/lib/{index.cjs.js → index.umd.cjs} +10 -10
- package/lib/style.css +1 -1
- package/package.json +16 -16
- package/sps-woodland-content-row-7.19.0.tgz +0 -0
- package/vite.config.js +13 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
|
-
import { Metadata as
|
|
2
|
+
import { Metadata as R, cl as w, selectChildren as A, I18nContext as D, Icon as T } from "@sps-woodland/core";
|
|
3
3
|
import { SpsCheckbox as G } from "@spscommerce/ds-react";
|
|
4
4
|
import { code as l } from "@spscommerce/utils";
|
|
5
5
|
function K(e, n, o) {
|
|
@@ -10,7 +10,7 @@ function K(e, n, o) {
|
|
|
10
10
|
writable: !0
|
|
11
11
|
}) : e[n] = o, e;
|
|
12
12
|
}
|
|
13
|
-
function
|
|
13
|
+
function E(e, n) {
|
|
14
14
|
var o = Object.keys(e);
|
|
15
15
|
if (Object.getOwnPropertySymbols) {
|
|
16
16
|
var t = Object.getOwnPropertySymbols(e);
|
|
@@ -20,12 +20,12 @@ function N(e, n) {
|
|
|
20
20
|
}
|
|
21
21
|
return o;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function N(e) {
|
|
24
24
|
for (var n = 1; n < arguments.length; n++) {
|
|
25
25
|
var o = arguments[n] != null ? arguments[n] : {};
|
|
26
|
-
n % 2 ?
|
|
26
|
+
n % 2 ? E(Object(o), !0).forEach(function(t) {
|
|
27
27
|
K(e, t, o[t]);
|
|
28
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) :
|
|
28
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : E(Object(o)).forEach(function(t) {
|
|
29
29
|
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t));
|
|
30
30
|
});
|
|
31
31
|
}
|
|
@@ -38,46 +38,46 @@ var W = (e, n, o) => {
|
|
|
38
38
|
return !1;
|
|
39
39
|
}
|
|
40
40
|
return !0;
|
|
41
|
-
},
|
|
42
|
-
var o = e.defaultClassName, t =
|
|
41
|
+
}, b = (e) => (n) => {
|
|
42
|
+
var o = e.defaultClassName, t = N(N({}, e.defaultVariants), n);
|
|
43
43
|
for (var r in t) {
|
|
44
|
-
var
|
|
45
|
-
if (
|
|
46
|
-
var a =
|
|
44
|
+
var d, i = (d = t[r]) !== null && d !== void 0 ? d : e.defaultVariants[r];
|
|
45
|
+
if (i != null) {
|
|
46
|
+
var a = i;
|
|
47
47
|
typeof a == "boolean" && (a = a === !0 ? "true" : "false");
|
|
48
48
|
var c = e.variantClassNames[r][a];
|
|
49
49
|
c && (o += " " + c);
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
for (var [
|
|
53
|
-
W(
|
|
52
|
+
for (var [p, u] of e.compoundVariants)
|
|
53
|
+
W(p, t, e.defaultVariants) && (o += " " + u);
|
|
54
54
|
return o;
|
|
55
|
-
}, B =
|
|
56
|
-
function
|
|
55
|
+
}, B = b({ defaultClassName: "pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv0", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv1", false: "pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv2" }, borderless: { true: "pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv3", false: "pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv4" } }, defaultVariants: { lean: !1, borderless: !1 }, compoundVariants: [] });
|
|
56
|
+
function C({
|
|
57
57
|
children: e,
|
|
58
58
|
className: n,
|
|
59
59
|
borderless: o,
|
|
60
60
|
lean: t,
|
|
61
61
|
widthPx: r,
|
|
62
|
-
widthRem:
|
|
63
|
-
style:
|
|
62
|
+
widthRem: d,
|
|
63
|
+
style: i,
|
|
64
64
|
...a
|
|
65
65
|
}) {
|
|
66
|
-
const c = r ? r / 16 :
|
|
67
|
-
...
|
|
66
|
+
const c = r ? r / 16 : d, p = c ? {
|
|
67
|
+
...i,
|
|
68
68
|
width: `${c}rem`
|
|
69
|
-
} :
|
|
69
|
+
} : i;
|
|
70
70
|
return /* @__PURE__ */ s.createElement(
|
|
71
71
|
"div",
|
|
72
72
|
{
|
|
73
|
-
className:
|
|
73
|
+
className: w(B({ lean: t, borderless: o }), n),
|
|
74
74
|
...a,
|
|
75
|
-
style:
|
|
75
|
+
style: p
|
|
76
76
|
},
|
|
77
77
|
e
|
|
78
78
|
);
|
|
79
79
|
}
|
|
80
|
-
|
|
80
|
+
R.set(C, {
|
|
81
81
|
name: "Content Row Col",
|
|
82
82
|
props: {
|
|
83
83
|
borderless: { type: "boolean" },
|
|
@@ -86,71 +86,71 @@ b.set(u, {
|
|
|
86
86
|
widthRem: { type: "number" }
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
|
-
var L =
|
|
90
|
-
function
|
|
89
|
+
var L = b({ defaultClassName: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee1", variantClassNames: { expanded: { true: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee2", false: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee3" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), J = b({ defaultClassName: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee4", variantClassNames: { expanded: { true: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee5", false: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee6" }, selected: { true: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee7", false: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee8" }, cardSpacing: { true: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee9", false: "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeea" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeeb"]] }), q = "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeee", Q = "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeec", U = "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeed", P = "pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeef";
|
|
90
|
+
function h({
|
|
91
91
|
children: e,
|
|
92
92
|
className: n,
|
|
93
93
|
...o
|
|
94
94
|
}) {
|
|
95
|
-
return /* @__PURE__ */ s.createElement("div", { className:
|
|
95
|
+
return /* @__PURE__ */ s.createElement("div", { className: w(q, n), ...o }, e);
|
|
96
96
|
}
|
|
97
|
-
|
|
97
|
+
R.set(h, {
|
|
98
98
|
name: "Content Row Expansion"
|
|
99
99
|
});
|
|
100
|
-
function
|
|
100
|
+
function M({
|
|
101
101
|
children: e,
|
|
102
102
|
className: n,
|
|
103
103
|
alternateLayout: o = !1,
|
|
104
104
|
initiallyExpanded: t = !1,
|
|
105
105
|
cardSpacing: r = !1,
|
|
106
|
-
expanded:
|
|
107
|
-
onBeforeCollapsed:
|
|
106
|
+
expanded: d,
|
|
107
|
+
onBeforeCollapsed: i,
|
|
108
108
|
onBeforeExpanded: a,
|
|
109
109
|
onSelectionChange: c,
|
|
110
|
-
onCollapsed:
|
|
111
|
-
onExpanded:
|
|
112
|
-
selectable:
|
|
113
|
-
selected:
|
|
114
|
-
renderExpandedContent:
|
|
115
|
-
...
|
|
110
|
+
onCollapsed: p,
|
|
111
|
+
onExpanded: u,
|
|
112
|
+
selectable: g = !1,
|
|
113
|
+
selected: x,
|
|
114
|
+
renderExpandedContent: _ = !0,
|
|
115
|
+
...I
|
|
116
116
|
}) {
|
|
117
|
-
const [
|
|
118
|
-
{ type:
|
|
119
|
-
{ type:
|
|
120
|
-
]), { t:
|
|
121
|
-
|
|
122
|
-
), [
|
|
117
|
+
const [V, [f]] = A(e, [
|
|
118
|
+
{ type: C },
|
|
119
|
+
{ type: h }
|
|
120
|
+
]), { t: z } = s.useContext(D), [F, y] = s.useState(
|
|
121
|
+
_ || t
|
|
122
|
+
), [j, k] = s.useState(t), m = typeof d == "boolean" ? d : j;
|
|
123
123
|
function H(O) {
|
|
124
|
-
O.stopPropagation(),
|
|
124
|
+
O.stopPropagation(), m && (!i || i()) ? (k(!1), _ || y(!1), p && p()) : !m && (!a || a()) && (k(!0), _ || y(!0), u && u());
|
|
125
125
|
}
|
|
126
|
-
const
|
|
126
|
+
const v = () => /* @__PURE__ */ s.createElement(G, { checked: x, onChange: c }), S = () => /* @__PURE__ */ s.createElement(
|
|
127
127
|
"button",
|
|
128
128
|
{
|
|
129
129
|
type: "button",
|
|
130
|
-
className:
|
|
130
|
+
className: w(Q),
|
|
131
131
|
onClick: H,
|
|
132
|
-
"aria-label":
|
|
132
|
+
"aria-label": z(`design-system:contentRow.${m ? "collapse" : "expand"}`)
|
|
133
133
|
},
|
|
134
|
-
/* @__PURE__ */ s.createElement(T, { className:
|
|
134
|
+
/* @__PURE__ */ s.createElement(T, { className: w(U), icon: m ? "minus-circle" : "plus-circle" })
|
|
135
135
|
);
|
|
136
|
-
return /* @__PURE__ */ s.createElement("div", { className:
|
|
136
|
+
return /* @__PURE__ */ s.createElement("div", { className: w(L({ expanded: m }), n), ...I }, /* @__PURE__ */ s.createElement(
|
|
137
137
|
"div",
|
|
138
138
|
{
|
|
139
|
-
className:
|
|
139
|
+
className: w(
|
|
140
140
|
J({
|
|
141
|
-
expanded:
|
|
142
|
-
selected:
|
|
141
|
+
expanded: m,
|
|
142
|
+
selected: x,
|
|
143
143
|
cardSpacing: r
|
|
144
144
|
})
|
|
145
145
|
)
|
|
146
146
|
},
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
),
|
|
147
|
+
g && !o && /* @__PURE__ */ s.createElement(C, { widthPx: 46 }, /* @__PURE__ */ s.createElement(v, null)),
|
|
148
|
+
f && !o && /* @__PURE__ */ s.createElement(C, { widthPx: 44 }, /* @__PURE__ */ s.createElement(S, null)),
|
|
149
|
+
f && g && o && /* @__PURE__ */ s.createElement(C, { widthPx: 46 }, /* @__PURE__ */ s.createElement("section", { className: P }, /* @__PURE__ */ s.createElement(v, null)), /* @__PURE__ */ s.createElement("section", { className: P }, /* @__PURE__ */ s.createElement(S, null))),
|
|
150
|
+
V
|
|
151
|
+
), F && f);
|
|
152
152
|
}
|
|
153
|
-
|
|
153
|
+
R.set(M, {
|
|
154
154
|
name: "Content Row",
|
|
155
155
|
props: {
|
|
156
156
|
alternateLayout: { type: "boolean", default: "false" },
|
|
@@ -168,7 +168,7 @@ b.set(I, {
|
|
|
168
168
|
}
|
|
169
169
|
});
|
|
170
170
|
const X = {
|
|
171
|
-
components: [
|
|
171
|
+
components: [M, C, h],
|
|
172
172
|
examples: {
|
|
173
173
|
basic: {
|
|
174
174
|
label: "Content Rows",
|
|
@@ -617,8 +617,8 @@ const X = {
|
|
|
617
617
|
"Content Rows": X
|
|
618
618
|
};
|
|
619
619
|
export {
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
620
|
+
M as ContentRow,
|
|
621
|
+
C as ContentRowCol,
|
|
622
|
+
h as ContentRowExpansion,
|
|
623
623
|
ee as MANIFEST
|
|
624
624
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"
|
|
1
|
+
(function(a,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/ds-react"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/ds-react","@spscommerce/utils"],_):(a=typeof globalThis<"u"?globalThis:a||self,_(a.ContentRow={},a.React,a.core,a.dsReact,a.utils))})(this,function(a,_,l,V,d){"use strict";function j(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=j(_),X="";function z(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function x(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function k(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?x(Object(o),!0).forEach(function(n){z(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var F=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},h=e=>t=>{var o=e.defaultClassName,n=k(k({},e.defaultVariants),t);for(var r in n){var c,p=(c=n[r])!==null&&c!==void 0?c:e.defaultVariants[r];if(p!=null){var i=p;typeof i=="boolean"&&(i=i===!0?"true":"false");var w=e.variantClassNames[r][i];w&&(o+=" "+w)}}for(var[C,R]of e.compoundVariants)F(C,n,e.defaultVariants)&&(o+=" "+R);return o},O=h({defaultClassName:"pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv4"}},defaultVariants:{lean:!1,borderless:!1},compoundVariants:[]});function m({children:e,className:t,borderless:o,lean:n,widthPx:r,widthRem:c,style:p,...i}){const w=r?r/16:c,C=w?{...p,width:`${w}rem`}:p;return s.createElement("div",{className:l.cl(O({lean:n,borderless:o}),t),...i,style:C},e)}l.Metadata.set(m,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"}}});const Y="";var H=h({defaultClassName:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee1",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee2",false:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),A=h({defaultClassName:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee6"},selected:{true:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee7",false:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee8"},cardSpacing:{true:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee9",false:"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeea"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeeb"]]}),D="pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeee",T="pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeec",q="pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeed",v="pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeef";function f({children:e,className:t,...o}){return s.createElement("div",{className:l.cl(D,t),...o},e)}l.Metadata.set(f,{name:"Content Row Expansion"});function g({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:c,onBeforeCollapsed:p,onBeforeExpanded:i,onSelectionChange:w,onCollapsed:C,onExpanded:R,selectable:S=!1,selected:E,renderExpandedContent:b=!0,...K}){const[W,[y]]=l.selectChildren(e,[{type:m},{type:f}]),{t:B}=s.useContext(l.I18nContext),[L,N]=s.useState(b||n),[J,P]=s.useState(n),u=typeof c=="boolean"?c:J;function Q(U){U.stopPropagation(),u&&(!p||p())?(P(!1),b||N(!1),C&&C()):!u&&(!i||i())&&(P(!0),b||N(!0),R&&R())}const M=()=>s.createElement(V.SpsCheckbox,{checked:E,onChange:w}),I=()=>s.createElement("button",{type:"button",className:l.cl(T),onClick:Q,"aria-label":B(`design-system:contentRow.${u?"collapse":"expand"}`)},s.createElement(l.Icon,{className:l.cl(q),icon:u?"minus-circle":"plus-circle"}));return s.createElement("div",{className:l.cl(H({expanded:u}),t),...K},s.createElement("div",{className:l.cl(A({expanded:u,selected:E,cardSpacing:r}))},S&&!o&&s.createElement(m,{widthPx:46},s.createElement(M,null)),y&&!o&&s.createElement(m,{widthPx:44},s.createElement(I,null)),y&&S&&o&&s.createElement(m,{widthPx:46},s.createElement("section",{className:v},s.createElement(M,null)),s.createElement("section",{className:v},s.createElement(I,null))),W),L&&y)}l.Metadata.set(g,{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"}}});const G={"Content Rows":{components:[g,m,f],examples:{basic:{label:"Content Rows",examples:{basic:{react:d.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:d.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:d.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:d.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:d.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:d.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:d.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:d.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:d.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
|
+
`}}}}}};a.ContentRow=g,a.ContentRowCol=m,a.ContentRowExpansion=f,a.MANIFEST=G,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}.pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv1{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv4:not(:first-child){border-left:.0625rem solid #d2d4d4}.pkg_sps-woodland_content-row__version_7_19_0__hash_1mxrufv0>*{vertical-align:middle}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee1{background:#ffffff;display:block}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee2{--pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee0: block}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee3{--pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee0: none}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee4{border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem;display:table;table-layout:fixed;width:100.06%}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee5{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_7_19_0__hash_11ztjee7{background:#e6f2f8;border-color:#007db8}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee9{border-radius:.25rem;margin-top:1rem}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeeb{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_7_19_0__hash_11ztjeec{background:none;border:0;padding:0}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeed{color:#007db8;cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeed:hover{color:#09638d}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeee{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;display:var(--pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjee0);padding:1rem}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeef{padding:1rem}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeef:first-child{margin:-1rem -1rem 0}.pkg_sps-woodland_content-row__version_7_19_0__hash_11ztjeef: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}
|
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": "7.
|
|
4
|
+
"version": "7.19.0",
|
|
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
|
-
"module": "./lib/index.es.js",
|
|
10
9
|
"type": "module",
|
|
11
|
-
"
|
|
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,11 +30,11 @@
|
|
|
30
30
|
"@spscommerce/utils": "^6.12.1",
|
|
31
31
|
"react": "^16.14.0",
|
|
32
32
|
"react-dom": "^16.14.0",
|
|
33
|
-
"@sps-woodland/core": "7.
|
|
34
|
-
"@sps-woodland/tokens": "7.
|
|
35
|
-
"@spscommerce/ds-colors": "7.
|
|
36
|
-
"@spscommerce/ds-
|
|
37
|
-
"@spscommerce/ds-
|
|
33
|
+
"@sps-woodland/core": "7.19.0",
|
|
34
|
+
"@sps-woodland/tokens": "7.19.0",
|
|
35
|
+
"@spscommerce/ds-colors": "7.19.0",
|
|
36
|
+
"@spscommerce/ds-shared": "7.19.0",
|
|
37
|
+
"@spscommerce/ds-react": "7.19.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@spscommerce/ds-illustrations": "6.37.3",
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
44
44
|
"react": "^16.14.0",
|
|
45
45
|
"react-dom": "^16.14.0",
|
|
46
|
-
"@sps-woodland/
|
|
47
|
-
"@
|
|
48
|
-
"@
|
|
49
|
-
"@spscommerce/ds-
|
|
50
|
-
"@spscommerce/ds-shared": "7.
|
|
46
|
+
"@sps-woodland/tokens": "7.19.0",
|
|
47
|
+
"@spscommerce/ds-react": "7.19.0",
|
|
48
|
+
"@sps-woodland/core": "7.19.0",
|
|
49
|
+
"@spscommerce/ds-colors": "7.19.0",
|
|
50
|
+
"@spscommerce/ds-shared": "7.19.0"
|
|
51
51
|
},
|
|
52
52
|
"scripts": {
|
|
53
53
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
Binary file
|
package/vite.config.js
CHANGED
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
import path from "path";
|
|
2
2
|
import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
|
|
3
3
|
import { defineConfig } from "vite";
|
|
4
|
-
|
|
4
|
+
import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.js";
|
|
5
5
|
import pkg from "./package.json";
|
|
6
6
|
|
|
7
|
+
const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
|
|
8
|
+
|
|
7
9
|
export default defineConfig({
|
|
8
|
-
plugins: [
|
|
10
|
+
plugins: [
|
|
11
|
+
vanillaExtractPlugin(
|
|
12
|
+
getVanillaExtractPluginProps({
|
|
13
|
+
packageName: pkg.name,
|
|
14
|
+
packageVersion,
|
|
15
|
+
})
|
|
16
|
+
),
|
|
17
|
+
],
|
|
9
18
|
build: {
|
|
10
19
|
lib: {
|
|
11
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|
|
12
|
-
|
|
13
|
-
fileName:
|
|
21
|
+
name: "ContentRow",
|
|
22
|
+
fileName: "index",
|
|
14
23
|
},
|
|
15
24
|
outDir: path.resolve(__dirname, "./lib"),
|
|
16
25
|
emptyOutDir: false,
|