@sps-woodland/content-row 8.2.2 → 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 CHANGED
@@ -67,11 +67,15 @@ function u({
67
67
  ...d,
68
68
  width: `${c}rem`
69
69
  } : d;
70
- return /* @__PURE__ */ s.createElement("div", {
71
- className: C(B({ lean: t, borderless: o }), n),
72
- ...a,
73
- style: m
74
- }, e);
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
- checked: g,
127
- onChange: c
128
- }), v = () => /* @__PURE__ */ s.createElement("button", {
129
- type: "button",
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),
135
- icon: p ? "minus-circle" : "plus-circle"
136
- }));
137
- return /* @__PURE__ */ s.createElement("div", {
138
- className: C(L({ expanded: p }), n),
139
- ...V
140
- }, /* @__PURE__ */ s.createElement("div", {
141
- className: C(
142
- J({
143
- expanded: p,
144
- selected: g,
145
- cardSpacing: r
146
- })
147
- )
148
- }, h && !o && /* @__PURE__ */ s.createElement(u, {
149
- widthPx: 46
150
- }, /* @__PURE__ */ s.createElement(k, null)), R && !o && /* @__PURE__ */ s.createElement(u, {
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 #d2d4d4}._1mxrufv0>*{vertical-align:middle}._11ztjee1{background:#ffffff;display:block}._11ztjee2{--_11ztjee0: block}._11ztjee3{--_11ztjee0: none}._11ztjee4{border-width:.0625rem;border-style:solid;border-color:#d2d4d4;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:#e6f2f8;border-color:#007db8}._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:#007db8;cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}._11ztjeed:hover{color:#09638d}._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(--_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:#d2d4d4;margin:0 -1rem -1rem}
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.2.2",
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.2.2",
34
- "@sps-woodland/tokens": "8.2.2",
35
- "@spscommerce/ds-colors": "8.2.2",
36
- "@spscommerce/ds-react": "8.2.2",
37
- "@spscommerce/ds-shared": "8.2.2"
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.2.2",
47
- "@sps-woodland/tokens": "8.2.2",
48
- "@spscommerce/ds-colors": "8.2.2",
49
- "@spscommerce/ds-react": "8.2.2",
50
- "@spscommerce/ds-shared": "8.2.2"
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",