@sps-woodland/content-row 8.2.1 → 8.3.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 +36 -43
- package/lib/style.css +1 -1
- package/package.json +11 -11
package/lib/index.es.js
CHANGED
@@ -67,11 +67,15 @@ function u({
|
|
67
67
|
...d,
|
68
68
|
width: `${c}rem`
|
69
69
|
} : d;
|
70
|
-
return /* @__PURE__ */ s.createElement(
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
70
|
+
return /* @__PURE__ */ s.createElement(
|
71
|
+
"div",
|
72
|
+
{
|
73
|
+
className: C(B({ lean: t, borderless: o }), n),
|
74
|
+
...a,
|
75
|
+
style: m
|
76
|
+
},
|
77
|
+
e
|
78
|
+
);
|
75
79
|
}
|
76
80
|
b.set(u, {
|
77
81
|
name: "Content Row Col",
|
@@ -88,10 +92,7 @@ function y({
|
|
88
92
|
className: n,
|
89
93
|
...o
|
90
94
|
}) {
|
91
|
-
return /* @__PURE__ */ s.createElement("div", {
|
92
|
-
className: C(q, n),
|
93
|
-
...o
|
94
|
-
}, e);
|
95
|
+
return /* @__PURE__ */ s.createElement("div", { className: C(q, n), ...o }, e);
|
95
96
|
}
|
96
97
|
b.set(y, {
|
97
98
|
name: "Content Row Expansion"
|
@@ -122,40 +123,32 @@ function I({
|
|
122
123
|
function H(O) {
|
123
124
|
O.stopPropagation(), p && (!d || d()) ? (E(!1), f || S(!1), m && m()) : !p && (!a || a()) && (E(!0), f || S(!0), w && w());
|
124
125
|
}
|
125
|
-
const k = () => /* @__PURE__ */ s.createElement(G, {
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
)
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
widthPx: 44
|
152
|
-
}, /* @__PURE__ */ s.createElement(v, null)), R && h && o && /* @__PURE__ */ s.createElement(u, {
|
153
|
-
widthPx: 46
|
154
|
-
}, /* @__PURE__ */ s.createElement("section", {
|
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);
|
126
|
+
const k = () => /* @__PURE__ */ s.createElement(G, { checked: g, onChange: c }), v = () => /* @__PURE__ */ s.createElement(
|
127
|
+
"button",
|
128
|
+
{
|
129
|
+
type: "button",
|
130
|
+
className: C(Q),
|
131
|
+
onClick: H,
|
132
|
+
"aria-label": F(`design-system:contentRow.${p ? "collapse" : "expand"}`)
|
133
|
+
},
|
134
|
+
/* @__PURE__ */ s.createElement(T, { className: C(U), icon: p ? "minus-circle" : "plus-circle" })
|
135
|
+
);
|
136
|
+
return /* @__PURE__ */ s.createElement("div", { className: C(L({ expanded: p }), n), ...V }, /* @__PURE__ */ s.createElement(
|
137
|
+
"div",
|
138
|
+
{
|
139
|
+
className: C(
|
140
|
+
J({
|
141
|
+
expanded: p,
|
142
|
+
selected: g,
|
143
|
+
cardSpacing: r
|
144
|
+
})
|
145
|
+
)
|
146
|
+
},
|
147
|
+
h && !o && /* @__PURE__ */ s.createElement(u, { widthPx: 46 }, /* @__PURE__ */ s.createElement(k, null)),
|
148
|
+
R && !o && /* @__PURE__ */ s.createElement(u, { widthPx: 44 }, /* @__PURE__ */ s.createElement(v, null)),
|
149
|
+
R && h && o && /* @__PURE__ */ s.createElement(u, { widthPx: 46 }, /* @__PURE__ */ s.createElement("section", { className: M }, /* @__PURE__ */ s.createElement(k, null)), /* @__PURE__ */ s.createElement("section", { className: M }, /* @__PURE__ */ s.createElement(v, null))),
|
150
|
+
z
|
151
|
+
), j && R);
|
159
152
|
}
|
160
153
|
b.set(I, {
|
161
154
|
name: "Content Row",
|
package/lib/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}._1mxrufv1{padding:.5rem 1rem}._1mxrufv4:not(:first-child){border-left:.0625rem solid
|
1
|
+
._1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}._1mxrufv1{padding:.5rem 1rem}._1mxrufv4:not(:first-child){border-left:.0625rem solid oklch(86.84% .002 197.12)}._1mxrufv0>*{vertical-align:middle}._11ztjee1{background:oklch(100% 0 0);display:block}._11ztjee2{--_11ztjee0: block}._11ztjee3{--_11ztjee0: none}._11ztjee4{border-width:.0625rem;border-style:solid;border-color:oklch(86.84% .002 197.12);border-radius:.25rem;display:table;table-layout:fixed;width:100.06%}._11ztjee5{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}._11ztjee7{background:oklch(95.39% .015 228.96);border-color:oklch(56.21% .128 239.83)}._11ztjee9{border-radius:.25rem;margin-top:1rem}._11ztjeeb{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}._11ztjeec{background:none;border:0;padding:0}._11ztjeed{color:oklch(56.21% .128 239.83);cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}._11ztjeed:hover{color:oklch(47.39% .101 237.12)}._11ztjeee{background:oklch(96.64% .001 197.14);border-color:oklch(86.84% .002 197.12);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(--_11ztjee0);padding:1rem}._11ztjeef{padding:1rem}._11ztjeef:first-child{margin:-1rem -1rem 0}._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:oklch(86.84% .002 197.12);margin:0 -1rem -1rem}
|
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.
|
4
|
+
"version": "8.3.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.
|
34
|
-
"@sps-woodland/tokens": "8.
|
35
|
-
"@spscommerce/ds-colors": "8.
|
36
|
-
"@spscommerce/ds-react": "8.
|
37
|
-
"@spscommerce/ds-shared": "8.
|
33
|
+
"@sps-woodland/core": "8.3.0",
|
34
|
+
"@sps-woodland/tokens": "8.3.0",
|
35
|
+
"@spscommerce/ds-colors": "8.3.0",
|
36
|
+
"@spscommerce/ds-react": "8.3.0",
|
37
|
+
"@spscommerce/ds-shared": "8.3.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.
|
47
|
-
"@sps-woodland/tokens": "8.
|
48
|
-
"@spscommerce/ds-colors": "8.
|
49
|
-
"@spscommerce/ds-react": "8.
|
50
|
-
"@spscommerce/ds-shared": "8.
|
46
|
+
"@sps-woodland/core": "8.3.0",
|
47
|
+
"@sps-woodland/tokens": "8.3.0",
|
48
|
+
"@spscommerce/ds-colors": "8.3.0",
|
49
|
+
"@spscommerce/ds-react": "8.3.0",
|
50
|
+
"@spscommerce/ds-shared": "8.3.0"
|
51
51
|
},
|
52
52
|
"scripts": {
|
53
53
|
"build": "pnpm run build:js && pnpm run build:types",
|