@sps-woodland/photo 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.
Files changed (3) hide show
  1. package/lib/index.es.js +46 -49
  2. package/lib/style.css +1 -1
  3. package/package.json +9 -9
package/lib/index.es.js CHANGED
@@ -98,24 +98,28 @@ function P({
98
98
  if (typeof p < "u")
99
99
  return 0.75 * p;
100
100
  }
101
- return /* @__PURE__ */ e.createElement("div", {
102
- ref: c,
103
- className: h(H({ placeholder: !a }), t),
104
- style: {
105
- width: `${p}` && `${p}rem`,
106
- fontSize: `${W()}rem`,
107
- height: `${A()}rem`
101
+ return /* @__PURE__ */ e.createElement(
102
+ "div",
103
+ {
104
+ ref: c,
105
+ className: h(H({ placeholder: !a }), t),
106
+ style: {
107
+ width: `${p}` && `${p}rem`,
108
+ fontSize: `${W()}rem`,
109
+ height: `${A()}rem`
110
+ },
111
+ ...d
108
112
  },
109
- ...d
110
- }, a ? p ? /* @__PURE__ */ e.createElement("img", {
111
- className: M({ mode: S ? "fit" : "fill" }),
112
- ref: s,
113
- src: a,
114
- alt: r
115
- }) : /* @__PURE__ */ e.createElement("span", null) : /* @__PURE__ */ e.createElement(L, {
116
- className: G,
117
- icon: n
118
- }));
113
+ a ? p ? /* @__PURE__ */ e.createElement(
114
+ "img",
115
+ {
116
+ className: M({ mode: S ? "fit" : "fill" }),
117
+ ref: s,
118
+ src: a,
119
+ alt: r
120
+ }
121
+ ) : /* @__PURE__ */ e.createElement("span", null) : /* @__PURE__ */ e.createElement(L, { className: G, icon: n })
122
+ );
119
123
  }
120
124
  B.set(P, {
121
125
  name: "Photo",
@@ -142,38 +146,31 @@ function q({
142
146
  function s() {
143
147
  d(n === 0 ? o.length - 1 : n - 1);
144
148
  }
145
- return /* @__PURE__ */ e.createElement("div", {
146
- className: v.root,
147
- ...r
148
- }, /* @__PURE__ */ e.createElement("div", {
149
- className: h(R)
150
- }, /* @__PURE__ */ e.createElement("div", {
151
- className: h(x)
152
- }, /* @__PURE__ */ e.createElement(b, {
153
- tabIndex: 0,
154
- kind: I.ICON,
155
- icon: E.ARROW_LEFT_CIRCLE,
156
- onClick: s
157
- }))), /* @__PURE__ */ e.createElement("div", {
158
- className: v[10]
159
- }, /* @__PURE__ */ e.createElement("div", {
160
- className: h(K, v[12])
161
- }, o[n]), /* @__PURE__ */ e.createElement("div", {
162
- className: h(k, v[12])
163
- }, o.map((i, l) => /* @__PURE__ */ e.createElement("button", {
164
- tabIndex: 0,
165
- className: h(U({ selected: l === n })),
166
- onClick: () => d(l)
167
- }, i)))), /* @__PURE__ */ e.createElement("div", {
168
- className: h(R)
169
- }, /* @__PURE__ */ e.createElement("div", {
170
- className: h(x)
171
- }, /* @__PURE__ */ e.createElement(b, {
172
- tabIndex: 0,
173
- kind: I.ICON,
174
- icon: E.ARROW_RIGHT_CIRCLE,
175
- onClick: c
176
- }))));
149
+ return /* @__PURE__ */ e.createElement("div", { className: v.root, ...r }, /* @__PURE__ */ e.createElement("div", { className: h(R) }, /* @__PURE__ */ e.createElement("div", { className: h(x) }, /* @__PURE__ */ e.createElement(
150
+ b,
151
+ {
152
+ tabIndex: 0,
153
+ kind: I.ICON,
154
+ icon: E.ARROW_LEFT_CIRCLE,
155
+ onClick: s
156
+ }
157
+ ))), /* @__PURE__ */ e.createElement("div", { className: v[10] }, /* @__PURE__ */ e.createElement("div", { className: h(K, v[12]) }, o[n]), /* @__PURE__ */ e.createElement("div", { className: h(k, v[12]) }, o.map((i, l) => /* @__PURE__ */ e.createElement(
158
+ "button",
159
+ {
160
+ tabIndex: 0,
161
+ className: h(U({ selected: l === n })),
162
+ onClick: () => d(l)
163
+ },
164
+ i
165
+ )))), /* @__PURE__ */ e.createElement("div", { className: h(R) }, /* @__PURE__ */ e.createElement("div", { className: h(x) }, /* @__PURE__ */ e.createElement(
166
+ b,
167
+ {
168
+ tabIndex: 0,
169
+ kind: I.ICON,
170
+ icon: E.ARROW_RIGHT_CIRCLE,
171
+ onClick: c
172
+ }
173
+ ))));
177
174
  }
178
175
  const J = {
179
176
  components: [P, q],
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .dons240{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:0!important;vertical-align:middle}.dons241{background:#f3f4f4;box-shadow:inset .0625rem 0 #d2d4d4,inset -.0625rem 0 #d2d4d4,inset 0 .0625rem #d2d4d4,inset 0 -.0625rem #d2d4d4,inset 1em 0 #fff,inset -1em 0 #fff,inset 0 1em #fff,inset 0 -1em #fff}.dons243{visibility:hidden}.dons244{height:100%;visibility:visible;width:auto}.dons245{height:auto;visibility:visible;width:100%}.dons246{flex:1;font-size:6em;text-align:center;color:#717779}.i6pp7s0{display:table;float:right}.i6pp7s1{display:table-cell;vertical-align:middle}.i6pp7s2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.i6pp7s3{display:block;margin-bottom:.5rem;width:100%}.i6pp7s4{display:block;background:transparent;border:0;cursor:pointer;padding:0}.i6pp7s6{opacity:.4}
1
+ .dons240{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:0!important;vertical-align:middle}.dons241{background:oklch(96.64% .001 197.14);box-shadow:inset .0625rem 0 0 oklch(86.84% .002 197.12),inset -.0625rem 0 0 oklch(86.84% .002 197.12),inset 0 .0625rem 0 oklch(86.84% .002 197.12),inset 0 -.0625rem 0 oklch(86.84% .002 197.12),inset 1em 0 0 oklch(100% 0 0),inset -1em 0 0 oklch(100% 0 0),inset 0 1em 0 oklch(100% 0 0),inset 0 -1em 0 oklch(100% 0 0)}.dons243{visibility:hidden}.dons244{height:100%;visibility:visible;width:auto}.dons245{height:auto;visibility:visible;width:100%}.dons246{flex:1;font-size:6em;text-align:center;color:oklch(56.48% .008 219.62)}.i6pp7s0{display:table;float:right}.i6pp7s1{display:table-cell;vertical-align:middle}.i6pp7s2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.i6pp7s3{display:block;margin-bottom:.5rem;width:100%}.i6pp7s4{display:block;background:transparent;border:0;cursor:pointer;padding:0}.i6pp7s6{opacity:.4}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sps-woodland/photo",
3
3
  "description": "SPS Woodland Design System photo 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/photo",
@@ -29,10 +29,10 @@
29
29
  "@spscommerce/utils": "^6.12.1",
30
30
  "react": "^16.9.0",
31
31
  "react-dom": "^16.9.0",
32
- "@sps-woodland/core": "8.2.2",
33
- "@sps-woodland/tokens": "8.2.2",
34
- "@spscommerce/ds-react": "8.2.2",
35
- "@spscommerce/ds-shared": "8.2.2"
32
+ "@sps-woodland/core": "8.3.0",
33
+ "@sps-woodland/tokens": "8.3.0",
34
+ "@spscommerce/ds-react": "8.3.0",
35
+ "@spscommerce/ds-shared": "8.3.0"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@spscommerce/utils": "^6.12.1",
@@ -40,10 +40,10 @@
40
40
  "@vanilla-extract/recipes": "^0.2.5",
41
41
  "react": "^16.9.0",
42
42
  "react-dom": "^16.9.0",
43
- "@sps-woodland/core": "8.2.2",
44
- "@sps-woodland/tokens": "8.2.2",
45
- "@spscommerce/ds-react": "8.2.2",
46
- "@spscommerce/ds-shared": "8.2.2"
43
+ "@sps-woodland/tokens": "8.3.0",
44
+ "@sps-woodland/core": "8.3.0",
45
+ "@spscommerce/ds-react": "8.3.0",
46
+ "@spscommerce/ds-shared": "8.3.0"
47
47
  },
48
48
  "scripts": {
49
49
  "build": "pnpm run build:js && pnpm run build:types",