@sps-woodland/core 8.56.0 → 8.56.2

package/lib/modal/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem0{background-color:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;display:flex;flex-direction:column;overflow:hidden;max-height:100%}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem1{border-color:#007db8}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem2,.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem3{border-color:#de002e}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem4{border-color:#0b8940}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem5,.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem6{border-color:#e7760b}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem7{border-color:#4b5356}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem8{width:23.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksem9{width:36.25rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksema{width:48.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemb{width:73.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemc{height:100%}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41kseme{align-items:center;color:#fff;display:flex;padding:1rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemf{background-color:#4b5356}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemg,.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemh{background-color:#de002e}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemi{background-color:#007db8}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemj{background-color:#0b8940}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemk,.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41kseml{background-color:#e7760b}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemm{flex-grow:1;font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemn{font-weight:600;line-height:.875rem;font-size:.875rem;margin-right:.5rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemo{overflow-y:auto;padding:1rem;flex:1}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemp{align-items:center;background-color:#f3f4f4;display:flex;justify-content:flex-end;padding:.5rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemq{color:#fff;border-width:0}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksemr{padding:0 .25rem}.pkg_sps-woodland_core__family_modal__version_8_56_0__hash_41ksems{position:fixed;z-index:1000;inset:0;background:#f3f4f4cc;display:flex;align-items:start;justify-content:center;padding:4rem 1rem 1rem}.z-stratum-dropdown{z-index:1100}
+.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem0{background-color:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;display:flex;flex-direction:column;overflow:hidden;max-height:100%}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem1{border-color:#007db8}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem2,.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem3{border-color:#de002e}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem4{border-color:#0b8940}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem5,.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem6{border-color:#e7760b}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem7{border-color:#4b5356}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem8{width:23.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksem9{width:36.25rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksema{width:48.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemb{width:73.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemc{height:100%}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41kseme{align-items:center;color:#fff;display:flex;padding:1rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemf{background-color:#4b5356}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemg,.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemh{background-color:#de002e}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemi{background-color:#007db8}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemj{background-color:#0b8940}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemk,.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41kseml{background-color:#e7760b}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemm{flex-grow:1;font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemn{font-weight:600;line-height:.875rem;font-size:.875rem;margin-right:.5rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemo{overflow-y:auto;padding:1rem;flex:1}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemp{align-items:center;background-color:#f3f4f4;display:flex;justify-content:flex-end;padding:.5rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemq{color:#fff;border-width:0}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksemr{padding:0 .25rem}.pkg_sps-woodland_core__family_modal__version_8_56_2__hash_41ksems{position:fixed;z-index:1000;inset:0;background:#f3f4f4cc;display:flex;align-items:start;justify-content:center;padding:4rem 1rem 1rem}.z-stratum-dropdown{z-index:1100}

package/lib/page-title/index.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { Metadata as d, modChildren as h, Icon as c, cl as o, selectChildren as u, addClassName as w } from "@sps-woodland/core";
-var f = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku0", y = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku1";
+var f = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku0", y = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku1";
 function p({
   children: _,
   className: t,
@@ -24,7 +24,7 @@ function E({
 function C() {
   return e.useContext(m);
 }
-var k = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl00", N = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl01", T = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl02", x = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl03";
+var k = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl00", N = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl01", T = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl02", x = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl03";
 function P({
   as: _,
   children: t,

package/lib/page-title/index.umd.cjs

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],o):(e=typeof globalThis<"u"?globalThis:e||self,o(e.PageTitle={},e.react,e.spsWoodlandCore))})(this,(function(e,o,a){"use strict";function m(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const _ in t)if(_!=="default"){const l=Object.getOwnPropertyDescriptor(t,_);Object.defineProperty(n,_,l.get?l:{enumerable:!0,get:()=>t[_]})}}return n.default=t,Object.freeze(n)}const i=m(o);var v="pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku0",h="pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku1";function r({children:t,className:n,..._}){const l=a.modChildren(t,s=>s.type===a.Icon?[{className:a.cl(s.props.className,h)}]:[]);return i.createElement("div",{className:a.cl(v,n),..._},i.Children.toArray(l))}a.Metadata.set(r,{name:"Page Subtitle"});const d=i.createContext(void 0);function w({level:t,children:n}){return i.createElement(d.Provider,{value:t},n)}function c(){return i.useContext(d)}var y="pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl00",b="pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl01",P="pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl02",T="pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl03";function p({as:t,children:n,className:_,...l}){const[[s],C,u]=a.selectChildren(n,[{type:a.Icon},{type:r}]),g=c(),f=t??(g?`h${g}`:"h1"),k=s?a.addClassName(s,P):"";return i.createElement("div",{className:a.cl(y,_),...l},k,i.createElement("div",{className:b},f==="div"?u:i.createElement(f,{className:T},u),C))}a.Metadata.set(p,{name:"Page Title"}),e.HeadingLevelProvider=w,e.PageSubtitle=r,e.PageTitle=p,e.useHeadingLevel=c,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+(function(e,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],o):(e=typeof globalThis<"u"?globalThis:e||self,o(e.PageTitle={},e.react,e.spsWoodlandCore))})(this,(function(e,o,a){"use strict";function m(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const _ in t)if(_!=="default"){const l=Object.getOwnPropertyDescriptor(t,_);Object.defineProperty(n,_,l.get?l:{enumerable:!0,get:()=>t[_]})}}return n.default=t,Object.freeze(n)}const i=m(o);var v="pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku0",h="pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku1";function r({children:t,className:n,..._}){const l=a.modChildren(t,s=>s.type===a.Icon?[{className:a.cl(s.props.className,h)}]:[]);return i.createElement("div",{className:a.cl(v,n),..._},i.Children.toArray(l))}a.Metadata.set(r,{name:"Page Subtitle"});const d=i.createContext(void 0);function w({level:t,children:n}){return i.createElement(d.Provider,{value:t},n)}function c(){return i.useContext(d)}var y="pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl00",b="pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl01",P="pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl02",T="pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl03";function p({as:t,children:n,className:_,...l}){const[[s],C,u]=a.selectChildren(n,[{type:a.Icon},{type:r}]),g=c(),f=t??(g?`h${g}`:"h1"),k=s?a.addClassName(s,P):"";return i.createElement("div",{className:a.cl(y,_),...l},k,i.createElement("div",{className:b},f==="div"?u:i.createElement(f,{className:T},u),C))}a.Metadata.set(p,{name:"Page Title"}),e.HeadingLevelProvider=w,e.PageSubtitle=r,e.PageTitle=p,e.useHeadingLevel=c,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/lib/page-title/page-subtitle/PageSubtitle.ve.js

@@ -1,5 +1,5 @@
 /* empty css                               */
-var e = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku0", a = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku1";
+var e = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku0", a = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku1";
 export {
   e as pageSubtitle,
   a as pageSubtitleIcon

package/lib/page-title/page-title/PageTitle.ve.js

@@ -1,5 +1,5 @@
 /* empty css                            */
-var e = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl00", a = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl01", l = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl02", o = "pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl03";
+var e = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl00", a = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl01", l = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl02", o = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl03";
 export {
   e as pageTitle,
   o as pageTitleHeading,

package/lib/page-title/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl01{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl02{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem;margin-top:.1875rem}.pkg_sps-woodland_core__family_page-title__version_8_56_0__hash_6nwwl03{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
+.pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl01{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl02{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem;margin-top:.1875rem}.pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl03{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}

package/lib/photo/index.js

@@ -1,9 +1,9 @@
 import * as r from "react";
-import { Metadata as V, cl as d, Icon as j, selectChildren as W } from "@sps-woodland/core";
+import { Metadata as R, cl as d, Icon as x, selectChildren as j } from "@sps-woodland/core";
 import { grid as h } from "@sps-woodland/tokens";
-import { SpsButton as v } from "@spscommerce/ds-react";
-import { SpsIcon as w, ButtonKind as g } from "@spscommerce/ds-shared";
-function B(e, a, o) {
+import { Button as v } from "@sps-woodland/core/buttons";
+import { useWoodlandLanguage as S } from "@spscommerce/i18n";
+function W(e, a, o) {
   return a in e ? Object.defineProperty(e, a, {
     value: o,
     enumerable: !0,
@@ -11,7 +11,7 @@ function B(e, a, o) {
     writable: !0
   }) : e[a] = o, e;
 }
-function b(e, a) {
+function w(e, a) {
   var o = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
@@ -21,18 +21,18 @@ function b(e, a) {
   }
   return o;
 }
-function y(e) {
+function g(e) {
   for (var a = 1; a < arguments.length; a++) {
     var o = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? b(Object(o), !0).forEach(function(t) {
-      B(e, t, o[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : b(Object(o)).forEach(function(t) {
+    a % 2 ? w(Object(o), !0).forEach(function(t) {
+      W(e, t, o[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : w(Object(o)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t));
     });
   }
   return e;
 }
-var F = (e, a, o) => {
+var B = (e, a, o) => {
   for (var t of Object.keys(e)) {
     var n;
     if (e[t] !== ((n = a[t]) !== null && n !== void 0 ? n : o[t]))
@@ -40,24 +40,24 @@ var F = (e, a, o) => {
   }
   return !0;
 }, m = (e) => (a) => {
-  var o = e.defaultClassName, t = y(y({}, e.defaultVariants), a);
+  var o = e.defaultClassName, t = g(g({}, e.defaultVariants), a);
   for (var n in t) {
     var i, c = (i = t[n]) !== null && i !== void 0 ? i : e.defaultVariants[n];
     if (c != null) {
-      var _ = c;
-      typeof _ == "boolean" && (_ = _ === !0 ? "true" : "false");
-      var l = (
+      var l = c;
+      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
+      var _ = (
         // @ts-expect-error
-        e.variantClassNames[n][_]
+        e.variantClassNames[n][l]
       );
-      l && (o += " " + l);
+      _ && (o += " " + _);
     }
   }
-  for (var [s, u] of e.compoundVariants)
-    F(s, t, e.defaultVariants) && (o += " " + u);
+  for (var [u, s] of e.compoundVariants)
+    B(u, t, e.defaultVariants) && (o += " " + s);
   return o;
-}, L = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), A = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), D = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w6";
-function E({
+}, D = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), F = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), z = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w6";
+function P({
   className: e,
   src: a,
   altText: o,
@@ -65,64 +65,64 @@ function E({
   placeholderIcon: n = "photo",
   ...i
 }) {
-  const c = r.useRef(null), _ = r.useRef(null), l = r.useRef(null), s = r.useRef(null), [u, O] = r.useState(), [N, P] = r.useState(!1);
+  const c = r.useRef(null), l = r.useRef(null), _ = r.useRef(null), u = r.useRef(null), [s, C] = r.useState(), [E, N] = r.useState(!1);
   r.useEffect(() => {
-    _.current && (l.current && (window.clearInterval(l.current), l.current = null), l.current = window.setInterval(() => {
-      if (_.current) {
-        const f = _.current.getBoundingClientRect();
+    l.current && (_.current && (window.clearInterval(_.current), _.current = null), _.current = window.setInterval(() => {
+      if (l.current) {
+        const f = l.current.getBoundingClientRect();
         if (f.height) {
-          l.current && (window.clearInterval(l.current), l.current = null);
+          _.current && (window.clearInterval(_.current), _.current = null);
           const p = f.width / f.height > 1;
-          P(p === (t === "fit"));
+          N(p === (t === "fit"));
         }
       }
     }, 1e3 / 60));
-  }, [c.current, _.current, a]), r.useEffect(() => {
-    s.current && (window.clearInterval(s.current), s.current = null), s.current = window.setInterval(() => {
+  }, [c.current, l.current, a]), r.useEffect(() => {
+    u.current && (window.clearInterval(u.current), u.current = null), u.current = window.setInterval(() => {
       if (c.current) {
         const f = c.current.getBoundingClientRect();
-        f.width && (R(f.width), s.current && (window.clearInterval(s.current), s.current = null));
+        f.width && (O(f.width), u.current && (window.clearInterval(u.current), u.current = null));
       }
     }, 1e3 / 60);
   }, [c.current]);
-  function R(f) {
+  function O(f) {
     if (f) {
-      const p = document?.body?.parentElement?.style?.fontSize || "16px", x = Number(p.substring(0, p.length - 2));
-      O(f / x);
+      const p = document?.body?.parentElement?.style?.fontSize || "16px", V = Number(p.substring(0, p.length - 2));
+      C(f / V);
     }
   }
-  function k() {
-    if (typeof u < "u")
-      return u * 0.05;
+  function I() {
+    if (typeof s < "u")
+      return s * 0.05;
   }
-  function S() {
-    if (typeof u < "u")
-      return 0.75 * u;
+  function k() {
+    if (typeof s < "u")
+      return 0.75 * s;
   }
   return /* @__PURE__ */ r.createElement(
     "div",
     {
       ref: c,
-      className: d(L({ placeholder: !a }), e),
+      className: d(D({ placeholder: !a }), e),
       style: {
-        width: `${u}` && `${u}rem`,
-        fontSize: `${k()}rem`,
-        height: `${S()}rem`
+        width: `${s}` && `${s}rem`,
+        fontSize: `${I()}rem`,
+        height: `${k()}rem`
       },
       ...i
     },
-    a ? u ? /* @__PURE__ */ r.createElement(
+    a ? s ? /* @__PURE__ */ r.createElement(
       "img",
       {
-        className: A({ mode: N ? "fit" : "fill" }),
-        ref: _,
+        className: F({ mode: E ? "fit" : "fill" }),
+        ref: l,
         src: a,
         alt: o
       }
-    ) : /* @__PURE__ */ r.createElement("span", null) : /* @__PURE__ */ r.createElement(j, { className: D, icon: n })
+    ) : /* @__PURE__ */ r.createElement("span", null) : /* @__PURE__ */ r.createElement(x, { className: z, icon: n })
   );
 }
-V.set(E, {
+R.set(P, {
   name: "Photo",
   props: {
     src: "string",
@@ -134,46 +134,50 @@ V.set(E, {
     placeholderIcon: "IconName"
   }
 });
-var C = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba10", I = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba11", z = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba12", T = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
-function J({
+var b = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba10", y = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba11", L = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba12", A = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
+function G({
   children: e,
   className: a,
   ...o
 }) {
-  const [t] = W(e, [{ type: E }]), [n, i] = r.useState(0);
-  function c() {
+  const [t] = j(e, [{ type: P }]), [n, i] = r.useState(0), { t: c } = S();
+  function l() {
     n + 1 === t.length ? i(0) : i(n + 1);
   }
   function _() {
     i(n === 0 ? t.length - 1 : n - 1);
   }
-  return /* @__PURE__ */ r.createElement("div", { className: h.root, ...o }, /* @__PURE__ */ r.createElement("div", { className: d(C) }, /* @__PURE__ */ r.createElement("div", { className: d(I) }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement("div", { className: h.root, ...o }, /* @__PURE__ */ r.createElement("div", { className: d(b) }, /* @__PURE__ */ r.createElement("div", { className: d(y) }, /* @__PURE__ */ r.createElement(
     v,
     {
-      tabIndex: 0,
-      kind: g.ICON,
-      icon: w.ARROW_LEFT_CIRCLE,
+      kind: "icon",
+      icon: "arrow-left-circle",
+      "aria-label": c("photo.previousPhoto", {
+        defaultValue: "Previous Photo"
+      }),
       onClick: _
     }
-  ))), /* @__PURE__ */ r.createElement("div", { className: h[10] }, /* @__PURE__ */ r.createElement("div", { className: d(T, h[12]) }, t[n]), /* @__PURE__ */ r.createElement("div", { className: d(z, h[12]) }, t.map((l, s) => /* @__PURE__ */ r.createElement(
+  ))), /* @__PURE__ */ r.createElement("div", { className: h[10] }, /* @__PURE__ */ r.createElement("div", { className: d(A, h[12]) }, t[n]), /* @__PURE__ */ r.createElement("div", { className: d(L, h[12]) }, t.map((u, s) => /* @__PURE__ */ r.createElement(
     "button",
     {
       tabIndex: 0,
       className: d(H({ selected: s === n })),
       onClick: () => i(s)
     },
-    l
-  )))), /* @__PURE__ */ r.createElement("div", { className: d(C) }, /* @__PURE__ */ r.createElement("div", { className: d(I) }, /* @__PURE__ */ r.createElement(
+    u
+  )))), /* @__PURE__ */ r.createElement("div", { className: d(b) }, /* @__PURE__ */ r.createElement("div", { className: d(y) }, /* @__PURE__ */ r.createElement(
     v,
     {
-      tabIndex: 0,
-      kind: g.ICON,
-      icon: w.ARROW_RIGHT_CIRCLE,
-      onClick: c
+      kind: "icon",
+      icon: "arrow-right-circle",
+      "aria-label": c("photo.nextPhoto", {
+        defaultValue: "Next Photo"
+      }),
+      onClick: l
     }
   ))));
 }
 export {
-  E as Photo,
-  J as PhotoCarousel
+  P as Photo,
+  G as PhotoCarousel
 };

package/lib/photo/index.umd.cjs

@@ -1 +1 @@
-(function(s,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/tokens"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/tokens","@spscommerce/ds-react","@spscommerce/ds-shared"],m):(s=typeof globalThis<"u"?globalThis:s||self,m(s.Photo={},s.react,s.spsWoodlandCore,s.spsWoodlandTokens,s.spscommerceDsReact,s.spscommerceDsShared))})(this,(function(s,m,c,h,y,v){"use strict";function E(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=E(m);function N(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?O(Object(t),!0).forEach(function(r){N(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var R=(e,n,t)=>{for(var r of Object.keys(e)){var a;if(e[r]!==((a=n[r])!==null&&a!==void 0?a:t[r]))return!1}return!0},g=e=>n=>{var t=e.defaultClassName,r=C(C({},e.defaultVariants),n);for(var a in r){var u,d=(u=r[a])!==null&&u!==void 0?u:e.defaultVariants[a];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[a][l];i&&(t+=" "+i)}}for(var[_,f]of e.compoundVariants)R(_,r,e.defaultVariants)&&(t+=" "+f);return t},j=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w1",false:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w4",fit:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),k="pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w6";function b({className:e,src:n,altText:t,mode:r="fill",placeholderIcon:a="photo",...u}){const d=o.useRef(null),l=o.useRef(null),i=o.useRef(null),_=o.useRef(null),[f,B]=o.useState(),[T,F]=o.useState(!1);o.useEffect(()=>{l.current&&(i.current&&(window.clearInterval(i.current),i.current=null),i.current=window.setInterval(()=>{if(l.current){const p=l.current.getBoundingClientRect();if(p.height){i.current&&(window.clearInterval(i.current),i.current=null);const w=p.width/p.height>1;F(w===(r==="fit"))}}},1e3/60))},[d.current,l.current,n]),o.useEffect(()=>{_.current&&(window.clearInterval(_.current),_.current=null),_.current=window.setInterval(()=>{if(d.current){const p=d.current.getBoundingClientRect();p.width&&(L(p.width),_.current&&(window.clearInterval(_.current),_.current=null))}},1e3/60)},[d.current]);function L(p){if(p){const w=document?.body?.parentElement?.style?.fontSize||"16px",A=Number(w.substring(0,w.length-2));B(p/A)}}function q(){if(typeof f<"u")return f*.05}function z(){if(typeof f<"u")return .75*f}return o.createElement("div",{ref:d,className:c.cl(j({placeholder:!n}),e),style:{width:`${f}`&&`${f}rem`,fontSize:`${q()}rem`,height:`${z()}rem`},...u},n?f?o.createElement("img",{className:S({mode:T?"fit":"fill"}),ref:l,src:n,alt:t}):o.createElement("span",null):o.createElement(c.Icon,{className:k,icon:a}))}c.Metadata.set(b,{name:"Photo",props:{src:"string",altText:"string",mode:{type:'"fill" | "fit"',default:'"fill"'},placeholderIcon:"IconName"}});var I="pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba10",P="pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba11",x="pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba12",V="pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba13",W=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba15",false:"pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba16"}},defaultVariants:{selected:!1},compoundVariants:[]});function D({children:e,className:n,...t}){const[r]=c.selectChildren(e,[{type:b}]),[a,u]=o.useState(0);function d(){a+1===r.length?u(0):u(a+1)}function l(){u(a===0?r.length-1:a-1)}return o.createElement("div",{className:h.grid.root,...t},o.createElement("div",{className:c.cl(I)},o.createElement("div",{className:c.cl(P)},o.createElement(y.SpsButton,{tabIndex:0,kind:v.ButtonKind.ICON,icon:v.SpsIcon.ARROW_LEFT_CIRCLE,onClick:l}))),o.createElement("div",{className:h.grid[10]},o.createElement("div",{className:c.cl(V,h.grid[12])},r[a]),o.createElement("div",{className:c.cl(x,h.grid[12])},r.map((i,_)=>o.createElement("button",{tabIndex:0,className:c.cl(W({selected:_===a})),onClick:()=>u(_)},i)))),o.createElement("div",{className:c.cl(I)},o.createElement("div",{className:c.cl(P)},o.createElement(y.SpsButton,{tabIndex:0,kind:v.ButtonKind.ICON,icon:v.SpsIcon.ARROW_RIGHT_CIRCLE,onClick:d}))))}s.Photo=b,s.PhotoCarousel=D,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
+(function(s,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/tokens"),require("@sps-woodland/core/buttons"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/tokens","@sps-woodland/core/buttons","@spscommerce/i18n"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.Photo={},s.react,s.spsWoodlandCore,s.spsWoodlandTokens,s.spsWoodlandCoreButtons,s.spscommerceI18n))})(this,(function(s,h,c,m,b,N){"use strict";function E(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=E(h);function I(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function y(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}return t}function P(e){for(var o=1;o<arguments.length;o++){var t=arguments[o]!=null?arguments[o]:{};o%2?y(Object(t),!0).forEach(function(r){I(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var j=(e,o,t)=>{for(var r of Object.keys(e)){var a;if(e[r]!==((a=o[r])!==null&&a!==void 0?a:t[r]))return!1}return!0},w=e=>o=>{var t=e.defaultClassName,r=P(P({},e.defaultVariants),o);for(var a in r){var u,d=(u=r[a])!==null&&u!==void 0?u:e.defaultVariants[a];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[a][l];i&&(t+=" "+i)}}for(var[f,_]of e.compoundVariants)j(f,r,e.defaultVariants)&&(t+=" "+_);return t},k=w({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w1",false:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=w({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w4",fit:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),V="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w6";function g({className:e,src:o,altText:t,mode:r="fill",placeholderIcon:a="photo",...u}){const d=n.useRef(null),l=n.useRef(null),i=n.useRef(null),f=n.useRef(null),[_,D]=n.useState(),[T,q]=n.useState(!1);n.useEffect(()=>{l.current&&(i.current&&(window.clearInterval(i.current),i.current=null),i.current=window.setInterval(()=>{if(l.current){const p=l.current.getBoundingClientRect();if(p.height){i.current&&(window.clearInterval(i.current),i.current=null);const v=p.width/p.height>1;q(v===(r==="fit"))}}},1e3/60))},[d.current,l.current,o]),n.useEffect(()=>{f.current&&(window.clearInterval(f.current),f.current=null),f.current=window.setInterval(()=>{if(d.current){const p=d.current.getBoundingClientRect();p.width&&(z(p.width),f.current&&(window.clearInterval(f.current),f.current=null))}},1e3/60)},[d.current]);function z(p){if(p){const v=document?.body?.parentElement?.style?.fontSize||"16px",A=Number(v.substring(0,v.length-2));D(p/A)}}function F(){if(typeof _<"u")return _*.05}function L(){if(typeof _<"u")return .75*_}return n.createElement("div",{ref:d,className:c.cl(k({placeholder:!o}),e),style:{width:`${_}`&&`${_}rem`,fontSize:`${F()}rem`,height:`${L()}rem`},...u},o?_?n.createElement("img",{className:S({mode:T?"fit":"fill"}),ref:l,src:o,alt:t}):n.createElement("span",null):n.createElement(c.Icon,{className:V,icon:a}))}c.Metadata.set(g,{name:"Photo",props:{src:"string",altText:"string",mode:{type:'"fill" | "fit"',default:'"fill"'},placeholderIcon:"IconName"}});var O="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba10",C="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba11",R="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba12",x="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba13",W=w({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba15",false:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba16"}},defaultVariants:{selected:!1},compoundVariants:[]});function B({children:e,className:o,...t}){const[r]=c.selectChildren(e,[{type:g}]),[a,u]=n.useState(0),{t:d}=N.useWoodlandLanguage();function l(){a+1===r.length?u(0):u(a+1)}function i(){u(a===0?r.length-1:a-1)}return n.createElement("div",{className:m.grid.root,...t},n.createElement("div",{className:c.cl(O)},n.createElement("div",{className:c.cl(C)},n.createElement(b.Button,{kind:"icon",icon:"arrow-left-circle","aria-label":d("photo.previousPhoto",{defaultValue:"Previous Photo"}),onClick:i}))),n.createElement("div",{className:m.grid[10]},n.createElement("div",{className:c.cl(x,m.grid[12])},r[a]),n.createElement("div",{className:c.cl(R,m.grid[12])},r.map((f,_)=>n.createElement("button",{tabIndex:0,className:c.cl(W({selected:_===a})),onClick:()=>u(_)},f)))),n.createElement("div",{className:c.cl(O)},n.createElement("div",{className:c.cl(C)},n.createElement(b.Button,{kind:"icon",icon:"arrow-right-circle","aria-label":d("photo.nextPhoto",{defaultValue:"Next Photo"}),onClick:l}))))}s.Photo=g,s.PhotoCarousel=B,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));

package/lib/photo/photo/Photo.ve.js

@@ -1,6 +1,6 @@
 /* empty css                        */
 import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var s = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w6";
+var s = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w6";
 export {
   r as photo,
   e as photoPlaceholder,

package/lib/photo/photo-carousel/PhotoCarousel.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCarousel.css.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,0BAA0B,QAGrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAI5B,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAIpC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;EAmBjC,CAAC"}
+{"version":3,"file":"PhotoCarousel.css.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,0BAA0B,QAGrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAI5B,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAIpC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;EAoBjC,CAAC"}

package/lib/photo/photo-carousel/PhotoCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCarousel.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAcnE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAkD9D"}
+{"version":3,"file":"PhotoCarousel.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAcnE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAwD9D"}

package/lib/photo/photo-carousel/PhotoCarousel.js

@@ -1,48 +1,52 @@
 import * as e from "react";
-import { selectChildren as N, cl as t } from "@sps-woodland/core";
-import { Photo as v } from "../photo/Photo.js";
-import { grid as r } from "@sps-woodland/tokens";
-import { SpsButton as l } from "@spscommerce/ds-react";
-import { SpsIcon as s, ButtonKind as m } from "@spscommerce/ds-shared";
-import { photoCarouselButtonWrapper as i, photoCarouselButton as p, photoCarouselDisplayPhoto as I, photoCarouselList as f, photoCarouselListPhoto as R } from "./PhotoCarousel.ve.js";
-function O({
-  children: d,
-  className: x,
-  ...u
+import { selectChildren as v, cl as t } from "@sps-woodland/core";
+import { Photo as E } from "../photo/Photo.js";
+import { grid as l } from "@sps-woodland/tokens";
+import { photoCarouselButtonWrapper as i, photoCarouselButton as s, photoCarouselDisplayPhoto as N, photoCarouselList as P, photoCarouselListPhoto as C } from "./PhotoCarousel.ve.js";
+import { Button as m } from "@sps-woodland/core/buttons";
+import { useWoodlandLanguage as x } from "@spscommerce/i18n";
+function y({
+  children: u,
+  className: g,
+  ...h
 }) {
-  const [n] = N(d, [{ type: v }]), [o, a] = e.useState(0);
-  function C() {
-    o + 1 === n.length ? a(0) : a(o + 1);
+  const [r] = v(u, [{ type: E }]), [o, a] = e.useState(0), { t: c } = x();
+  function p() {
+    o + 1 === r.length ? a(0) : a(o + 1);
   }
-  function h() {
-    a(o === 0 ? n.length - 1 : o - 1);
+  function d() {
+    a(o === 0 ? r.length - 1 : o - 1);
   }
-  return /* @__PURE__ */ e.createElement("div", { className: r.root, ...u }, /* @__PURE__ */ e.createElement("div", { className: t(i) }, /* @__PURE__ */ e.createElement("div", { className: t(p) }, /* @__PURE__ */ e.createElement(
-    l,
+  return /* @__PURE__ */ e.createElement("div", { className: l.root, ...h }, /* @__PURE__ */ e.createElement("div", { className: t(i) }, /* @__PURE__ */ e.createElement("div", { className: t(s) }, /* @__PURE__ */ e.createElement(
+    m,
     {
-      tabIndex: 0,
-      kind: m.ICON,
-      icon: s.ARROW_LEFT_CIRCLE,
-      onClick: h
+      kind: "icon",
+      icon: "arrow-left-circle",
+      "aria-label": c("photo.previousPhoto", {
+        defaultValue: "Previous Photo"
+      }),
+      onClick: d
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: r[10] }, /* @__PURE__ */ e.createElement("div", { className: t(I, r[12]) }, n[o]), /* @__PURE__ */ e.createElement("div", { className: t(f, r[12]) }, n.map((E, c) => /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: l[10] }, /* @__PURE__ */ e.createElement("div", { className: t(N, l[12]) }, r[o]), /* @__PURE__ */ e.createElement("div", { className: t(P, l[12]) }, r.map((f, n) => /* @__PURE__ */ e.createElement(
     "button",
     {
       tabIndex: 0,
-      className: t(R({ selected: c === o })),
-      onClick: () => a(c)
+      className: t(C({ selected: n === o })),
+      onClick: () => a(n)
     },
-    E
-  )))), /* @__PURE__ */ e.createElement("div", { className: t(i) }, /* @__PURE__ */ e.createElement("div", { className: t(p) }, /* @__PURE__ */ e.createElement(
-    l,
+    f
+  )))), /* @__PURE__ */ e.createElement("div", { className: t(i) }, /* @__PURE__ */ e.createElement("div", { className: t(s) }, /* @__PURE__ */ e.createElement(
+    m,
     {
-      tabIndex: 0,
-      kind: m.ICON,
-      icon: s.ARROW_RIGHT_CIRCLE,
-      onClick: C
+      kind: "icon",
+      icon: "arrow-right-circle",
+      "aria-label": c("photo.nextPhoto", {
+        defaultValue: "Next Photo"
+      }),
+      onClick: p
     }
   ))));
 }
 export {
-  O as PhotoCarousel
+  y as PhotoCarousel
 };

package/lib/photo/photo-carousel/PhotoCarousel.ve.js

@@ -1,6 +1,6 @@
 /* empty css                                */
 import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var s = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba10", e = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba12", p = "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba13", t = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
+var s = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba10", e = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba12", p = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba13", t = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
 export {
   e as photoCarouselButton,
   s as photoCarouselButtonWrapper,

package/lib/photo/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w0{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:0!important;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w1{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}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w4{height:100%;visibility:visible;width:auto}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w5{height:auto;visibility:visible;width:100%}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1orib4w6{font-size:6em;text-align:center;color:#717779}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba10{display:table;float:right}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba13{display:block;margin-bottom:.5rem;width:100%}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba14{display:block;background:transparent;border:0;cursor:pointer;padding:0}.pkg_sps-woodland_core__family_photo__version_8_56_0__hash_1744ba16{opacity:.4}
+.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w0{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:0!important;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w1{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}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w4{height:100%;visibility:visible;width:auto}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w5{height:auto;visibility:visible;width:100%}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w6{font-size:6em;text-align:center;color:#717779}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba10{display:table;float:right}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba13{display:block;margin-bottom:.5rem;width:100%}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14{display:block;background:transparent;border:0;cursor:pointer;padding:0}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba16{opacity:.4}