@sps-woodland/core 8.53.21 → 8.53.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/action-bar/action-bar/ActionBar.ve.js +1 -1
- package/lib/action-bar/index.js +1 -1
- package/lib/action-bar/index.umd.cjs +1 -1
- package/lib/action-bar/style.css +1 -1
- package/lib/add-to-list/add-to-list/AddToList.ve.js +1 -1
- package/lib/add-to-list/index.js +1 -1
- package/lib/add-to-list/index.umd.cjs +1 -1
- package/lib/add-to-list/style.css +1 -1
- package/lib/buttons/button/Button.ve.js +1 -1
- package/lib/buttons/index.js +1 -1
- package/lib/buttons/index.umd.cjs +1 -1
- package/lib/buttons/style.css +1 -1
- package/lib/cards/card/Card.ve.js +1 -1
- package/lib/cards/card-footer/CardFooter.ve.js +1 -1
- package/lib/cards/card-header/CardHeader.ve.js +1 -1
- package/lib/cards/card-title/CardTitle.ve.js +1 -1
- package/lib/cards/index.js +4 -4
- package/lib/cards/index.umd.cjs +1 -1
- package/lib/cards/style.css +1 -1
- package/lib/components/icon/Icon.ve.js +1 -1
- package/lib/content-row/content-row/ContentRow.ve.js +1 -1
- package/lib/content-row/content-row-col/ContentRowCol.ve.js +1 -1
- package/lib/content-row/index.js +3 -3
- package/lib/content-row/index.umd.cjs +1 -1
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +1 -1
- package/lib/content-row/style.css +1 -1
- package/lib/content-tiles/content-tile/ContentTile.ve.js +1 -1
- package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +1 -1
- package/lib/content-tiles/index.js +2 -2
- package/lib/content-tiles/index.umd.cjs +1 -1
- package/lib/content-tiles/style.css +1 -1
- package/lib/core.css +1 -1
- package/lib/dropdowns/dropdown/Dropdown.ve.js +1 -1
- package/lib/dropdowns/index.js +3 -3
- package/lib/dropdowns/index.umd.cjs +1 -1
- package/lib/dropdowns/option-list/Option.ve.js +1 -1
- package/lib/dropdowns/option-list/OptionList.ve.js +1 -1
- package/lib/dropdowns/style.css +1 -1
- package/lib/feedback-block/FeedbackBlock.ve.js +1 -1
- package/lib/feedback-block/index.js +1 -1
- package/lib/feedback-block/index.umd.cjs +1 -1
- package/lib/feedback-block/style.css +1 -1
- package/lib/file-upload/file-upload/FileUpload.ve.js +1 -1
- package/lib/file-upload/index.js +1 -1
- package/lib/file-upload/index.umd.cjs +1 -1
- package/lib/file-upload/style.css +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.ve.js +1 -1
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +1 -1
- package/lib/filter-tiles/index.js +2 -2
- package/lib/filter-tiles/index.umd.cjs +1 -1
- package/lib/filter-tiles/style.css +1 -1
- package/lib/focused-task/focused-task/FocusedTask.ve.js +1 -1
- package/lib/focused-task/index.js +1 -1
- package/lib/focused-task/index.umd.cjs +1 -1
- package/lib/focused-task/style.css +1 -1
- package/lib/growler/Growler.ve.js +1 -1
- package/lib/growler/Sonner.ve.js +1 -1
- package/lib/growler/index.js +2 -2
- package/lib/growler/index.umd.cjs +1 -1
- package/lib/growler/style.css +1 -1
- package/lib/index.js +8 -8
- package/lib/index.umd.cjs +1 -1
- package/lib/insight-card/InsightCard.ve.js +1 -1
- package/lib/insight-card/index.js +1 -1
- package/lib/insight-card/index.umd.cjs +1 -1
- package/lib/insight-card/style.css +1 -1
- package/lib/key-value-set/index.js +2 -2
- package/lib/key-value-set/index.umd.cjs +1 -1
- package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +1 -1
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +1 -1
- package/lib/key-value-set/style.css +1 -1
- package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +1 -1
- package/lib/list-bar/index.js +3 -3
- package/lib/list-bar/index.umd.cjs +1 -1
- package/lib/list-bar/list-bar/ListBar.ve.js +1 -1
- package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +1 -1
- package/lib/list-bar/style.css +1 -1
- package/lib/matrix/index.js +1 -1
- package/lib/matrix/index.umd.cjs +1 -1
- package/lib/matrix/matrix/Matrix.ve.js +1 -1
- package/lib/matrix/style.css +1 -1
- package/lib/modal/index.js +1 -1
- package/lib/modal/index.umd.cjs +1 -1
- package/lib/modal/modal/Modal.ve.js +1 -1
- package/lib/modal/style.css +1 -1
- package/lib/page-title/index.js +2 -2
- package/lib/page-title/index.umd.cjs +1 -1
- package/lib/page-title/page-subtitle/PageSubtitle.ve.js +1 -1
- package/lib/page-title/page-title/PageTitle.ve.js +1 -1
- package/lib/page-title/style.css +1 -1
- package/lib/photo/index.js +2 -2
- package/lib/photo/index.umd.cjs +1 -1
- package/lib/photo/photo/Photo.ve.js +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.ve.js +1 -1
- package/lib/photo/style.css +1 -1
- package/lib/product-bar/index.js +3 -3
- package/lib/product-bar/index.umd.cjs +1 -1
- package/lib/product-bar/product-bar/ProductBar.ve.js +1 -1
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +1 -1
- package/lib/product-bar/slack-link/SlackLink.ve.js +1 -1
- package/lib/product-bar/style.css +1 -1
- package/lib/product-bar-vertical/index.js +1 -1
- package/lib/product-bar-vertical/index.umd.cjs +1 -1
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +1 -1
- package/lib/product-bar-vertical/style.css +1 -1
- package/lib/progress-indicators/index.js +1 -1
- package/lib/progress-indicators/index.umd.cjs +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +1 -1
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +1 -1
- package/lib/progress-indicators/style.css +1 -1
- package/lib/rich-text-editor/index.js +2 -2
- package/lib/rich-text-editor/index.umd.cjs +1 -1
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +1 -1
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +1 -1
- package/lib/rich-text-editor/style.css +1 -1
- package/lib/scrollable-container/ScrollableContainer.ve.js +1 -1
- package/lib/scrollable-container/index.js +1 -1
- package/lib/scrollable-container/index.umd.cjs +1 -1
- package/lib/scrollable-container/style.css +1 -1
- package/lib/side-nav/index.js +1 -1
- package/lib/side-nav/index.umd.cjs +1 -1
- package/lib/side-nav/side-nav/SideNav.ve.js +1 -1
- package/lib/side-nav/style.css +1 -1
- package/lib/sorting-header/caret/caret.ve.js +1 -1
- package/lib/sorting-header/index.js +2 -2
- package/lib/sorting-header/index.umd.cjs +1 -1
- package/lib/sorting-header/sorting-header/SortingHeader.ve.js +1 -1
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +1 -1
- package/lib/sorting-header/style.css +1 -1
- package/lib/style.css +1 -1
- package/lib/tabs/index.js +2 -2
- package/lib/tabs/index.umd.cjs +1 -1
- package/lib/tabs/style.css +1 -1
- package/lib/tabs/tab/Tab.ve.js +1 -1
- package/lib/tabs/tabs/Tabs.ve.js +1 -1
- package/lib/tags/clickable-tag/ClickableTag.ve.js +1 -1
- package/lib/tags/index.js +3 -3
- package/lib/tags/index.umd.cjs +1 -1
- package/lib/tags/split-tag/SplitTag.ve.js +1 -1
- package/lib/tags/style.css +1 -1
- package/lib/tags/tag/Tag.ve.js +1 -1
- package/lib/zero-state/ZeroState.ve.js +1 -1
- package/lib/zero-state/index.js +1 -1
- package/lib/zero-state/index.umd.cjs +1 -1
- package/lib/zero-state/style.css +1 -1
- package/package.json +10 -10
|
@@ -1 +1 @@
|
|
|
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-
|
|
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_23__hash_6nwwl00",u="pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_6nwwl01",f="pkg_sps-woodland_core__family_page-title__version_8_53_23__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_23__hash_14qi3ku0",m="pkg_sps-woodland_core__family_page-title__version_8_53_23__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,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var e = "pkg_sps-woodland_core__family_page-
|
|
2
|
+
var e = "pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_14qi3ku0", a = "pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_14qi3ku1";
|
|
3
3
|
export {
|
|
4
4
|
e as pageSubtitle,
|
|
5
5
|
a as pageSubtitleIcon
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var e = "pkg_sps-woodland_core__family_page-
|
|
2
|
+
var e = "pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_6nwwl00", a = "pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_6nwwl01", l = "pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_6nwwl02";
|
|
3
3
|
export {
|
|
4
4
|
e as pageTitle,
|
|
5
5
|
l as pageTitleIcon,
|
package/lib/page-title/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_page-
|
|
1
|
+
.pkg_sps-woodland_core__family_page-title__version_8_53_23__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__family_page-title__version_8_53_23__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_23__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_23__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_23__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}
|
package/lib/photo/index.js
CHANGED
|
@@ -56,7 +56,7 @@ var F = (e, a, o) => {
|
|
|
56
56
|
for (var [s, u] of e.compoundVariants)
|
|
57
57
|
F(s, t, e.defaultVariants) && (o += " " + u);
|
|
58
58
|
return o;
|
|
59
|
-
}, L = m({ defaultClassName: "pkg_sps-
|
|
59
|
+
}, L = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), A = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), D = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w6";
|
|
60
60
|
function E({
|
|
61
61
|
className: e,
|
|
62
62
|
src: a,
|
|
@@ -134,7 +134,7 @@ V.set(E, {
|
|
|
134
134
|
placeholderIcon: "IconName"
|
|
135
135
|
}
|
|
136
136
|
});
|
|
137
|
-
var C = "pkg_sps-
|
|
137
|
+
var C = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba10", I = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba11", z = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba12", T = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
|
|
138
138
|
function J({
|
|
139
139
|
children: e,
|
|
140
140
|
className: a,
|
package/lib/photo/index.umd.cjs
CHANGED
|
@@ -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,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-
|
|
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_23__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w1",false:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w4",fit:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),k="pkg_sps-woodland_core__family_photo__version_8_53_23__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_23__hash_1744ba10",P="pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba11",x="pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba12",V="pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba13",W=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba15",false:"pkg_sps-woodland_core__family_photo__version_8_53_23__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
|
/* 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-
|
|
3
|
+
var s = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w6";
|
|
4
4
|
export {
|
|
5
5
|
r as photo,
|
|
6
6
|
e as photoPlaceholder,
|
|
@@ -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-
|
|
3
|
+
var s = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba10", e = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba12", p = "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba13", t = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
|
|
4
4
|
export {
|
|
5
5
|
e as photoCarouselButton,
|
|
6
6
|
s as photoCarouselButtonWrapper,
|
package/lib/photo/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
1
|
+
.pkg_sps-woodland_core__family_photo__version_8_53_23__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_23__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_23__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w4{height:100%;visibility:visible;width:auto}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w5{height:auto;visibility:visible;width:100%}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1orib4w6{font-size:6em;text-align:center;color:#717779}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba10{display:table;float:right}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba13{display:block;margin-bottom:.5rem;width:100%}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba14{display:block;background:transparent;border:0;cursor:pointer;padding:0}.pkg_sps-woodland_core__family_photo__version_8_53_23__hash_1744ba16{opacity:.4}
|
package/lib/product-bar/index.js
CHANGED
|
@@ -56,7 +56,7 @@ var _e = (e, n, r) => {
|
|
|
56
56
|
for (var [m, i] of e.compoundVariants)
|
|
57
57
|
_e(m, a, e.defaultVariants) && (r += " " + i);
|
|
58
58
|
return r;
|
|
59
|
-
}, ie = "pkg_sps-woodland_core__family_product-
|
|
59
|
+
}, ie = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux0", ue = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), de = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux7", pe = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux8", me = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux9", he = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxa", X = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), ge = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxg", ve = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxi", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
|
|
60
60
|
function Y(e) {
|
|
61
61
|
const n = t.useRef(null), { linkProps: r } = ae(e, n), { active: a, priority: s, ...o } = e, l = {
|
|
62
62
|
...o,
|
|
@@ -99,7 +99,7 @@ H.set(Z, {
|
|
|
99
99
|
hideNameText: { type: "boolean", default: "false" }
|
|
100
100
|
}
|
|
101
101
|
});
|
|
102
|
-
var be = "pkg_sps-woodland_core__family_product-
|
|
102
|
+
var be = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn0", ye = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn1", we = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn2", z = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn3", G = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn4";
|
|
103
103
|
function ke({
|
|
104
104
|
items: e,
|
|
105
105
|
wrapperRef: n
|
|
@@ -361,7 +361,7 @@ H.set(Ee, {
|
|
|
361
361
|
enablePriorityPlus: { type: "boolean", default: "true" }
|
|
362
362
|
}
|
|
363
363
|
});
|
|
364
|
-
var Be = "pkg_sps-woodland_core__family_product-
|
|
364
|
+
var Be = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy0", je = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy1";
|
|
365
365
|
function Ie({
|
|
366
366
|
channelId: e,
|
|
367
367
|
className: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(u,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@react-aria/link","@ariakit/react","@spscommerce/i18n"],V):(u=typeof globalThis<"u"?globalThis:u||self,V(u.ProductBar={},u.react,u.spsWoodlandCore,u.reactAriaLink,u.ariakitReact,u.spscommerceI18n))})(this,(function(u,V,c,te,P,U){"use strict";function re(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=re(V);function ne(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,a)}return t}function Y(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?X(Object(t),!0).forEach(function(a){ne(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var ae=(e,n,t)=>{for(var a of Object.keys(e)){var s;if(e[a]!==((s=n[a])!==null&&s!==void 0?s:t[a]))return!1}return!0},D=e=>n=>{var t=e.defaultClassName,a=Y(Y({},e.defaultVariants),n);for(var s in a){var o,l=(o=a[s])!==null&&o!==void 0?o:e.defaultVariants[s];if(l!=null){var i=l;typeof i=="boolean"&&(i=i===!0?"true":"false");var h=e.variantClassNames[s][i];h&&(t+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(t+=" "+d);return t},se="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux2",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux5",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux7",ce="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux8",_e="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjux9",ue="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxc",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxe",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxg",fe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxh",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxi",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_g6gjuxj"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function G(e){const n=r.useRef(null),{linkProps:t}=te.useLink(e,n),{active:a,priority:s,...o}=e,l={...o,...t,ref:n,className:c.cl(Z({active:a,disabled:!1}),e.className)},i=e.as??(e.href?"a":"span");return r.createElement(i,{...l},e.children)}c.Metadata.set(G,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"},priority:{type:"number"}}});const K=r.forwardRef(({children:e,className:n,name:t,logoSrc:a,hideNameText:s=!1,...o},l)=>r.createElement(r.Fragment,null,r.createElement("a",{className:c.cl(le({hideNameText:s}),n),...o,ref:l},a&&r.createElement("img",{className:ie,src:a,"aria-hidden":"true",alt:`${t} Logo`,title:t}),t&&r.createElement("span",{className:c.cl(ce,s&&_e)},t)),r.createElement("span",{className:de})));c.Metadata.set(K,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"},hideNameText:{type:"boolean",default:"false"}}});var pe="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_5klvkn0",me="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_5klvkn1",he="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_5klvkn2",J="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_5klvkn3",Q="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_5klvkn4";function ge({items:e,wrapperRef:n}){const{t}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(o=>o.props?.active),s=t("productBar.more",{defaultValue:"More"});return r.createElement("span",{ref:n},r.createElement(P.MenuProvider,null,r.createElement(P.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),pe),"aria-label":s},s,r.createElement(c.Icon,{icon:"chevron-down",className:me,"aria-hidden":"true"})),r.createElement(P.Menu,{className:he,gutter:4},e.map((o,l)=>{const i=o.props?.active,h=o.props?.children,g=o.props?.onPress,d=o.props?.href,N=o.props?.as,M=()=>{g&&g()};if(d&&N){const C=N;return r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement(C,{to:d})},h)}return d?r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement("a",{href:d})},h):r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ve(e,n={}){const{enabled:t=!0,minVisibleItems:a=1,debounceMs:s=16}=n,o=r.useRef(null),l=r.useRef(null),i=r.useRef(null),h=r.useRef(null),g=r.useRef(null),d=r.useRef([]),N=r.useRef(0),M=r.useRef(0),C=r.useRef(!1),[W,B]=r.useState(e.length),[H,j]=r.useState(!1),L=r.useCallback(()=>{if(!o.current)return!1;const _=o.current,b=Array.from(_.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const w=b.filter(k=>k!==f);if(w.length<e.length)return!1;if(d.current=w.map(k=>k.getBoundingClientRect().width),g.current){const k=g.current.querySelector("span:last-of-type");if(k){const p=k.getBoundingClientRect().width,E=getComputedStyle(g.current),S=parseFloat(E.marginRight)||0,m=Math.max(0,S-8);M.current=p+m}}return C.current=!0,!0},[e.length]),F=r.useCallback(()=>{if(!l.current)return 0;const _=l.current,b=_.getBoundingClientRect(),f=getComputedStyle(_),w=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=w;const E=Array.from(_.children),S=E.filter(m=>getComputedStyle(m).display!=="none");S.length>1&&(p+=k*(S.length-1));for(const m of E){if(m===o.current)continue;const z=getComputedStyle(m),A=parseFloat(z.marginLeft)+parseFloat(z.marginRight);if(m===h.current){const x=Array.from(m.children),q=getComputedStyle(m),I=parseFloat(q.gap)||0;for(const y of x){const R=getComputedStyle(y),Ce=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=y.getBoundingClientRect().width+Ce}x.length>1&&(p+=I*(x.length-1)),p+=parseFloat(q.paddingLeft)+parseFloat(q.paddingRight),p+=A}else p+=m.getBoundingClientRect().width+A}return Math.max(0,b.width-p-2)},[]),v=r.useRef(!1),O=r.useCallback(()=>{if(!t||!C.current){j(!1),v.current=!1;return}let _=F();const b=d.current,f=N.current||100,w=M.current||0;if(v.current&&w>0&&(_-=w),b.length===0||_<=0){B(e.length),j(!1),v.current=!1;return}if(b.reduce((y,R)=>y+R,0)<=_){B(e.length),j(!1),v.current=!1;return}let p=0,E=0;const S=_-f;for(let y=0;y<b.length;y++){const R=b[y];if(p+R<=S)p+=R,E++;else break}const T=Math.min(a,e.length),m=Math.max(E,T),A=b.slice(0,T).reduce((y,R)=>y+R,0)+f,x=E<T&&A>_&&w>0,q=!x&&_>A+w+20;let I=v.current;x&&!v.current?I=!0:q&&v.current&&(I=!1),I!==v.current&&(v.current=I,j(I)),B(m)},[t,e.length,a,F]);r.useEffect(()=>{if(!t){B(e.length);return}C.current=!1,d.current=[],B(e.length)},[t,e.length]),r.useLayoutEffect(()=>{if(!t||!o.current)return;L()&&O()}),r.useEffect(()=>{if(!t)return;let _;const b=()=>{clearTimeout(_),_=setTimeout(()=>{C.current||L(),O()},s)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(_),f.disconnect()}},[t,L,O,s]);const Re=t?e.slice(0,W):e,Ne=t&&W<e.length?e.slice(W):[];return{visibleItems:Re,overflowItems:Ne,containerRef:o,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function be(e){return[...e].sort((n,t)=>{const a=n.props?.priority??1/0,s=t.props?.priority??1/0;return a===s?0:a-s})}function ye(e,n){if(n.length===0)return{visible:e,overflow:n};const t=n.findIndex(i=>i.props?.active);if(t===-1)return{visible:e,overflow:n};const a=n[t],s=e[e.length-1],o=[...e.slice(0,-1),a],l=[...n.slice(0,t),s,...n.slice(t+1)];return{visible:o,overflow:l}}function $({fullWidth:e,enablePriorityPlus:n=!0,children:t,className:a,...s}){const o=r.useRef(null),[l,i,h]=c.selectChildren(t,[{type:K},{type:G}]),g=r.useMemo(()=>n?be(i):i,[n,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:C,overflowButtonRef:W,contentRef:B,brandRef:H,hideProductName:j}=ve(g,{enabled:n}),{visible:L,overflow:F}=r.useMemo(()=>ye(d,N),[d,N]),v=r.useMemo(()=>{if(!n||!l||l.length===0)return l;const O=l[0];return r.isValidElement(O)?[r.cloneElement(O,{hideNameText:j,ref:H})]:l},[n,l,j,H]);return r.createElement("div",{className:c.cl(se,a),...s,ref:o},r.createElement("nav",{className:oe({fullWidth:e}),ref:C},v,r.createElement("div",{className:fe({priorityPlus:n}),ref:M},L,F.length>0&&r.createElement(ge,{items:F,wrapperRef:W})),r.createElement("div",{className:ue,ref:B},r.createElement(c.PortalContext.Provider,{value:{parentElementRef:o,fixed:!0}},h))))}c.Metadata.set($,{name:"ProductBar",props:{fullWidth:{type:"boolean"},enablePriorityPlus:{type:"boolean",default:"true"}}});var we="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_pqijiy0",ke="pkg_sps-woodland_core__family_product-bar__version_8_53_21__hash_pqijiy1";function ee({channelId:e,className:n,...t}){const{t:a}=U.useWoodlandLanguage();return r.createElement("a",{className:c.cl(we,n),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...t},r.createElement(c.Icon,{className:ke,icon:"conversation","aria-hidden":"true"}),r.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),u.ProductBar=$,u.ProductBarName=K,u.ProductBarTab=G,u.SlackLink=ee,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(u,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@react-aria/link","@ariakit/react","@spscommerce/i18n"],V):(u=typeof globalThis<"u"?globalThis:u||self,V(u.ProductBar={},u.react,u.spsWoodlandCore,u.reactAriaLink,u.ariakitReact,u.spscommerceI18n))})(this,(function(u,V,c,te,P,U){"use strict";function re(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=re(V);function ne(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,a)}return t}function Y(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?X(Object(t),!0).forEach(function(a){ne(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var ae=(e,n,t)=>{for(var a of Object.keys(e)){var s;if(e[a]!==((s=n[a])!==null&&s!==void 0?s:t[a]))return!1}return!0},D=e=>n=>{var t=e.defaultClassName,a=Y(Y({},e.defaultVariants),n);for(var s in a){var o,l=(o=a[s])!==null&&o!==void 0?o:e.defaultVariants[s];if(l!=null){var i=l;typeof i=="boolean"&&(i=i===!0?"true":"false");var h=e.variantClassNames[s][i];h&&(t+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(t+=" "+d);return t},se="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux2",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux5",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux7",ce="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux8",_e="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux9",ue="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxc",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxe",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxg",fe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxh",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxi",false:"pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxj"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function G(e){const n=r.useRef(null),{linkProps:t}=te.useLink(e,n),{active:a,priority:s,...o}=e,l={...o,...t,ref:n,className:c.cl(Z({active:a,disabled:!1}),e.className)},i=e.as??(e.href?"a":"span");return r.createElement(i,{...l},e.children)}c.Metadata.set(G,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"},priority:{type:"number"}}});const K=r.forwardRef(({children:e,className:n,name:t,logoSrc:a,hideNameText:s=!1,...o},l)=>r.createElement(r.Fragment,null,r.createElement("a",{className:c.cl(le({hideNameText:s}),n),...o,ref:l},a&&r.createElement("img",{className:ie,src:a,"aria-hidden":"true",alt:`${t} Logo`,title:t}),t&&r.createElement("span",{className:c.cl(ce,s&&_e)},t)),r.createElement("span",{className:de})));c.Metadata.set(K,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"},hideNameText:{type:"boolean",default:"false"}}});var pe="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn0",me="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn1",he="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn2",J="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn3",Q="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn4";function ge({items:e,wrapperRef:n}){const{t}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(o=>o.props?.active),s=t("productBar.more",{defaultValue:"More"});return r.createElement("span",{ref:n},r.createElement(P.MenuProvider,null,r.createElement(P.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),pe),"aria-label":s},s,r.createElement(c.Icon,{icon:"chevron-down",className:me,"aria-hidden":"true"})),r.createElement(P.Menu,{className:he,gutter:4},e.map((o,l)=>{const i=o.props?.active,h=o.props?.children,g=o.props?.onPress,d=o.props?.href,N=o.props?.as,M=()=>{g&&g()};if(d&&N){const C=N;return r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement(C,{to:d})},h)}return d?r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement("a",{href:d})},h):r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ve(e,n={}){const{enabled:t=!0,minVisibleItems:a=1,debounceMs:s=16}=n,o=r.useRef(null),l=r.useRef(null),i=r.useRef(null),h=r.useRef(null),g=r.useRef(null),d=r.useRef([]),N=r.useRef(0),M=r.useRef(0),C=r.useRef(!1),[W,B]=r.useState(e.length),[H,j]=r.useState(!1),L=r.useCallback(()=>{if(!o.current)return!1;const _=o.current,b=Array.from(_.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const w=b.filter(k=>k!==f);if(w.length<e.length)return!1;if(d.current=w.map(k=>k.getBoundingClientRect().width),g.current){const k=g.current.querySelector("span:last-of-type");if(k){const p=k.getBoundingClientRect().width,E=getComputedStyle(g.current),S=parseFloat(E.marginRight)||0,m=Math.max(0,S-8);M.current=p+m}}return C.current=!0,!0},[e.length]),F=r.useCallback(()=>{if(!l.current)return 0;const _=l.current,b=_.getBoundingClientRect(),f=getComputedStyle(_),w=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=w;const E=Array.from(_.children),S=E.filter(m=>getComputedStyle(m).display!=="none");S.length>1&&(p+=k*(S.length-1));for(const m of E){if(m===o.current)continue;const z=getComputedStyle(m),A=parseFloat(z.marginLeft)+parseFloat(z.marginRight);if(m===h.current){const x=Array.from(m.children),q=getComputedStyle(m),I=parseFloat(q.gap)||0;for(const y of x){const R=getComputedStyle(y),Ce=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=y.getBoundingClientRect().width+Ce}x.length>1&&(p+=I*(x.length-1)),p+=parseFloat(q.paddingLeft)+parseFloat(q.paddingRight),p+=A}else p+=m.getBoundingClientRect().width+A}return Math.max(0,b.width-p-2)},[]),v=r.useRef(!1),O=r.useCallback(()=>{if(!t||!C.current){j(!1),v.current=!1;return}let _=F();const b=d.current,f=N.current||100,w=M.current||0;if(v.current&&w>0&&(_-=w),b.length===0||_<=0){B(e.length),j(!1),v.current=!1;return}if(b.reduce((y,R)=>y+R,0)<=_){B(e.length),j(!1),v.current=!1;return}let p=0,E=0;const S=_-f;for(let y=0;y<b.length;y++){const R=b[y];if(p+R<=S)p+=R,E++;else break}const T=Math.min(a,e.length),m=Math.max(E,T),A=b.slice(0,T).reduce((y,R)=>y+R,0)+f,x=E<T&&A>_&&w>0,q=!x&&_>A+w+20;let I=v.current;x&&!v.current?I=!0:q&&v.current&&(I=!1),I!==v.current&&(v.current=I,j(I)),B(m)},[t,e.length,a,F]);r.useEffect(()=>{if(!t){B(e.length);return}C.current=!1,d.current=[],B(e.length)},[t,e.length]),r.useLayoutEffect(()=>{if(!t||!o.current)return;L()&&O()}),r.useEffect(()=>{if(!t)return;let _;const b=()=>{clearTimeout(_),_=setTimeout(()=>{C.current||L(),O()},s)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(_),f.disconnect()}},[t,L,O,s]);const Re=t?e.slice(0,W):e,Ne=t&&W<e.length?e.slice(W):[];return{visibleItems:Re,overflowItems:Ne,containerRef:o,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function be(e){return[...e].sort((n,t)=>{const a=n.props?.priority??1/0,s=t.props?.priority??1/0;return a===s?0:a-s})}function ye(e,n){if(n.length===0)return{visible:e,overflow:n};const t=n.findIndex(i=>i.props?.active);if(t===-1)return{visible:e,overflow:n};const a=n[t],s=e[e.length-1],o=[...e.slice(0,-1),a],l=[...n.slice(0,t),s,...n.slice(t+1)];return{visible:o,overflow:l}}function $({fullWidth:e,enablePriorityPlus:n=!0,children:t,className:a,...s}){const o=r.useRef(null),[l,i,h]=c.selectChildren(t,[{type:K},{type:G}]),g=r.useMemo(()=>n?be(i):i,[n,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:C,overflowButtonRef:W,contentRef:B,brandRef:H,hideProductName:j}=ve(g,{enabled:n}),{visible:L,overflow:F}=r.useMemo(()=>ye(d,N),[d,N]),v=r.useMemo(()=>{if(!n||!l||l.length===0)return l;const O=l[0];return r.isValidElement(O)?[r.cloneElement(O,{hideNameText:j,ref:H})]:l},[n,l,j,H]);return r.createElement("div",{className:c.cl(se,a),...s,ref:o},r.createElement("nav",{className:oe({fullWidth:e}),ref:C},v,r.createElement("div",{className:fe({priorityPlus:n}),ref:M},L,F.length>0&&r.createElement(ge,{items:F,wrapperRef:W})),r.createElement("div",{className:ue,ref:B},r.createElement(c.PortalContext.Provider,{value:{parentElementRef:o,fixed:!0}},h))))}c.Metadata.set($,{name:"ProductBar",props:{fullWidth:{type:"boolean"},enablePriorityPlus:{type:"boolean",default:"true"}}});var we="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy0",ke="pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy1";function ee({channelId:e,className:n,...t}){const{t:a}=U.useWoodlandLanguage();return r.createElement("a",{className:c.cl(we,n),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...t},r.createElement(c.Icon,{className:ke,icon:"conversation","aria-hidden":"true"}),r.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),u.ProductBar=$,u.ProductBarName=K,u.ProductBarTab=G,u.SlackLink=ee,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -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 o = "pkg_sps-woodland_core__family_product-
|
|
3
|
+
var o = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux0", s = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux7", l = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux8", p = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux9", i = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxa", u = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), t = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxg", n = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxi", false: "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
|
|
4
4
|
export {
|
|
5
5
|
u as navItem,
|
|
6
6
|
s as productBar,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var o = "pkg_sps-woodland_core__family_product-
|
|
2
|
+
var o = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn0", r = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn1", a = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn2", e = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn3", v = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn4";
|
|
3
3
|
export {
|
|
4
4
|
o as overflowButton,
|
|
5
5
|
r as overflowButtonChevron,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var o = "pkg_sps-woodland_core__family_product-
|
|
2
|
+
var o = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy0", a = "pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy1";
|
|
3
3
|
export {
|
|
4
4
|
o as slackLink,
|
|
5
5
|
a as slackLinkIcon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_product-
|
|
1
|
+
.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux0{background-color:#fff;box-shadow:0 1px 2px #00000026;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux1{background-color:#fff;display:flex;min-height:3.75rem;padding-top:0;padding-right:2rem;padding-bottom:0;padding-left:2rem;width:1280px;align-items:center}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux2{width:100%}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux4{align-content:center;cursor:pointer;display:flex;margin-right:2rem;text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux4:hover{text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux5{margin-right:.5rem}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux7{align-content:center;display:flex;height:1.5rem;margin-right:.5rem;width:1.5rem}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux8{align-content:center;color:#1f282c;display:flex;font-size:1rem;font-weight:600}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjux9{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxa{flex:1;text-align:right}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxb{align-items:center;color:#4b5356!important;font-size:.875rem!important;cursor:pointer;display:flex;height:3.625rem;justify-content:center;margin-top:.125rem;padding-top:0;padding-right:1rem;padding-bottom:0;padding-left:1rem;text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxb:hover{text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxc{box-shadow:inset 0 -.125rem #007db8}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxe{color:#d2d4d4}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxg{display:inline-block;height:2.125rem;margin-top:0;margin-right:1rem;margin-bottom:0;margin-left:0;background:#d2d4d4;width:.0625rem}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_g6gjuxh{display:flex;flex-direction:row;padding-left:0;margin-bottom:0;list-style:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn0{background:none;border:none;font:inherit;gap:.25rem;flex-shrink:0}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn1{font-size:.75rem;transition:transform .15s ease}[aria-expanded=true] .pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn1{transform:rotate(180deg)}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn2{background:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;border-color:#717779;box-shadow:0 2px 8px #00000026;min-width:120px;overflow-y:auto;overscroll-behavior:contain;z-index:100}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn2:focus{outline:.125rem solid #007db8ff!important;outline-offset:.125rem}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn3{align-items:center;color:#4b5356;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;padding:.5rem 1rem;text-decoration:none;white-space:nowrap}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn3:hover{background:#e6f2f8;text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn3:focus{background:#e6f2f8;outline:.125rem solid #007db8ff!important;outline-offset:-.125rem}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_5klvkn4{font-weight:600;box-shadow:inset 3px 0 #007db8}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy0{align-items:center;display:inline-flex;font-size:.875rem;text-decoration:none}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy0:hover{border-bottom-style:solid;border-bottom-width:.0625rem;border-bottom-color:#007db8;text-decoration:none!important}.pkg_sps-woodland_core__family_product-bar__version_8_53_23__hash_pqijiy1{font-size:1rem;margin-right:.25rem}
|
|
@@ -54,7 +54,7 @@ var K = (a, _, t) => {
|
|
|
54
54
|
for (var [c, f] of a.compoundVariants)
|
|
55
55
|
K(c, l, a.defaultVariants) && (t += " " + f);
|
|
56
56
|
return t;
|
|
57
|
-
}, R = "pkg_sps-woodland_core__family_product-bar-
|
|
57
|
+
}, R = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb800", W = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb801", F = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb802", G = y({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb803", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb804", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb805" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), J = y({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb806", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb807", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb808" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), Q = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb809", U = y({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80a", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80b", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80c" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), X = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80d", Y = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e", j = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80f", Z = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g", z = y({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80i", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80j" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), $ = y({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80l", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80m" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), M = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80n", x = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o", I = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p", ee = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80q", S = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80r", ae = y({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80s", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80t" } }, defaultVariants: {}, compoundVariants: [[{ active: !0 }, "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80u"]] });
|
|
58
58
|
function g({
|
|
59
59
|
children: a,
|
|
60
60
|
className: _,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button"],V):(i=typeof globalThis<"u"?globalThis:i||self,V(i.ProductBarVertical={},i.react,i.spsWoodlandCore,i.spsWoodlandCoreButton))})(this,(function(i,V,s,T){"use strict";function L(a){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(_,r,l.get?l:{enumerable:!0,get:()=>a[r]})}}return _.default=a,Object.freeze(_)}const e=L(V);function A(a,_,r){return _ in a?Object.defineProperty(a,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):a[_]=r,a}function C(a,_){var r=Object.keys(a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);_&&(l=l.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),r.push.apply(r,l)}return r}function P(a){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?C(Object(r),!0).forEach(function(l){A(a,l,r[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach(function(l){Object.defineProperty(a,l,Object.getOwnPropertyDescriptor(r,l))})}return a}var H=(a,_,r)=>{for(var l of Object.keys(a)){var n;if(a[l]!==((n=_[l])!==null&&n!==void 0?n:r[l]))return!1}return!0},y=a=>_=>{var r=a.defaultClassName,l=P(P({},a.defaultVariants),_);for(var n in l){var p,t=(p=l[n])!==null&&p!==void 0?p:a.defaultVariants[n];if(t!=null){var f=t;typeof f=="boolean"&&(f=f===!0?"true":"false");var v=a.variantClassNames[n][f];v&&(r+=" "+v)}}for(var[d,h]of a.compoundVariants)H(d,l,a.defaultVariants)&&(r+=" "+h);return r},W="pkg_sps-woodland_core__family_product-bar-
|
|
1
|
+
(function(i,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button"],V):(i=typeof globalThis<"u"?globalThis:i||self,V(i.ProductBarVertical={},i.react,i.spsWoodlandCore,i.spsWoodlandCoreButton))})(this,(function(i,V,s,T){"use strict";function L(a){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(_,r,l.get?l:{enumerable:!0,get:()=>a[r]})}}return _.default=a,Object.freeze(_)}const e=L(V);function A(a,_,r){return _ in a?Object.defineProperty(a,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):a[_]=r,a}function C(a,_){var r=Object.keys(a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);_&&(l=l.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),r.push.apply(r,l)}return r}function P(a){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?C(Object(r),!0).forEach(function(l){A(a,l,r[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach(function(l){Object.defineProperty(a,l,Object.getOwnPropertyDescriptor(r,l))})}return a}var H=(a,_,r)=>{for(var l of Object.keys(a)){var n;if(a[l]!==((n=_[l])!==null&&n!==void 0?n:r[l]))return!1}return!0},y=a=>_=>{var r=a.defaultClassName,l=P(P({},a.defaultVariants),_);for(var n in l){var p,t=(p=l[n])!==null&&p!==void 0?p:a.defaultVariants[n];if(t!=null){var f=t;typeof f=="boolean"&&(f=f===!0?"true":"false");var v=a.variantClassNames[n][f];v&&(r+=" "+v)}}for(var[d,h]of a.compoundVariants)H(d,l,a.defaultVariants)&&(r+=" "+h);return r},W="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb800",K="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb801",R="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb802",F=y({defaultClassName:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb803",variantClassNames:{minimized:{true:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb804",false:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb805"}},defaultVariants:{minimized:!1},compoundVariants:[]}),G=y({defaultClassName:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb806",variantClassNames:{minimized:{true:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb807",false:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb808"}},defaultVariants:{minimized:!1},compoundVariants:[]}),J="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb809",Q=y({defaultClassName:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80a",variantClassNames:{minimized:{true:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80b",false:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80c"}},defaultVariants:{minimized:!1},compoundVariants:[]}),U="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80d",X="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e",O="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80f",Y="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g",Z=y({defaultClassName:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80i",false:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80j"}},defaultVariants:{selected:!1},compoundVariants:[]}),z=y({defaultClassName:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80l",false:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80m"}},defaultVariants:{selected:!1},compoundVariants:[]}),M="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80n",I="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o",S="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p",$="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80q",j="pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80r",ee=y({defaultClassName:"",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80s",false:"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80t"}},defaultVariants:{},compoundVariants:[[{active:!0},"pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80u"]]});function g({children:a,className:_,as:r,keyId:l,active:n=!1,collapsed:p=!1,isMinimized:t=!1,isMinimizable:f=!1,onExpandSidebar:v,icon:d,...h}){const u=r??"a",[b,N]=s.selectChildren(a,[{type:g}]),[m,o]=e.useState(!p),[w]=s.selectChildren(a,[{type:g}],!0),B=w.some(c=>c.props.active),re=n||!m&&B,D=e.useRef(null),q=s.modChildren(N,c=>c.type?.displayName==="SpsTag"||s.Metadata.isWoodlandComponent(c.type)&&s.Metadata.get(c.type).name==="Tag"?[{className:s.cl(c.props?.className,ee({active:re}))}]:[]);return e.createElement(e.Fragment,null,b.length?e.createElement("ul",{className:s.cl(Y,d&&$,t&&!d&&"visually-hidden")},e.createElement("li",{ref:D,"data-selected":(t||!m)&&B,className:z({selected:(t||!m)&&B}),"aria-expanded":!t&&m,onClick:()=>t?v?.():o(!m)},e.createElement(u,{className:I,tabIndex:0,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),t?v?.():o(!m))},...h,"aria-expanded":!t&&m},e.createElement("div",{className:s.cl("d-flex align-items-center",S)},d&&e.createElement(s.Icon,{icon:d,className:"mr-3"}),!t&&e.createElement(s.Icon,{className:M,icon:m?"chevron-down":"chevron-right"}),e.createElement("div",{className:s.cl(j,t&&"visually-hidden")},q)))),m&&(t?e.createElement("div",{className:"visually-hidden"},b):b)):e.createElement("li",{ref:D,className:s.cl(Z({selected:n}),t&&!d&&"visually-hidden")},e.createElement(u,{className:I,tabIndex:0,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.currentTarget.click())},...h},e.createElement("div",{className:s.cl("d-flex align-items-center",S)},d&&e.createElement(s.Icon,{icon:d,className:"mr-2"}),e.createElement("div",{className:s.cl(j,t&&"visually-hidden")},q)))))}s.Metadata.set(g,{name:"ProductBarVerticalItem",props:{keyId:{type:"string",required:!0},as:{type:"string"},active:{type:"boolean",required:!0},collapsed:{type:"boolean",required:!1},icon:{type:"string",required:!1},isMinimized:{type:"boolean",required:!1},onExpandSidebar:{type:"function",required:!1}}});const ae="file";function E({children:a,className:_,title:r,onSelect:l,isMinimized:n,isMinimizable:p,onExpandSidebar:t,...f}){const[v,d]=s.selectChildren(a,[{type:g}]),h=v.map(u=>{if(!e.isValidElement(u))return u;const b={isMinimized:n,onExpandSidebar:t};return p&&!u.props.icon&&(b.icon=ae),e.cloneElement(u,b)});return e.createElement("div",{className:X,...f},e.createElement("ul",{className:O},h),d)}s.Metadata.set(E,{name:"ProductBarVerticalSection"});function k({className:a,name:_,logoSrc:r,href:l,isMinimized:n,...p}){return e.createElement("div",{className:s.cl(G({minimized:!!n}),a),...p},e.createElement("a",{className:J,href:l,tabIndex:0,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())}},r&&e.createElement("img",{className:Q({minimized:!!n}),src:r,"aria-hidden":"true",alt:`${_} Logo`}),!n&&_&&e.createElement("span",{className:U},_)))}s.Metadata.set(k,{name:"ProductBarVerticalHeader",props:{name:{type:"string"},logoSrc:{type:"string"},isMinimized:{type:"boolean"}}});function x({children:a,className:_,isMinimizable:r,initialIsMinimized:l=!1,onMinimizeToggle:n,...p}){const[t,f]=e.useState(l),[v,d,h]=s.selectChildren(a,[{type:k},{type:E},{type:g}]);function u(){const o=!t;f(o),n&&n(o)}const b=e.Children.map(v,o=>e.isValidElement(o)?e.cloneElement(o,{isMinimized:t}):o),N=d.map(o=>e.isValidElement(o)?e.cloneElement(o,{isMinimized:t,isMinimizable:r,onExpandSidebar:u}):o),m=s.modChildren(h,o=>{const w={isMinimized:t,isMinimizable:r,onExpandSidebar:u};return r&&!o.props.icon&&(w.icon="file"),[w]},!1);return e.createElement("div",{className:s.cl(W,t&&K,_),...p},e.createElement("div",{className:R},b,r&&e.createElement("div",{className:s.cl(F({minimized:t}))},e.createElement(T.Button,{kind:"icon",icon:t?"chevron-right":"chevron-left",onClick:u,"aria-expanded":!t}))),e.Children.toArray(N),e.createElement("ul",{className:O},e.Children.toArray(m)))}s.Metadata.set(x,{name:"ProductBarVertical"}),i.ProductBarVertical=x,i.ProductBarVerticalHeader=k,i.ProductBarVerticalItem=g,i.ProductBarVerticalSection=E,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -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 o = "pkg_sps-woodland_core__family_product-bar-
|
|
3
|
+
var o = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb800", e = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb801", l = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb802", s = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb803", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb804", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb805" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), i = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb806", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb807", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb808" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), t = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb809", d = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80a", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80b", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80c" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), c = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80d", p = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e", n = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80f", v = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g", u = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80i", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80j" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), m = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80l", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80m" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), h = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80n", b = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o", f = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p", k = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80q", g = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80r", w = _({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80s", false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80t" } }, defaultVariants: {}, compoundVariants: [[{ active: !0 }, "pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80u"]] });
|
|
4
4
|
export {
|
|
5
5
|
n as productBarVerticalBranch,
|
|
6
6
|
t as productBarVerticalBrand,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_product-bar-
|
|
1
|
+
.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb800{word-wrap:break-word;background-clip:border-box;background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.125rem;display:flex;flex-direction:column;width:19.25rem;height:100vh;position:sticky;top:0;overflow-y:auto}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb801{width:48px;overflow:hidden}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb802{position:sticky;top:0;z-index:1}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb803{position:absolute;right:.625rem;width:1.625rem;top:50%;transform:translateY(-50%)}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb804{top:3rem;transform:none}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb806{background-color:#fff;border-bottom:.0625rem solid #d2d4d4ff;margin-bottom:0;padding:.5rem;display:flex;flex-direction:column;justify-content:center;height:3.5rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb807{height:5.625rem;padding:.98rem .5rem;justify-content:start}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb809{align-content:center;cursor:pointer;display:flex;text-decoration:none}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb809:hover{text-decoration:none}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80a{align-content:center;display:flex;height:1.5rem;width:1.5rem;margin-right:.5rem;margin-left:3px}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80b{margin-left:auto;margin-right:auto}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80d{align-content:center;color:#1f282c;display:flex;font-size:1rem;font-weight:600}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e{margin:0}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e:last-of-type{border-bottom:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e+.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80e{border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80f{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g{list-style:none;margin:0;padding-left:0}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h{display:block;width:100%}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80i{background-color:#007db8;color:#fff}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80j:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k{display:block;width:100%}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80l{background-color:#007db8;color:#fff}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80m:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80n{font-size:.625rem;vertical-align:middle;display:inline-block;line-height:1.25rem;margin-top:0;margin-right:.25rem;margin-bottom:0;margin-left:-.875rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o{color:inherit;cursor:pointer;display:flex;font-size:.875rem;line-height:1.5rem;padding-top:.5rem;padding-right:1rem;padding-bottom:.5rem;text-decoration:none;min-height:2.5rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o:hover{color:inherit;text-decoration:none}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{flex:1;padding-left:1rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80q>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>li>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{margin-left:2rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80r{display:flex;justify-content:space-between;align-items:center;width:100%}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:2.125rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:3rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:3.875rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80h>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:4.75rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:2.125rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:3rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:3.875rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80g>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80k>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80o>.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80p{padding-left:4.75rem}.pkg_sps-woodland_core__family_product-bar-vertical__version_8_53_23__hash_1l0rb80u{background-color:#fff!important;color:#4b5356!important}
|
|
@@ -57,7 +57,7 @@ var j = (_, e, o) => {
|
|
|
57
57
|
for (var [c, h] of _.compoundVariants)
|
|
58
58
|
j(c, s, _.defaultVariants) && (o += " " + h);
|
|
59
59
|
return o;
|
|
60
|
-
}, D = "pkg_sps-woodland_core__family_progress-
|
|
60
|
+
}, D = "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq0", x = "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq1", T = "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq2", I = "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq3", R = "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq4", W = f({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq5", variantClassNames: { completed: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq6", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq7" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq8", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq9" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqa", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqb", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqc", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqd", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqe" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), $ = f({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqf", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqg", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), M = f({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqi", variantClassNames: { completed: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqj", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqk" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aql", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqm" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqn", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqo", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqp", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqq", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqr" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqs"]] }), F = "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqt", A = f({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf80", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf81", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf82" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf83", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf84" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf85", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf86", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf87", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf88", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf89" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), H = f({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8a", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8b" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8c", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8d", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8e", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8f", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8g" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8h", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8i" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), K = f({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8j", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8k", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8l" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), L = f({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8m", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8n", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8o" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8p", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8q" }, barCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8r", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8s" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8t", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8u", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8v", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8w", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8x" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8y"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8z"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf810"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf811"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf812"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf813"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf814"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf815"]] });
|
|
61
61
|
function b({
|
|
62
62
|
className: _,
|
|
63
63
|
title: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],h):(t=typeof globalThis<"u"?globalThis:t||self,h(t.ProgressIndicators={},t.react,t.spsWoodlandCore,t.spsWoodlandCoreButton,t.spscommerceDsReact,t.spscommerceI18n,t.spsWoodlandTokens))})(this,(function(t,h,d,B,E,N,c){"use strict";function O(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const r in _)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(_,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>_[r]})}}return e.default=_,Object.freeze(e)}const o=O(h);function V(_,e,r){return e in _?Object.defineProperty(_,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):_[e]=r,_}function b(_,e){var r=Object.keys(_);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(_);e&&(s=s.filter(function(n){return Object.getOwnPropertyDescriptor(_,n).enumerable})),r.push.apply(r,s)}return r}function C(_){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?b(Object(r),!0).forEach(function(s){V(_,s,r[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(s){Object.defineProperty(_,s,Object.getOwnPropertyDescriptor(r,s))})}return _}var T=(_,e,r)=>{for(var s of Object.keys(_)){var n;if(_[s]!==((n=e[s])!==null&&n!==void 0?n:r[s]))return!1}return!0},g=_=>e=>{var r=_.defaultClassName,s=C(C({},_.defaultVariants),e);for(var n in s){var a,i=(a=s[n])!==null&&a!==void 0?a:_.defaultVariants[n];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=_.variantClassNames[n][l];p&&(r+=" "+p)}}for(var[m,w]of _.compoundVariants)T(m,s,_.defaultVariants)&&(r+=" "+w);return r},j="pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq0",S="pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq1",D="pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq2",I="pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq3",M="pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq4",R=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq5",variantClassNames:{completed:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq6",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq7"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq8",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aq9"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqa",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqb",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqc",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqd",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqe"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),W=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqf",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqg",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),x=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqi",variantClassNames:{completed:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqj",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqk"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aql",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqm"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqn",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqo",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqp",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqq",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqr"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqs"]]}),$="pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_aun9aqt",F=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf80",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf81",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf82"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf83",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf84"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf85",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf86",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf87",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf88",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf89"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),A=g({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8a",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8b"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8c",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8d",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8e",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8f",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8g"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8h",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8i"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),H=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8j",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8k",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8l"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),K=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8m",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8n",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8o"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8p",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8q"},barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8r",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8s"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8t",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8u",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8v",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8w",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8x"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8y"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf8z"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf810"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf811"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf812"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf813"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf814"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_21__hash_2etnf815"]]});function y({className:_,title:e,description:r,icon:s,complete:n=!1,disabled:a,barCompleted:i,progressColor:l,...p}){const m=d.useElementId().current||void 0;return o.createElement("li",{id:m,className:d.cl(K({stepCompleted:n,disabled:a,barCompleted:i,color:l}),_),...p},s&&o.createElement(d.Icon,{icon:s,size:"sm",className:H({stepCompleted:n&&!a})}),e&&m&&o.createElement(E.SpsTooltip,{for:m,title:e},r))}d.Metadata.set(y,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function q({className:_,children:e,detail:r,disabled:s,onClose:n,percentComplete:a=0,title:i,showStepsCounter:l,progressColor:p="purple",...m}){const{t:w}=N.useWoodlandLanguage(),[v,L]=o.useState([]),[f]=d.selectChildren(e,[{type:y}]);o.useEffect(()=>{const u=[];f.forEach(k=>{k.hasOwnProperty("props")&&k.props.complete===!0&&u.push(k),L(u)})},[]),a&&f&&console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.","The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));const G=o.Children.map(e,u=>o.isValidElement(u)?o.cloneElement(u,{disabled:s,barCompleted:v.length===f.length,progressColor:p}):u);return o.createElement("div",{className:d.cl(j,_),...m},o.createElement("div",{className:S},i&&o.createElement("div",{className:I},o.createElement("div",{className:M},i),f.length>0?o.createElement(o.Fragment,null,l===!0&&o.createElement("div",{className:F({barCompleted:v.length===f.length,disabled:s,color:p})},`${v.length} of ${f.length} Complete`)):o.createElement("div",{className:R({completed:a===1,disabled:s,color:p})},`${Math.floor(a*100)}%`)),f.length>0?o.createElement("ul",{className:d.cl(A({barCompleted:v.length===f.length,disabled:s,color:p}),"d-flex align-items-center list-unstyled mb-0")},G):o.createElement("div",{className:W({disabled:s})},o.createElement("div",{className:x({completed:a===1,disabled:s,color:p}),style:{width:`${a*100}%`}})),r&&o.createElement("div",{className:$},r)),n&&a!==1&&o.createElement("div",{className:D},o.createElement(B.Button,{kind:"icon",icon:"x",onClick:n,title:w("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}d.Metadata.set(q,{name:"Progress Bar",props:{detail:{type:"string"},disabled:{type:"boolean"},onClose:{type:"() => void"},percentComplete:{type:"number",default:"0"},progressColor:{type:'"purple" | "blue" | "red" | "orange" | "grey"',default:'"purple"'}}});function P({className:_,size:e="sm",progress:r=0,...s}){const a=c.Tokens.component["progress-ring"][e]-4,i=a*2*Math.PI,l=i-r/100*i;return o.createElement("div",{className:_,...s},o.createElement("svg",{height:c.Tokens.component["progress-ring"][e]*2,width:c.Tokens.component["progress-ring"][e]*2,style:{transform:"rotate(-90deg)"}},o.createElement("circle",{stroke:c.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${i} ${i}`,r:a,cx:c.Tokens.component["progress-ring"][e],cy:c.Tokens.component["progress-ring"][e]}),o.createElement("circle",{stroke:c.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${i} ${i}`,style:{strokeDashoffset:l},r:a,cx:c.Tokens.component["progress-ring"][e],cy:c.Tokens.component["progress-ring"][e]})))}d.Metadata.set(P,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}}),t.ProgressBar=q,t.ProgressBarStep=y,t.ProgressRing=P,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(t,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],h):(t=typeof globalThis<"u"?globalThis:t||self,h(t.ProgressIndicators={},t.react,t.spsWoodlandCore,t.spsWoodlandCoreButton,t.spscommerceDsReact,t.spscommerceI18n,t.spsWoodlandTokens))})(this,(function(t,h,d,B,E,N,c){"use strict";function O(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const r in _)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(_,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>_[r]})}}return e.default=_,Object.freeze(e)}const o=O(h);function V(_,e,r){return e in _?Object.defineProperty(_,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):_[e]=r,_}function b(_,e){var r=Object.keys(_);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(_);e&&(s=s.filter(function(n){return Object.getOwnPropertyDescriptor(_,n).enumerable})),r.push.apply(r,s)}return r}function C(_){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?b(Object(r),!0).forEach(function(s){V(_,s,r[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(s){Object.defineProperty(_,s,Object.getOwnPropertyDescriptor(r,s))})}return _}var T=(_,e,r)=>{for(var s of Object.keys(_)){var n;if(_[s]!==((n=e[s])!==null&&n!==void 0?n:r[s]))return!1}return!0},g=_=>e=>{var r=_.defaultClassName,s=C(C({},_.defaultVariants),e);for(var n in s){var a,i=(a=s[n])!==null&&a!==void 0?a:_.defaultVariants[n];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=_.variantClassNames[n][l];p&&(r+=" "+p)}}for(var[m,w]of _.compoundVariants)T(m,s,_.defaultVariants)&&(r+=" "+w);return r},j="pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq0",S="pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq1",D="pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq2",I="pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq3",M="pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq4",R=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq5",variantClassNames:{completed:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq6",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq7"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq8",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aq9"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqa",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqb",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqc",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqd",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqe"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),W=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqf",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqg",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),x=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqi",variantClassNames:{completed:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqj",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqk"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aql",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqm"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqn",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqo",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqp",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqq",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqr"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqs"]]}),$="pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_aun9aqt",F=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf80",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf81",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf82"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf83",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf84"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf85",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf86",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf87",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf88",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf89"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),A=g({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8a",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8b"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8c",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8d",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8e",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8f",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8g"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8h",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8i"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),H=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8j",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8k",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8l"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),K=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8m",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8n",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8o"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8p",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8q"},barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8r",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8s"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8t",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8u",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8v",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8w",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8x"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8y"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf8z"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf810"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf811"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf812"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf813"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf814"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_core__family_progress-indicators__version_8_53_23__hash_2etnf815"]]});function y({className:_,title:e,description:r,icon:s,complete:n=!1,disabled:a,barCompleted:i,progressColor:l,...p}){const m=d.useElementId().current||void 0;return o.createElement("li",{id:m,className:d.cl(K({stepCompleted:n,disabled:a,barCompleted:i,color:l}),_),...p},s&&o.createElement(d.Icon,{icon:s,size:"sm",className:H({stepCompleted:n&&!a})}),e&&m&&o.createElement(E.SpsTooltip,{for:m,title:e},r))}d.Metadata.set(y,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function q({className:_,children:e,detail:r,disabled:s,onClose:n,percentComplete:a=0,title:i,showStepsCounter:l,progressColor:p="purple",...m}){const{t:w}=N.useWoodlandLanguage(),[v,L]=o.useState([]),[f]=d.selectChildren(e,[{type:y}]);o.useEffect(()=>{const u=[];f.forEach(k=>{k.hasOwnProperty("props")&&k.props.complete===!0&&u.push(k),L(u)})},[]),a&&f&&console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.","The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));const G=o.Children.map(e,u=>o.isValidElement(u)?o.cloneElement(u,{disabled:s,barCompleted:v.length===f.length,progressColor:p}):u);return o.createElement("div",{className:d.cl(j,_),...m},o.createElement("div",{className:S},i&&o.createElement("div",{className:I},o.createElement("div",{className:M},i),f.length>0?o.createElement(o.Fragment,null,l===!0&&o.createElement("div",{className:F({barCompleted:v.length===f.length,disabled:s,color:p})},`${v.length} of ${f.length} Complete`)):o.createElement("div",{className:R({completed:a===1,disabled:s,color:p})},`${Math.floor(a*100)}%`)),f.length>0?o.createElement("ul",{className:d.cl(A({barCompleted:v.length===f.length,disabled:s,color:p}),"d-flex align-items-center list-unstyled mb-0")},G):o.createElement("div",{className:W({disabled:s})},o.createElement("div",{className:x({completed:a===1,disabled:s,color:p}),style:{width:`${a*100}%`}})),r&&o.createElement("div",{className:$},r)),n&&a!==1&&o.createElement("div",{className:D},o.createElement(B.Button,{kind:"icon",icon:"x",onClick:n,title:w("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}d.Metadata.set(q,{name:"Progress Bar",props:{detail:{type:"string"},disabled:{type:"boolean"},onClose:{type:"() => void"},percentComplete:{type:"number",default:"0"},progressColor:{type:'"purple" | "blue" | "red" | "orange" | "grey"',default:'"purple"'}}});function P({className:_,size:e="sm",progress:r=0,...s}){const a=c.Tokens.component["progress-ring"][e]-4,i=a*2*Math.PI,l=i-r/100*i;return o.createElement("div",{className:_,...s},o.createElement("svg",{height:c.Tokens.component["progress-ring"][e]*2,width:c.Tokens.component["progress-ring"][e]*2,style:{transform:"rotate(-90deg)"}},o.createElement("circle",{stroke:c.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${i} ${i}`,r:a,cx:c.Tokens.component["progress-ring"][e],cy:c.Tokens.component["progress-ring"][e]}),o.createElement("circle",{stroke:c.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${i} ${i}`,style:{strokeDashoffset:l},r:a,cx:c.Tokens.component["progress-ring"][e],cy:c.Tokens.component["progress-ring"][e]})))}d.Metadata.set(P,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}}),t.ProgressBar=q,t.ProgressBarStep=y,t.ProgressRing=P,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
|