@sps-woodland/content-row 8.0.0-rc1 → 8.0.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/content-row/ContentRow.d.ts +2 -1
- package/lib/index.cjs.js +3 -3
- package/lib/index.es.js +78 -74
- package/package.json +11 -11
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ComponentProps } from "@sps-woodland/core";
|
|
3
|
-
export declare function ContentRow({ children, className, alternateLayout, initiallyExpanded, cardSpacing, expanded, onBeforeCollapsed, onBeforeExpanded, onSelectionChange, onCollapsed, onExpanded, selectable, selected, ...rest }: ComponentProps<{
|
|
3
|
+
export declare function ContentRow({ children, className, alternateLayout, initiallyExpanded, cardSpacing, expanded, onBeforeCollapsed, onBeforeExpanded, onSelectionChange, onCollapsed, onExpanded, selectable, selected, renderExpandedContent, ...rest }: ComponentProps<{
|
|
4
4
|
alternateLayout?: boolean;
|
|
5
5
|
initiallyExpanded?: boolean;
|
|
6
6
|
cardSpacing?: boolean;
|
|
@@ -12,4 +12,5 @@ export declare function ContentRow({ children, className, alternateLayout, initi
|
|
|
12
12
|
onExpanded?: () => void;
|
|
13
13
|
selectable?: boolean;
|
|
14
14
|
selected?: boolean;
|
|
15
|
+
renderExpandedContent?: boolean;
|
|
15
16
|
}, HTMLDivElement>): React.ReactElement;
|
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const H=require("react"),a=require("@sps-woodland/core"),A=require("@spscommerce/ds-react"),c=require("@spscommerce/utils");function D(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=D(H);function T(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function N(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 P(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?N(Object(o),!0).forEach(function(n){T(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):N(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var q=(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},x=e=>t=>{var o=e.defaultClassName,n=P(P({},e.defaultVariants),t);for(var r in n){var i,d=(i=n[r])!==null&&i!==void 0?i:e.defaultVariants[r];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var m=e.variantClassNames[r][l];m&&(o+=" "+m)}}for(var[C,w]of e.compoundVariants)q(C,n,e.defaultVariants)&&(o+=" "+w);return o},G=x({defaultClassName:"_1mxrufv0",variantClassNames:{lean:{true:"_1mxrufv1",false:"_1mxrufv2"},borderless:{true:"_1mxrufv3",false:"_1mxrufv4"}},defaultVariants:{lean:!1,borderless:!1},compoundVariants:[]});function p({children:e,className:t,borderless:o,lean:n,widthPx:r,widthRem:i,style:d,...l}){const m=r?r/16:i,C=m?{...d,width:`${m}rem`}:d;return s.createElement("div",{className:a.cl(G({lean:n,borderless:o}),t),...l,style:C},e)}a.Metadata.set(p,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"}}});var K=x({defaultClassName:"_11ztjee1",variantClassNames:{expanded:{true:"_11ztjee2",false:"_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),W=x({defaultClassName:"_11ztjee4",variantClassNames:{expanded:{true:"_11ztjee5",false:"_11ztjee6"},selected:{true:"_11ztjee7",false:"_11ztjee8"},cardSpacing:{true:"_11ztjee9",false:"_11ztjeea"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"_11ztjeeb"]]}),B="_11ztjeee",L="_11ztjeec",J="_11ztjeed",M="_11ztjeef";function R({children:e,className:t,...o}){return s.createElement("div",{className:a.cl(B,t),...o},e)}a.Metadata.set(R,{name:"Content Row Expansion"});function y({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:i,onBeforeCollapsed:d,onBeforeExpanded:l,onSelectionChange:m,onCollapsed:C,onExpanded:w,selectable:g=!1,selected:h,renderExpandedContent:f=!0,...I}){const[V,[b]]=a.selectChildren(e,[{type:p},{type:R}]),{t:_}=s.useContext(a.I18nContext),[j,S]=s.useState(f||n),[z,E]=s.useState(n),u=typeof i=="boolean"?i:z;function F(O){O.stopPropagation(),u&&(!d||d())?(E(!1),f||S(!1),C&&C()):!u&&(!l||l())&&(E(!0),f||S(!0),w&&w())}const k=()=>s.createElement(A.SpsCheckbox,{checked:h,onChange:m}),v=()=>s.createElement("button",{type:"button",className:a.cl(L),onClick:F,"aria-label":_(`design-system:contentRow.${u?"collapse":"expand"}`)},s.createElement(a.Icon,{className:a.cl(J),icon:u?"minus-circle":"plus-circle"}));return s.createElement("div",{className:a.cl(K({expanded:u}),t),...I},s.createElement("div",{className:a.cl(W({expanded:u,selected:h,cardSpacing:r}))},g&&!o&&s.createElement(p,{widthPx:46},s.createElement(k,null)),b&&!o&&s.createElement(p,{widthPx:44},s.createElement(v,null)),b&&g&&o&&s.createElement(p,{widthPx:46},s.createElement("section",{className:M},s.createElement(k,null)),s.createElement("section",{className:M},s.createElement(v,null))),V),j&&b)}a.Metadata.set(y,{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 Q={components:[y,p,R],examples:{basic:{label:"Content Rows",examples:{basic:{react:c.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";
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
`}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:c.code`
|
|
299
299
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
300
300
|
import { Card } from "@sps-woodland/cards";
|
|
301
|
-
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/
|
|
301
|
+
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
|
|
302
302
|
import { grid } from "@sps-woodland/tokens";
|
|
303
303
|
|
|
304
304
|
function Component() {
|
|
@@ -398,4 +398,4 @@
|
|
|
398
398
|
</>
|
|
399
399
|
)
|
|
400
400
|
}
|
|
401
|
-
`}}}}},
|
|
401
|
+
`}}}}},U={"Content Rows":Q};exports.ContentRow=y;exports.ContentRowCol=p;exports.ContentRowExpansion=R;exports.MANIFEST=U;
|
package/lib/index.es.js
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import { SpsCheckbox as
|
|
2
|
+
import { Metadata as b, cl as C, selectChildren as A, I18nContext as D, Icon as T } from "@sps-woodland/core";
|
|
3
|
+
import { SpsCheckbox as G } from "@spscommerce/ds-react";
|
|
4
4
|
import { code as l } from "@spscommerce/utils";
|
|
5
|
-
function
|
|
6
|
-
return
|
|
5
|
+
function K(e, n, o) {
|
|
6
|
+
return n in e ? Object.defineProperty(e, n, {
|
|
7
7
|
value: o,
|
|
8
8
|
enumerable: !0,
|
|
9
9
|
configurable: !0,
|
|
10
10
|
writable: !0
|
|
11
|
-
}) : e[
|
|
11
|
+
}) : e[n] = o, e;
|
|
12
12
|
}
|
|
13
|
-
function
|
|
13
|
+
function N(e, n) {
|
|
14
14
|
var o = Object.keys(e);
|
|
15
15
|
if (Object.getOwnPropertySymbols) {
|
|
16
|
-
var
|
|
17
|
-
|
|
16
|
+
var t = Object.getOwnPropertySymbols(e);
|
|
17
|
+
n && (t = t.filter(function(r) {
|
|
18
18
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
19
|
-
})), o.push.apply(o,
|
|
19
|
+
})), o.push.apply(o, t);
|
|
20
20
|
}
|
|
21
21
|
return o;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
24
|
-
for (var
|
|
25
|
-
var o = arguments[
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) :
|
|
29
|
-
Object.defineProperty(e,
|
|
23
|
+
function P(e) {
|
|
24
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
25
|
+
var o = arguments[n] != null ? arguments[n] : {};
|
|
26
|
+
n % 2 ? N(Object(o), !0).forEach(function(t) {
|
|
27
|
+
K(e, t, o[t]);
|
|
28
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : N(Object(o)).forEach(function(t) {
|
|
29
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t));
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
return e;
|
|
33
33
|
}
|
|
34
|
-
var
|
|
35
|
-
for (var
|
|
34
|
+
var W = (e, n, o) => {
|
|
35
|
+
for (var t of Object.keys(e)) {
|
|
36
36
|
var r;
|
|
37
|
-
if (e[
|
|
37
|
+
if (e[t] !== ((r = n[t]) !== null && r !== void 0 ? r : o[t]))
|
|
38
38
|
return !1;
|
|
39
39
|
}
|
|
40
40
|
return !0;
|
|
41
|
-
},
|
|
42
|
-
var o = e.defaultClassName,
|
|
43
|
-
for (var r in
|
|
44
|
-
var i, d = (i =
|
|
41
|
+
}, x = (e) => (n) => {
|
|
42
|
+
var o = e.defaultClassName, t = P(P({}, e.defaultVariants), n);
|
|
43
|
+
for (var r in t) {
|
|
44
|
+
var i, d = (i = t[r]) !== null && i !== void 0 ? i : e.defaultVariants[r];
|
|
45
45
|
if (d != null) {
|
|
46
46
|
var a = d;
|
|
47
47
|
typeof a == "boolean" && (a = a === !0 ? "true" : "false");
|
|
@@ -50,14 +50,14 @@ var T = (e, t, o) => {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
for (var [m, w] of e.compoundVariants)
|
|
53
|
-
|
|
53
|
+
W(m, t, e.defaultVariants) && (o += " " + w);
|
|
54
54
|
return o;
|
|
55
|
-
},
|
|
55
|
+
}, B = x({ defaultClassName: "_1mxrufv0", variantClassNames: { lean: { true: "_1mxrufv1", false: "_1mxrufv2" }, borderless: { true: "_1mxrufv3", false: "_1mxrufv4" } }, defaultVariants: { lean: !1, borderless: !1 }, compoundVariants: [] });
|
|
56
56
|
function u({
|
|
57
57
|
children: e,
|
|
58
|
-
className:
|
|
58
|
+
className: n,
|
|
59
59
|
borderless: o,
|
|
60
|
-
lean:
|
|
60
|
+
lean: t,
|
|
61
61
|
widthPx: r,
|
|
62
62
|
widthRem: i,
|
|
63
63
|
style: d,
|
|
@@ -68,12 +68,12 @@ function u({
|
|
|
68
68
|
width: `${c}rem`
|
|
69
69
|
} : d;
|
|
70
70
|
return /* @__PURE__ */ s.createElement("div", {
|
|
71
|
-
className: C(
|
|
71
|
+
className: C(B({ lean: t, borderless: o }), n),
|
|
72
72
|
...a,
|
|
73
73
|
style: m
|
|
74
74
|
}, e);
|
|
75
75
|
}
|
|
76
|
-
|
|
76
|
+
b.set(u, {
|
|
77
77
|
name: "Content Row Col",
|
|
78
78
|
props: {
|
|
79
79
|
borderless: { type: "boolean" },
|
|
@@ -82,25 +82,25 @@ R.set(u, {
|
|
|
82
82
|
widthRem: { type: "number" }
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
|
-
var
|
|
86
|
-
function
|
|
85
|
+
var L = x({ defaultClassName: "_11ztjee1", variantClassNames: { expanded: { true: "_11ztjee2", false: "_11ztjee3" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), J = x({ defaultClassName: "_11ztjee4", variantClassNames: { expanded: { true: "_11ztjee5", false: "_11ztjee6" }, selected: { true: "_11ztjee7", false: "_11ztjee8" }, cardSpacing: { true: "_11ztjee9", false: "_11ztjeea" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "_11ztjeeb"]] }), q = "_11ztjeee", Q = "_11ztjeec", U = "_11ztjeed", M = "_11ztjeef";
|
|
86
|
+
function y({
|
|
87
87
|
children: e,
|
|
88
|
-
className:
|
|
88
|
+
className: n,
|
|
89
89
|
...o
|
|
90
90
|
}) {
|
|
91
91
|
return /* @__PURE__ */ s.createElement("div", {
|
|
92
|
-
className: C(
|
|
92
|
+
className: C(q, n),
|
|
93
93
|
...o
|
|
94
94
|
}, e);
|
|
95
95
|
}
|
|
96
|
-
|
|
96
|
+
b.set(y, {
|
|
97
97
|
name: "Content Row Expansion"
|
|
98
98
|
});
|
|
99
|
-
function
|
|
99
|
+
function I({
|
|
100
100
|
children: e,
|
|
101
|
-
className:
|
|
101
|
+
className: n,
|
|
102
102
|
alternateLayout: o = !1,
|
|
103
|
-
initiallyExpanded:
|
|
103
|
+
initiallyExpanded: t = !1,
|
|
104
104
|
cardSpacing: r = !1,
|
|
105
105
|
expanded: i,
|
|
106
106
|
onBeforeCollapsed: d,
|
|
@@ -108,53 +108,56 @@ function P({
|
|
|
108
108
|
onSelectionChange: c,
|
|
109
109
|
onCollapsed: m,
|
|
110
110
|
onExpanded: w,
|
|
111
|
-
selectable:
|
|
112
|
-
selected:
|
|
113
|
-
|
|
111
|
+
selectable: h = !1,
|
|
112
|
+
selected: g,
|
|
113
|
+
renderExpandedContent: f = !0,
|
|
114
|
+
...V
|
|
114
115
|
}) {
|
|
115
|
-
const [
|
|
116
|
+
const [z, [R]] = A(e, [
|
|
116
117
|
{ type: u },
|
|
117
|
-
{ type:
|
|
118
|
-
]), { t:
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
{ type: y }
|
|
119
|
+
]), { t: F } = s.useContext(D), [j, S] = s.useState(
|
|
120
|
+
f || t
|
|
121
|
+
), [_, E] = s.useState(t), p = typeof i == "boolean" ? i : _;
|
|
122
|
+
function H(O) {
|
|
123
|
+
O.stopPropagation(), p && (!d || d()) ? (E(!1), f || S(!1), m && m()) : !p && (!a || a()) && (E(!0), f || S(!0), w && w());
|
|
121
124
|
}
|
|
122
|
-
const
|
|
123
|
-
checked:
|
|
125
|
+
const k = () => /* @__PURE__ */ s.createElement(G, {
|
|
126
|
+
checked: g,
|
|
124
127
|
onChange: c
|
|
125
|
-
}),
|
|
128
|
+
}), v = () => /* @__PURE__ */ s.createElement("button", {
|
|
126
129
|
type: "button",
|
|
127
|
-
className: C(
|
|
128
|
-
onClick:
|
|
129
|
-
"aria-label":
|
|
130
|
-
}, /* @__PURE__ */ s.createElement(
|
|
131
|
-
className: C(
|
|
130
|
+
className: C(Q),
|
|
131
|
+
onClick: H,
|
|
132
|
+
"aria-label": F(`design-system:contentRow.${p ? "collapse" : "expand"}`)
|
|
133
|
+
}, /* @__PURE__ */ s.createElement(T, {
|
|
134
|
+
className: C(U),
|
|
132
135
|
icon: p ? "minus-circle" : "plus-circle"
|
|
133
136
|
}));
|
|
134
137
|
return /* @__PURE__ */ s.createElement("div", {
|
|
135
|
-
className: C(
|
|
136
|
-
...
|
|
138
|
+
className: C(L({ expanded: p }), n),
|
|
139
|
+
...V
|
|
137
140
|
}, /* @__PURE__ */ s.createElement("div", {
|
|
138
141
|
className: C(
|
|
139
|
-
|
|
142
|
+
J({
|
|
140
143
|
expanded: p,
|
|
141
|
-
selected:
|
|
144
|
+
selected: g,
|
|
142
145
|
cardSpacing: r
|
|
143
146
|
})
|
|
144
147
|
)
|
|
145
|
-
},
|
|
148
|
+
}, h && !o && /* @__PURE__ */ s.createElement(u, {
|
|
146
149
|
widthPx: 46
|
|
147
|
-
}, /* @__PURE__ */ s.createElement(
|
|
150
|
+
}, /* @__PURE__ */ s.createElement(k, null)), R && !o && /* @__PURE__ */ s.createElement(u, {
|
|
148
151
|
widthPx: 44
|
|
149
|
-
}, /* @__PURE__ */ s.createElement(
|
|
152
|
+
}, /* @__PURE__ */ s.createElement(v, null)), R && h && o && /* @__PURE__ */ s.createElement(u, {
|
|
150
153
|
widthPx: 46
|
|
151
154
|
}, /* @__PURE__ */ s.createElement("section", {
|
|
152
|
-
className:
|
|
153
|
-
}, /* @__PURE__ */ s.createElement(
|
|
154
|
-
className:
|
|
155
|
-
}, /* @__PURE__ */ s.createElement(
|
|
155
|
+
className: M
|
|
156
|
+
}, /* @__PURE__ */ s.createElement(k, null)), /* @__PURE__ */ s.createElement("section", {
|
|
157
|
+
className: M
|
|
158
|
+
}, /* @__PURE__ */ s.createElement(v, null))), z), j && R);
|
|
156
159
|
}
|
|
157
|
-
|
|
160
|
+
b.set(I, {
|
|
158
161
|
name: "Content Row",
|
|
159
162
|
props: {
|
|
160
163
|
alternateLayout: { type: "boolean", default: "false" },
|
|
@@ -167,11 +170,12 @@ R.set(P, {
|
|
|
167
170
|
onCollapsed: { type: "() => void" },
|
|
168
171
|
onExpanded: { type: "() => void" },
|
|
169
172
|
selectable: { type: "boolean", default: "false" },
|
|
170
|
-
selected: { type: "boolean" }
|
|
173
|
+
selected: { type: "boolean" },
|
|
174
|
+
renderExpandedContent: { type: "boolean", default: "true" }
|
|
171
175
|
}
|
|
172
176
|
});
|
|
173
|
-
const
|
|
174
|
-
components: [
|
|
177
|
+
const X = {
|
|
178
|
+
components: [I, u, y],
|
|
175
179
|
examples: {
|
|
176
180
|
basic: {
|
|
177
181
|
label: "Content Rows",
|
|
@@ -511,7 +515,7 @@ const q = {
|
|
|
511
515
|
react: l`
|
|
512
516
|
import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
|
|
513
517
|
import { Card } from "@sps-woodland/cards";
|
|
514
|
-
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/
|
|
518
|
+
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
|
|
515
519
|
import { grid } from "@sps-woodland/tokens";
|
|
516
520
|
|
|
517
521
|
function Component() {
|
|
@@ -616,12 +620,12 @@ const q = {
|
|
|
616
620
|
}
|
|
617
621
|
}
|
|
618
622
|
}
|
|
619
|
-
},
|
|
620
|
-
"Content Rows":
|
|
623
|
+
}, ee = {
|
|
624
|
+
"Content Rows": X
|
|
621
625
|
};
|
|
622
626
|
export {
|
|
623
|
-
|
|
627
|
+
I as ContentRow,
|
|
624
628
|
u as ContentRowCol,
|
|
625
|
-
|
|
626
|
-
|
|
629
|
+
y as ContentRowExpansion,
|
|
630
|
+
ee as MANIFEST
|
|
627
631
|
};
|
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.0.0
|
|
4
|
+
"version": "8.0.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",
|
|
@@ -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": "8.0.0
|
|
34
|
-
"@sps-woodland/tokens": "8.0.0
|
|
35
|
-
"@spscommerce/ds-
|
|
36
|
-
"@spscommerce/ds-
|
|
37
|
-
"@spscommerce/ds-shared": "8.0.0
|
|
33
|
+
"@sps-woodland/core": "8.0.0",
|
|
34
|
+
"@sps-woodland/tokens": "8.0.0",
|
|
35
|
+
"@spscommerce/ds-colors": "8.0.0",
|
|
36
|
+
"@spscommerce/ds-react": "8.0.0",
|
|
37
|
+
"@spscommerce/ds-shared": "8.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@spscommerce/ds-illustrations": "^6.12.1",
|
|
@@ -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/core": "8.0.0
|
|
47
|
-
"@sps-woodland/tokens": "8.0.0
|
|
48
|
-
"@spscommerce/ds-colors": "8.0.0
|
|
49
|
-
"@spscommerce/ds-react": "8.0.0
|
|
50
|
-
"@spscommerce/ds-shared": "8.0.0
|
|
46
|
+
"@sps-woodland/core": "8.0.0",
|
|
47
|
+
"@sps-woodland/tokens": "8.0.0",
|
|
48
|
+
"@spscommerce/ds-colors": "8.0.0",
|
|
49
|
+
"@spscommerce/ds-react": "8.0.0",
|
|
50
|
+
"@spscommerce/ds-shared": "8.0.0"
|
|
51
51
|
},
|
|
52
52
|
"scripts": {
|
|
53
53
|
"build": "pnpm run build:js && pnpm run build:types",
|