@sps-woodland/core 8.53.11 → 8.53.13

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 (209) hide show
  1. package/lib/action-bar/action-bar/ActionBar.ve.js +8 -8
  2. package/lib/action-bar/index.js +30 -30
  3. package/lib/action-bar/index.umd.cjs +1 -1
  4. package/lib/action-bar/style.css +1 -1
  5. package/lib/add-to-list/add-to-list/AddToList.ve.js +19 -19
  6. package/lib/add-to-list/index.js +183 -183
  7. package/lib/add-to-list/index.umd.cjs +1 -1
  8. package/lib/add-to-list/style.css +1 -1
  9. package/lib/buttons/button/Button.ve.js +4 -4
  10. package/lib/buttons/index.js +48 -48
  11. package/lib/buttons/index.umd.cjs +1 -1
  12. package/lib/buttons/style.css +1 -1
  13. package/lib/cards/card/Card.ve.js +1 -1
  14. package/lib/cards/card-footer/CardFooter.ve.js +2 -2
  15. package/lib/cards/card-header/CardHeader.ve.js +1 -1
  16. package/lib/cards/card-title/CardTitle.ve.js +2 -2
  17. package/lib/cards/index.js +21 -21
  18. package/lib/cards/index.umd.cjs +1 -1
  19. package/lib/cards/style.css +1 -1
  20. package/lib/components/reorder-wrapper/ReorderWrapper.d.ts +2 -2
  21. package/lib/components/reorder-wrapper/ReorderWrapper.d.ts.map +1 -1
  22. package/lib/components/title/Title.d.ts +1 -1
  23. package/lib/components/title/Title.d.ts.map +1 -1
  24. package/lib/content-row/content-row/ContentRow.ve.js +13 -13
  25. package/lib/content-row/content-row-col/ContentRowCol.ve.js +2 -2
  26. package/lib/content-row/content-row-expansion/ContentRowExpansion.d.ts +1 -1
  27. package/lib/content-row/content-row-expansion/ContentRowExpansion.d.ts.map +1 -1
  28. package/lib/content-row/index.js +159 -165
  29. package/lib/content-row/index.umd.cjs +1 -1
  30. package/lib/content-row/row-list-auto-layout/RowListAutoLayout.js +10 -16
  31. package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +2 -2
  32. package/lib/content-row/style.css +1 -1
  33. package/lib/content-tiles/content-tile/ContentTile.ve.js +7 -7
  34. package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +3 -3
  35. package/lib/content-tiles/index.js +59 -59
  36. package/lib/content-tiles/index.umd.cjs +1 -1
  37. package/lib/content-tiles/style.css +1 -1
  38. package/lib/core.css +1 -1
  39. package/lib/dropdowns/dropdown/Dropdown.d.ts +1 -1
  40. package/lib/dropdowns/dropdown/Dropdown.d.ts.map +1 -1
  41. package/lib/dropdowns/dropdown/Dropdown.ve.js +3 -3
  42. package/lib/dropdowns/index.js +84 -84
  43. package/lib/dropdowns/index.umd.cjs +1 -1
  44. package/lib/dropdowns/option-list/Option.d.ts +1 -1
  45. package/lib/dropdowns/option-list/Option.d.ts.map +1 -1
  46. package/lib/dropdowns/option-list/Option.ve.js +1 -1
  47. package/lib/dropdowns/option-list/OptionList.d.ts +1 -1
  48. package/lib/dropdowns/option-list/OptionList.d.ts.map +1 -1
  49. package/lib/dropdowns/option-list/OptionList.ve.js +1 -1
  50. package/lib/dropdowns/style.css +1 -1
  51. package/lib/editable-table/style.css +50 -17
  52. package/lib/examples.d.ts.map +1 -1
  53. package/lib/feedback-block/FeedbackBlock.ve.js +3 -3
  54. package/lib/feedback-block/index.js +54 -54
  55. package/lib/feedback-block/index.umd.cjs +1 -1
  56. package/lib/feedback-block/style.css +1 -1
  57. package/lib/file-upload/file-upload/FileUpload.d.ts +1 -1
  58. package/lib/file-upload/file-upload/FileUpload.d.ts.map +1 -1
  59. package/lib/file-upload/file-upload/FileUpload.js +46 -41
  60. package/lib/file-upload/file-upload/FileUpload.ve.js +14 -14
  61. package/lib/file-upload/index.js +115 -110
  62. package/lib/file-upload/index.umd.cjs +1 -1
  63. package/lib/file-upload/style.css +1 -1
  64. package/lib/filter-tiles/filter-tile/FilterTile.ve.js +5 -5
  65. package/lib/filter-tiles/filter-tile-set/FilterTileSet.d.ts.map +1 -1
  66. package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +2 -2
  67. package/lib/filter-tiles/index.js +55 -55
  68. package/lib/filter-tiles/index.umd.cjs +1 -1
  69. package/lib/filter-tiles/style.css +1 -1
  70. package/lib/focused-task/focused-task/FocusedTask.ve.js +9 -9
  71. package/lib/focused-task/index.js +49 -49
  72. package/lib/focused-task/index.umd.cjs +1 -1
  73. package/lib/focused-task/style.css +1 -1
  74. package/lib/growler/Growler.d.ts.map +1 -1
  75. package/lib/growler/Growler.ve.js +7 -7
  76. package/lib/growler/Sonner.ve.js +7 -7
  77. package/lib/growler/index.js +95 -101
  78. package/lib/growler/index.umd.cjs +1 -1
  79. package/lib/growler/sonner.js +21 -27
  80. package/lib/growler/style.css +1 -1
  81. package/lib/index.js +166 -167
  82. package/lib/index.umd.cjs +2 -2
  83. package/lib/insight-card/InsightCard.ve.js +7 -7
  84. package/lib/insight-card/index.js +59 -59
  85. package/lib/insight-card/index.umd.cjs +1 -1
  86. package/lib/insight-card/style.css +1 -1
  87. package/lib/key-value-set/index.js +53 -53
  88. package/lib/key-value-set/index.umd.cjs +1 -1
  89. package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +2 -2
  90. package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +3 -3
  91. package/lib/key-value-set/style.css +1 -1
  92. package/lib/list-bar/advanced-search/AdvancedSearch.css.d.ts +1 -1
  93. package/lib/list-bar/advanced-search/AdvancedSearch.css.d.ts.map +1 -1
  94. package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +5 -5
  95. package/lib/list-bar/index.js +88 -88
  96. package/lib/list-bar/index.umd.cjs +1 -1
  97. package/lib/list-bar/list-bar/InputGroupWrapper.d.ts +1 -1
  98. package/lib/list-bar/list-bar/InputGroupWrapper.d.ts.map +1 -1
  99. package/lib/list-bar/list-bar/ListBar.ve.js +12 -12
  100. package/lib/list-bar/list-bar/ListBarSearch.d.ts +1 -1
  101. package/lib/list-bar/list-bar/ListBarSearch.d.ts.map +1 -1
  102. package/lib/list-bar/list-bar/ListBarSearchInfo.d.ts +1 -1
  103. package/lib/list-bar/list-bar/ListBarSearchInfo.d.ts.map +1 -1
  104. package/lib/list-bar/list-bar/ListBarSortBy.d.ts +2 -2
  105. package/lib/list-bar/list-bar/ListBarSortBy.d.ts.map +1 -1
  106. package/lib/list-bar/search-results-bar/SearchResultsBar.d.ts +2 -4
  107. package/lib/list-bar/search-results-bar/SearchResultsBar.d.ts.map +1 -1
  108. package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +8 -8
  109. package/lib/list-bar/style.css +1 -1
  110. package/lib/matrix/index.js +29 -29
  111. package/lib/matrix/index.umd.cjs +1 -1
  112. package/lib/matrix/matrix/Matrix.ve.js +2 -2
  113. package/lib/matrix/matrix-body/MatrixBody.d.ts +1 -1
  114. package/lib/matrix/matrix-body/MatrixBody.d.ts.map +1 -1
  115. package/lib/matrix/matrix-head/MatrixHead.d.ts +1 -1
  116. package/lib/matrix/matrix-head/MatrixHead.d.ts.map +1 -1
  117. package/lib/matrix/matrix-row/MatrixRow.d.ts +1 -1
  118. package/lib/matrix/matrix-row/MatrixRow.d.ts.map +1 -1
  119. package/lib/matrix/style.css +1 -1
  120. package/lib/modal/index.js +86 -86
  121. package/lib/modal/index.umd.cjs +1 -1
  122. package/lib/modal/modal/Modal.ve.js +9 -9
  123. package/lib/modal/style.css +1 -1
  124. package/lib/page-title/index.js +17 -17
  125. package/lib/page-title/index.umd.cjs +1 -1
  126. package/lib/page-title/page-subtitle/PageSubtitle.ve.js +3 -3
  127. package/lib/page-title/page-title/PageTitle.ve.js +4 -4
  128. package/lib/page-title/style.css +1 -1
  129. package/lib/photo/index.js +67 -67
  130. package/lib/photo/index.umd.cjs +1 -1
  131. package/lib/photo/photo/Photo.d.ts +2 -2
  132. package/lib/photo/photo/Photo.d.ts.map +1 -1
  133. package/lib/photo/photo/Photo.js +11 -11
  134. package/lib/photo/photo/Photo.ve.js +1 -1
  135. package/lib/photo/photo-carousel/PhotoCarousel.d.ts +1 -1
  136. package/lib/photo/photo-carousel/PhotoCarousel.d.ts.map +1 -1
  137. package/lib/photo/photo-carousel/PhotoCarousel.ve.js +1 -1
  138. package/lib/photo/style.css +1 -1
  139. package/lib/product-bar/index.js +91 -93
  140. package/lib/product-bar/index.umd.cjs +1 -1
  141. package/lib/product-bar/product-bar/ProductBar.ve.js +10 -10
  142. package/lib/product-bar/product-bar-name/ProductBarName.d.ts.map +1 -1
  143. package/lib/product-bar/product-bar-name/ProductBarName.js +13 -15
  144. package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +5 -5
  145. package/lib/product-bar/slack-link/SlackLink.ve.js +2 -2
  146. package/lib/product-bar/style.css +1 -1
  147. package/lib/product-bar-vertical/index.js +69 -69
  148. package/lib/product-bar-vertical/index.umd.cjs +1 -1
  149. package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +20 -20
  150. package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.d.ts +1 -1
  151. package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.d.ts.map +1 -1
  152. package/lib/product-bar-vertical/style.css +1 -1
  153. package/lib/progress-indicators/index.js +79 -79
  154. package/lib/progress-indicators/index.umd.cjs +1 -1
  155. package/lib/progress-indicators/progress-bar/ProgressBar.css.d.ts +1 -1
  156. package/lib/progress-indicators/progress-bar/ProgressBar.css.d.ts.map +1 -1
  157. package/lib/progress-indicators/progress-bar/ProgressBar.d.ts +2 -2
  158. package/lib/progress-indicators/progress-bar/ProgressBar.d.ts.map +1 -1
  159. package/lib/progress-indicators/progress-bar/ProgressBar.js +1 -1
  160. package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +10 -10
  161. package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.d.ts +3 -3
  162. package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.d.ts.map +1 -1
  163. package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +4 -4
  164. package/lib/progress-indicators/progress-ring/ProgressRing.d.ts +2 -2
  165. package/lib/progress-indicators/progress-ring/ProgressRing.d.ts.map +1 -1
  166. package/lib/progress-indicators/style.css +1 -1
  167. package/lib/rich-text-editor/index.js +86 -86
  168. package/lib/rich-text-editor/index.umd.cjs +2 -2
  169. package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.js +1 -1
  170. package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +2 -2
  171. package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +5 -5
  172. package/lib/rich-text-editor/style.css +1 -1
  173. package/lib/scrollable-container/ScrollableContainer.ve.js +1 -1
  174. package/lib/scrollable-container/index.js +8 -8
  175. package/lib/scrollable-container/index.umd.cjs +1 -1
  176. package/lib/scrollable-container/style.css +1 -1
  177. package/lib/side-nav/index.js +78 -78
  178. package/lib/side-nav/index.umd.cjs +1 -1
  179. package/lib/side-nav/side-nav/SideNav.ve.js +12 -12
  180. package/lib/side-nav/style.css +1 -1
  181. package/lib/sorting-header/caret/caret.ve.js +2 -2
  182. package/lib/sorting-header/index.js +125 -125
  183. package/lib/sorting-header/index.umd.cjs +1 -1
  184. package/lib/sorting-header/sorting-header/SortingHeader.ve.js +3 -3
  185. package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +2 -2
  186. package/lib/sorting-header/style.css +1 -1
  187. package/lib/style.css +1 -1
  188. package/lib/tabs/index.js +100 -100
  189. package/lib/tabs/index.umd.cjs +1 -1
  190. package/lib/tabs/style.css +1 -1
  191. package/lib/tabs/tab/Tab.ve.js +2 -2
  192. package/lib/tabs/tabs/Tabs.ve.js +5 -5
  193. package/lib/tags/clickable-tag/ClickableTag.ve.js +4 -4
  194. package/lib/tags/index.js +80 -80
  195. package/lib/tags/index.umd.cjs +1 -1
  196. package/lib/tags/split-tag/SplitTag.ve.js +2 -2
  197. package/lib/tags/style.css +1 -1
  198. package/lib/tags/tag/Tag.ve.js +3 -3
  199. package/lib/utils/VariantDefinitions.d.ts +1 -3
  200. package/lib/utils/VariantDefinitions.d.ts.map +1 -1
  201. package/lib/utils/combineEventHandlers.d.ts.map +1 -1
  202. package/lib/utils/getScrollParent.d.ts.map +1 -1
  203. package/lib/utils/modChildren.d.ts.map +1 -1
  204. package/lib/zero-state/ZeroState.ve.js +6 -6
  205. package/lib/zero-state/index.js +42 -42
  206. package/lib/zero-state/index.umd.cjs +1 -1
  207. package/lib/zero-state/style.css +1 -1
  208. package/package.json +11 -11
  209. package/scripts/watch-all.mjs +1 -1
@@ -1,32 +1,32 @@
1
- import * as t from "react";
2
- import { Metadata as r, selectChildren as d, Icon as l, addClassName as c, cl as n, modChildren as p } from "@sps-woodland/core";
3
- var m = "pkg_sps-woodland_core__version_8_53_11__hash_6nwwl00", g = "pkg_sps-woodland_core__version_8_53_11__hash_6nwwl01", h = "pkg_sps-woodland_core__version_8_53_11__hash_6nwwl02";
1
+ import * as o from "react";
2
+ import { Metadata as i, selectChildren as p, Icon as n, addClassName as d, cl as s, modChildren as c } from "@sps-woodland/core";
3
+ var m = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl00", g = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl01", h = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl02";
4
4
  function v({
5
5
  children: a,
6
- className: o,
7
- ...s
6
+ className: t,
7
+ ...l
8
8
  }) {
9
- const [[e], _] = d(a, [{ type: l }]), i = e ? c(e, h) : "";
10
- return /* @__PURE__ */ t.createElement("div", { className: n(m, o), ...s }, i, /* @__PURE__ */ t.createElement("div", { className: g }, _));
9
+ const [[e], _] = p(a, [{ type: n }]), r = e ? d(e, h) : "";
10
+ return /* @__PURE__ */ o.createElement("div", { className: s(m, t), ...l }, r, /* @__PURE__ */ o.createElement("div", { className: g }, _));
11
11
  }
12
- r.set(v, {
12
+ i.set(v, {
13
13
  name: "Page Title"
14
14
  });
15
- var w = "pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku0", u = "pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku1";
16
- function k({
15
+ var w = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku0", u = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku1";
16
+ function f({
17
17
  children: a,
18
- className: o,
19
- ...s
18
+ className: t,
19
+ ...l
20
20
  }) {
21
- const e = p(a, (_) => _.type === l ? [{
22
- className: n(_.props.className, u)
21
+ const e = c(a, (_) => _.type === n ? [{
22
+ className: s(_.props.className, u)
23
23
  }] : []);
24
- return /* @__PURE__ */ t.createElement("div", { className: n(w, o), ...s }, e);
24
+ return /* @__PURE__ */ o.createElement("div", { className: s(w, t), ...l }, e);
25
25
  }
26
- r.set(k, {
26
+ i.set(f, {
27
27
  name: "Page Subtitle"
28
28
  });
29
29
  export {
30
- k as PageSubtitle,
30
+ f as PageSubtitle,
31
31
  v as PageTitle
32
32
  };
@@ -1 +1 @@
1
- (function(t,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],_):(t=typeof globalThis<"u"?globalThis:t||self,_(t.PageTitle={},t.react,t.spsWoodlandCore))})(this,(function(t,_,e){"use strict";function c(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>n[a]})}}return o.default=n,Object.freeze(o)}const d=c(_);var p="pkg_sps-woodland_core__version_8_53_11__hash_6nwwl00",u="pkg_sps-woodland_core__version_8_53_11__hash_6nwwl01",f="pkg_sps-woodland_core__version_8_53_11__hash_6nwwl02";function l({children:n,className:o,...a}){const[[s],i]=e.selectChildren(n,[{type:e.Icon}]),h=s?e.addClassName(s,f):"";return d.createElement("div",{className:e.cl(p,o),...a},h,d.createElement("div",{className:u},i))}e.Metadata.set(l,{name:"Page Title"});var g="pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku0",m="pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku1";function r({children:n,className:o,...a}){const s=e.modChildren(n,i=>i.type===e.Icon?[{className:e.cl(i.props.className,m)}]:[]);return d.createElement("div",{className:e.cl(g,o),...a},s)}e.Metadata.set(r,{name:"Page Subtitle"}),t.PageSubtitle=r,t.PageTitle=l,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(t,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],l):(t=typeof globalThis<"u"?globalThis:t||self,l(t.PageTitle={},t.react,t.spsWoodlandCore))})(this,(function(t,l,e){"use strict";function c(a){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(_,n,i.get?i:{enumerable:!0,get:()=>a[n]})}}return _.default=a,Object.freeze(_)}const s=c(l);var p="pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl00",u="pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl01",f="pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl02";function d({children:a,className:_,...n}){const[[i],o]=e.selectChildren(a,[{type:e.Icon}]),h=i?e.addClassName(i,f):"";return s.createElement("div",{className:e.cl(p,_),...n},h,s.createElement("div",{className:u},o))}e.Metadata.set(d,{name:"Page Title"});var g="pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku0",m="pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku1";function r({children:a,className:_,...n}){const i=e.modChildren(a,o=>o.type===e.Icon?[{className:e.cl(o.props.className,m)}]:[]);return s.createElement("div",{className:e.cl(g,_),...n},i)}e.Metadata.set(r,{name:"Page Subtitle"}),t.PageSubtitle=r,t.PageTitle=d,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
- var o = "pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku0", e = "pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku1";
2
+ var e = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku0", a = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku1";
3
3
  export {
4
- o as pageSubtitle,
5
- e as pageSubtitleIcon
4
+ e as pageSubtitle,
5
+ a as pageSubtitleIcon
6
6
  };
@@ -1,7 +1,7 @@
1
1
  /* empty css */
2
- var o = "pkg_sps-woodland_core__version_8_53_11__hash_6nwwl00", e = "pkg_sps-woodland_core__version_8_53_11__hash_6nwwl01", a = "pkg_sps-woodland_core__version_8_53_11__hash_6nwwl02";
2
+ var e = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl00", a = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl01", l = "pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl02";
3
3
  export {
4
- o as pageTitle,
5
- a as pageTitleIcon,
6
- e as pageTitleText
4
+ e as pageTitle,
5
+ l as pageTitleIcon,
6
+ a as pageTitleText
7
7
  };
@@ -1 +1 @@
1
- .pkg_sps-woodland_core__version_8_53_11__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__version_8_53_11__hash_6nwwl01{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__version_8_53_11__hash_6nwwl02{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem;margin-top:.1875rem}.pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_core__version_8_53_11__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}
1
+ .pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__family_page-title__version_8_53_13__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_53_13__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_53_13__hash_14qi3ku0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_53_13__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}
@@ -1,94 +1,94 @@
1
1
  import * as r from "react";
2
- import { Metadata as V, cl as f, Icon as j, selectChildren as W } from "@sps-woodland/core";
2
+ import { Metadata as V, cl as d, Icon as j, selectChildren as W } from "@sps-woodland/core";
3
3
  import { grid as h } from "@sps-woodland/tokens";
4
4
  import { SpsButton as v } from "@spscommerce/ds-react";
5
5
  import { SpsIcon as w, ButtonKind as g } from "@spscommerce/ds-shared";
6
- function B(e, a, n) {
6
+ function B(e, a, o) {
7
7
  return a in e ? Object.defineProperty(e, a, {
8
- value: n,
8
+ value: o,
9
9
  enumerable: !0,
10
10
  configurable: !0,
11
11
  writable: !0
12
- }) : e[a] = n, e;
12
+ }) : e[a] = o, e;
13
13
  }
14
14
  function b(e, a) {
15
- var n = Object.keys(e);
15
+ var o = Object.keys(e);
16
16
  if (Object.getOwnPropertySymbols) {
17
17
  var t = Object.getOwnPropertySymbols(e);
18
- a && (t = t.filter(function(o) {
19
- return Object.getOwnPropertyDescriptor(e, o).enumerable;
20
- })), n.push.apply(n, t);
18
+ a && (t = t.filter(function(n) {
19
+ return Object.getOwnPropertyDescriptor(e, n).enumerable;
20
+ })), o.push.apply(o, t);
21
21
  }
22
- return n;
22
+ return o;
23
23
  }
24
- function C(e) {
24
+ function y(e) {
25
25
  for (var a = 1; a < arguments.length; a++) {
26
- var n = arguments[a] != null ? arguments[a] : {};
27
- a % 2 ? b(Object(n), !0).forEach(function(t) {
28
- B(e, t, n[t]);
29
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : b(Object(n)).forEach(function(t) {
30
- Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
26
+ var o = arguments[a] != null ? arguments[a] : {};
27
+ a % 2 ? b(Object(o), !0).forEach(function(t) {
28
+ B(e, t, o[t]);
29
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : b(Object(o)).forEach(function(t) {
30
+ Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t));
31
31
  });
32
32
  }
33
33
  return e;
34
34
  }
35
- var F = (e, a, n) => {
35
+ var F = (e, a, o) => {
36
36
  for (var t of Object.keys(e)) {
37
- var o;
38
- if (e[t] !== ((o = a[t]) !== null && o !== void 0 ? o : n[t]))
37
+ var n;
38
+ if (e[t] !== ((n = a[t]) !== null && n !== void 0 ? n : o[t]))
39
39
  return !1;
40
40
  }
41
41
  return !0;
42
42
  }, m = (e) => (a) => {
43
- var n = e.defaultClassName, t = C(C({}, e.defaultVariants), a);
44
- for (var o in t) {
45
- var _, c = (_ = t[o]) !== null && _ !== void 0 ? _ : e.defaultVariants[o];
43
+ var o = e.defaultClassName, t = y(y({}, e.defaultVariants), a);
44
+ for (var n in t) {
45
+ var i, c = (i = t[n]) !== null && i !== void 0 ? i : e.defaultVariants[n];
46
46
  if (c != null) {
47
- var s = c;
48
- typeof s == "boolean" && (s = s === !0 ? "true" : "false");
47
+ var _ = c;
48
+ typeof _ == "boolean" && (_ = _ === !0 ? "true" : "false");
49
49
  var l = (
50
50
  // @ts-expect-error
51
- e.variantClassNames[o][s]
51
+ e.variantClassNames[n][_]
52
52
  );
53
- l && (n += " " + l);
53
+ l && (o += " " + l);
54
54
  }
55
55
  }
56
- for (var [i, u] of e.compoundVariants)
57
- F(i, t, e.defaultVariants) && (n += " " + u);
58
- return n;
59
- }, L = m({ defaultClassName: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w1", false: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), A = m({ defaultClassName: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w4", fit: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), D = "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w6";
60
- function O({
56
+ for (var [s, u] of e.compoundVariants)
57
+ F(s, t, e.defaultVariants) && (o += " " + u);
58
+ return o;
59
+ }, L = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), A = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), D = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w6";
60
+ function E({
61
61
  className: e,
62
62
  src: a,
63
- altText: n,
63
+ altText: o,
64
64
  mode: t = "fill",
65
- placeholderIcon: o = "photo",
66
- ..._
65
+ placeholderIcon: n = "photo",
66
+ ...i
67
67
  }) {
68
- const c = r.useRef(null), s = r.useRef(null), l = r.useRef(null), i = r.useRef(null), [u, N] = r.useState(), [P, R] = r.useState(!1);
68
+ 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);
69
69
  r.useEffect(() => {
70
- s.current && (l.current && (window.clearInterval(l.current), l.current = null), l.current = window.setInterval(() => {
71
- if (s.current) {
72
- const d = s.current.getBoundingClientRect();
73
- if (d.height) {
70
+ _.current && (l.current && (window.clearInterval(l.current), l.current = null), l.current = window.setInterval(() => {
71
+ if (_.current) {
72
+ const f = _.current.getBoundingClientRect();
73
+ if (f.height) {
74
74
  l.current && (window.clearInterval(l.current), l.current = null);
75
- let p = d.width / d.height > 1;
76
- R(p === (t === "fit"));
75
+ const p = f.width / f.height > 1;
76
+ P(p === (t === "fit"));
77
77
  }
78
78
  }
79
79
  }, 1e3 / 60));
80
- }, [c.current, s.current, a]), r.useEffect(() => {
81
- i.current && (window.clearInterval(i.current), i.current = null), i.current = window.setInterval(() => {
80
+ }, [c.current, _.current, a]), r.useEffect(() => {
81
+ s.current && (window.clearInterval(s.current), s.current = null), s.current = window.setInterval(() => {
82
82
  if (c.current) {
83
- const d = c.current.getBoundingClientRect();
84
- d.width && (y(d.width), i.current && (window.clearInterval(i.current), i.current = null));
83
+ const f = c.current.getBoundingClientRect();
84
+ f.width && (R(f.width), s.current && (window.clearInterval(s.current), s.current = null));
85
85
  }
86
86
  }, 1e3 / 60);
87
87
  }, [c.current]);
88
- function y(d) {
89
- if (d) {
88
+ function R(f) {
89
+ if (f) {
90
90
  const p = document?.body?.parentElement?.style?.fontSize || "16px", x = Number(p.substring(0, p.length - 2));
91
- N(d / x);
91
+ O(f / x);
92
92
  }
93
93
  }
94
94
  function k() {
@@ -103,26 +103,26 @@ function O({
103
103
  "div",
104
104
  {
105
105
  ref: c,
106
- className: f(L({ placeholder: !a }), e),
106
+ className: d(L({ placeholder: !a }), e),
107
107
  style: {
108
108
  width: `${u}` && `${u}rem`,
109
109
  fontSize: `${k()}rem`,
110
110
  height: `${S()}rem`
111
111
  },
112
- ..._
112
+ ...i
113
113
  },
114
114
  a ? u ? /* @__PURE__ */ r.createElement(
115
115
  "img",
116
116
  {
117
- className: A({ mode: P ? "fit" : "fill" }),
118
- ref: s,
117
+ className: A({ mode: N ? "fit" : "fill" }),
118
+ ref: _,
119
119
  src: a,
120
- alt: n
120
+ alt: o
121
121
  }
122
- ) : /* @__PURE__ */ r.createElement("span", null) : /* @__PURE__ */ r.createElement(j, { className: D, icon: o })
122
+ ) : /* @__PURE__ */ r.createElement("span", null) : /* @__PURE__ */ r.createElement(j, { className: D, icon: n })
123
123
  );
124
124
  }
125
- V.set(O, {
125
+ V.set(E, {
126
126
  name: "Photo",
127
127
  props: {
128
128
  src: "string",
@@ -134,36 +134,36 @@ V.set(O, {
134
134
  placeholderIcon: "IconName"
135
135
  }
136
136
  });
137
- var I = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba10", E = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba11", z = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba12", T = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__version_8_53_11__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_53_11__hash_1744ba15", false: "pkg_sps-woodland_core__version_8_53_11__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
137
+ var C = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba10", I = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba11", z = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba12", T = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
138
138
  function J({
139
139
  children: e,
140
140
  className: a,
141
- ...n
141
+ ...o
142
142
  }) {
143
- const [t] = W(e, [{ type: O }]), [o, _] = r.useState(0);
143
+ const [t] = W(e, [{ type: E }]), [n, i] = r.useState(0);
144
144
  function c() {
145
- o + 1 === t.length ? _(0) : _(o + 1);
145
+ n + 1 === t.length ? i(0) : i(n + 1);
146
146
  }
147
- function s() {
148
- _(o === 0 ? t.length - 1 : o - 1);
147
+ function _() {
148
+ i(n === 0 ? t.length - 1 : n - 1);
149
149
  }
150
- return /* @__PURE__ */ r.createElement("div", { className: h.root, ...n }, /* @__PURE__ */ r.createElement("div", { className: f(I) }, /* @__PURE__ */ r.createElement("div", { className: f(E) }, /* @__PURE__ */ r.createElement(
150
+ 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(
151
151
  v,
152
152
  {
153
153
  tabIndex: 0,
154
154
  kind: g.ICON,
155
155
  icon: w.ARROW_LEFT_CIRCLE,
156
- onClick: s
156
+ onClick: _
157
157
  }
158
- ))), /* @__PURE__ */ r.createElement("div", { className: h[10] }, /* @__PURE__ */ r.createElement("div", { className: f(T, h[12]) }, t[o]), /* @__PURE__ */ r.createElement("div", { className: f(z, h[12]) }, t.map((l, i) => /* @__PURE__ */ r.createElement(
158
+ ))), /* @__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(
159
159
  "button",
160
160
  {
161
161
  tabIndex: 0,
162
- className: f(H({ selected: i === o })),
163
- onClick: () => _(i)
162
+ className: d(H({ selected: s === n })),
163
+ onClick: () => i(s)
164
164
  },
165
165
  l
166
- )))), /* @__PURE__ */ r.createElement("div", { className: f(I) }, /* @__PURE__ */ r.createElement("div", { className: f(E) }, /* @__PURE__ */ r.createElement(
166
+ )))), /* @__PURE__ */ r.createElement("div", { className: d(C) }, /* @__PURE__ */ r.createElement("div", { className: d(I) }, /* @__PURE__ */ r.createElement(
167
167
  v,
168
168
  {
169
169
  tabIndex: 0,
@@ -174,6 +174,6 @@ function J({
174
174
  ))));
175
175
  }
176
176
  export {
177
- O as Photo,
177
+ E as Photo,
178
178
  J as PhotoCarousel
179
179
  };
@@ -1 +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,_,h,O,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 C(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 I(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?C(Object(t),!0).forEach(function(r){N(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(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=I(I({},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[c,f]of e.compoundVariants)R(c,r,e.defaultVariants)&&(t+=" "+f);return t},j=g({defaultClassName:"pkg_sps-woodland_core__version_8_53_11__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__version_8_53_11__hash_1orib4w1",false:"pkg_sps-woodland_core__version_8_53_11__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=g({defaultClassName:"pkg_sps-woodland_core__version_8_53_11__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__version_8_53_11__hash_1orib4w4",fit:"pkg_sps-woodland_core__version_8_53_11__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),k="pkg_sps-woodland_core__version_8_53_11__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),c=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);let w=p.width/p.height>1;F(w===(r==="fit"))}}},1e3/60))},[d.current,l.current,n]),o.useEffect(()=>{c.current&&(window.clearInterval(c.current),c.current=null),c.current=window.setInterval(()=>{if(d.current){const p=d.current.getBoundingClientRect();p.width&&(L(p.width),c.current&&(window.clearInterval(c.current),c.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:_.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(_.Icon,{className:k,icon:a}))}_.Metadata.set(b,{name:"Photo",props:{src:"string",altText:"string",mode:{type:'"fill" | "fit"',default:'"fill"'},placeholderIcon:"IconName"}});var P="pkg_sps-woodland_core__version_8_53_11__hash_1744ba10",y="pkg_sps-woodland_core__version_8_53_11__hash_1744ba11",x="pkg_sps-woodland_core__version_8_53_11__hash_1744ba12",V="pkg_sps-woodland_core__version_8_53_11__hash_1744ba13",W=g({defaultClassName:"pkg_sps-woodland_core__version_8_53_11__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__version_8_53_11__hash_1744ba15",false:"pkg_sps-woodland_core__version_8_53_11__hash_1744ba16"}},defaultVariants:{selected:!1},compoundVariants:[]});function D({children:e,className:n,...t}){const[r]=_.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:_.cl(P)},o.createElement("div",{className:_.cl(y)},o.createElement(O.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:_.cl(V,h.grid[12])},r[a]),o.createElement("div",{className:_.cl(x,h.grid[12])},r.map((i,c)=>o.createElement("button",{tabIndex:0,className:_.cl(W({selected:c===a})),onClick:()=>u(c)},i)))),o.createElement("div",{className:_.cl(P)},o.createElement("div",{className:_.cl(y)},o.createElement(O.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"})}));
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_53_13__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w1",false:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w4",fit:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),k="pkg_sps-woodland_core__family_photo__version_8_53_13__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_53_13__hash_1744ba10",P="pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba11",x="pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba12",V="pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba13",W=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba15",false:"pkg_sps-woodland_core__family_photo__version_8_53_13__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"})}));
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
- import { ComponentProps } from "@sps-woodland/core";
3
- import { IconName } from "@sps-woodland/tokens";
2
+ import type { ComponentProps } from "@sps-woodland/core";
3
+ import type { IconName } from "@sps-woodland/tokens";
4
4
  import type { PhotoDisplayMode } from "./Photo.css";
5
5
  export declare function Photo({ className, src, altText, mode, placeholderIcon, ...rest }: ComponentProps<{
6
6
  src?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Photo.d.ts","sourceRoot":"","sources":["../../../src/photo/photo/Photo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAsB,MAAM,oBAAoB,CAAC;AAGxE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,EACH,OAAO,EACP,IAAa,EACb,eAAyB,EACzB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAgGrB"}
1
+ {"version":3,"file":"Photo.d.ts","sourceRoot":"","sources":["../../../src/photo/photo/Photo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,EACH,OAAO,EACP,IAAa,EACb,eAAyB,EACzB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAgGrB"}
@@ -9,26 +9,26 @@ function x({
9
9
  placeholderIcon: d = "photo",
10
10
  ...m
11
11
  }) {
12
- const l = e.useRef(null), c = e.useRef(null), n = e.useRef(null), r = e.useRef(null), [i, h] = e.useState(), [g, p] = e.useState(!1);
12
+ const c = e.useRef(null), l = e.useRef(null), n = e.useRef(null), r = e.useRef(null), [i, h] = e.useState(), [g, p] = e.useState(!1);
13
13
  e.useEffect(() => {
14
- c.current && (n.current && (window.clearInterval(n.current), n.current = null), n.current = window.setInterval(() => {
15
- if (c.current) {
16
- const t = c.current.getBoundingClientRect();
14
+ l.current && (n.current && (window.clearInterval(n.current), n.current = null), n.current = window.setInterval(() => {
15
+ if (l.current) {
16
+ const t = l.current.getBoundingClientRect();
17
17
  if (t.height) {
18
18
  n.current && (window.clearInterval(n.current), n.current = null);
19
- let u = t.width / t.height > 1;
19
+ const u = t.width / t.height > 1;
20
20
  p(u === (s === "fit"));
21
21
  }
22
22
  }
23
23
  }, 1e3 / 60));
24
- }, [l.current, c.current, o]), e.useEffect(() => {
24
+ }, [c.current, l.current, o]), e.useEffect(() => {
25
25
  r.current && (window.clearInterval(r.current), r.current = null), r.current = window.setInterval(() => {
26
- if (l.current) {
27
- const t = l.current.getBoundingClientRect();
26
+ if (c.current) {
27
+ const t = c.current.getBoundingClientRect();
28
28
  t.width && (w(t.width), r.current && (window.clearInterval(r.current), r.current = null));
29
29
  }
30
30
  }, 1e3 / 60);
31
- }, [l.current]);
31
+ }, [c.current]);
32
32
  function w(t) {
33
33
  if (t) {
34
34
  const u = document?.body?.parentElement?.style?.fontSize || "16px", v = Number(u.substring(0, u.length - 2));
@@ -46,7 +46,7 @@ function x({
46
46
  return /* @__PURE__ */ e.createElement(
47
47
  "div",
48
48
  {
49
- ref: l,
49
+ ref: c,
50
50
  className: y(b({ placeholder: !o }), a),
51
51
  style: {
52
52
  width: `${i}` && `${i}rem`,
@@ -59,7 +59,7 @@ function x({
59
59
  "img",
60
60
  {
61
61
  className: N({ mode: g ? "fit" : "fill" }),
62
- ref: c,
62
+ ref: l,
63
63
  src: o,
64
64
  alt: f
65
65
  }
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
2
  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";
3
- var s = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w1", false: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w4", fit: "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), e = "pkg_sps-woodland_core__version_8_53_11__hash_1orib4w6";
3
+ var s = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w6";
4
4
  export {
5
5
  r as photo,
6
6
  e as photoPlaceholder,
@@ -1,4 +1,4 @@
1
1
  import * as React from "react";
2
- import { ComponentProps } from "@sps-woodland/core";
2
+ import type { ComponentProps } from "@sps-woodland/core";
3
3
  export declare function PhotoCarousel({ children, className, ...rest }: ComponentProps<unknown, HTMLDivElement>): React.ReactElement;
4
4
  //# sourceMappingURL=PhotoCarousel.d.ts.map
@@ -1 +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,EAAY,cAAc,EAAsB,MAAM,oBAAoB,CAAC;AAalF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAoD9D"}
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"}
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
2
  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";
3
- var s = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba10", e = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba11", r = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba12", p = "pkg_sps-woodland_core__version_8_53_11__hash_1744ba13", t = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_11__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_53_11__hash_1744ba15", false: "pkg_sps-woodland_core__version_8_53_11__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
3
+ var s = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba10", e = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba12", p = "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba13", t = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
4
4
  export {
5
5
  e as photoCarouselButton,
6
6
  s as photoCarouselButtonWrapper,
@@ -1 +1 @@
1
- .pkg_sps-woodland_core__version_8_53_11__hash_1orib4w0{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:0!important;vertical-align:middle}.pkg_sps-woodland_core__version_8_53_11__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__version_8_53_11__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__version_8_53_11__hash_1orib4w4{height:100%;visibility:visible;width:auto}.pkg_sps-woodland_core__version_8_53_11__hash_1orib4w5{height:auto;visibility:visible;width:100%}.pkg_sps-woodland_core__version_8_53_11__hash_1orib4w6{font-size:6em;text-align:center;color:#717779}.pkg_sps-woodland_core__version_8_53_11__hash_1744ba10{display:table;float:right}.pkg_sps-woodland_core__version_8_53_11__hash_1744ba11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_core__version_8_53_11__hash_1744ba12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pkg_sps-woodland_core__version_8_53_11__hash_1744ba13{display:block;margin-bottom:.5rem;width:100%}.pkg_sps-woodland_core__version_8_53_11__hash_1744ba14{display:block;background:transparent;border:0;cursor:pointer;padding:0}.pkg_sps-woodland_core__version_8_53_11__hash_1744ba16{opacity:.4}
1
+ .pkg_sps-woodland_core__family_photo__version_8_53_13__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_53_13__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_53_13__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w4{height:100%;visibility:visible;width:auto}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w5{height:auto;visibility:visible;width:100%}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1orib4w6{font-size:6em;text-align:center;color:#717779}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba10{display:table;float:right}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba13{display:block;margin-bottom:.5rem;width:100%}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba14{display:block;background:transparent;border:0;cursor:pointer;padding:0}.pkg_sps-woodland_core__family_photo__version_8_53_13__hash_1744ba16{opacity:.4}