@sps-woodland/side-nav 8.19.2 → 8.19.3

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),d=require("@sps-woodland/core"),_=require("@spscommerce/utils");function x(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return n.default=a,Object.freeze(n)}const e=x(T);function H(a,n,t){return n in a?Object.defineProperty(a,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[n]=t,a}function E(a,n){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);n&&(i=i.filter(function(s){return Object.getOwnPropertyDescriptor(a,s).enumerable})),t.push.apply(t,i)}return t}function w(a){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?E(Object(t),!0).forEach(function(i){H(a,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach(function(i){Object.defineProperty(a,i,Object.getOwnPropertyDescriptor(t,i))})}return a}var F=(a,n,t)=>{for(var i of Object.keys(a)){var s;if(a[i]!==((s=n[i])!==null&&s!==void 0?s:t[i]))return!1}return!0},V=a=>n=>{var t=a.defaultClassName,i=w(w({},a.defaultVariants),n);for(var s in i){var o,v=(o=i[s])!==null&&o!==void 0?o:a.defaultVariants[s];if(v!=null){var r=v;typeof r=="boolean"&&(r=r===!0?"true":"false");var c=a.variantClassNames[s][r];c&&(t+=" "+c)}}for(var[l,I]of a.compoundVariants)F(l,i,a.defaultVariants)&&(t+=" "+I);return t},j="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco7",A="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco0",G="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8",D="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcof",M="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe",q="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco3",U="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco4",R="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco1",z=V({defaultClassName:"pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9",variantClassNames:{selected:{true:"pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoa",false:"pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcob"},inFilter:{true:"pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoc",false:"pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcod"}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),C="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog",B="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco5",L="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco6",K="pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco2";function h({children:a,className:n,...t}){return e.createElement("div",{className:R,...t},e.createElement("div",{className:K},a))}d.Metadata.set(h,{name:"SideNavHeader",props:{}});const O=T.createContext({filterValue:"",activeItem:""});function m({children:a,className:n,onSelect:t,as:i,keyId:s,...o}){const v=i??"a",[r,c]=d.selectChildren(a,[{type:m}]),[l,I]=e.useState(!0),[g,k]=e.useState(!0),S=e.useContext(O),p=e.useRef(null);return e.useEffect(()=>{var f;k(((f=p.current)==null?void 0:f.innerText.includes(S.filterValue))||!1)},[S]),e.createElement(e.Fragment,null,r.length?e.createElement("ul",{className:G},e.createElement("li",{ref:p,className:M,onClick:()=>I(!l)},e.createElement(v,{className:C,...o},e.createElement("div",null,e.createElement(d.Icon,{className:D,icon:l?"chevron-down":"chevron-up"})),c)),l&&r):e.createElement("li",{ref:p,className:z({selected:S.activeItem===s,inFilter:g})},e.createElement(v,{className:C,onClick:()=>{t(s)},...o},a)))}d.Metadata.set(m,{name:"SideNavItem",props:{keyId:{type:"string",required:!0},as:{type:"string"}}});function u({children:a,className:n,title:t,onSelect:i,...s}){const[o,v]=d.selectChildren(a,[{type:m}]),r=d.modChildren(o,c=>c.type===m?[{onSelect:i?l=>i(l):()=>{}}]:[]);return e.createElement("div",{className:B,...s},t&&e.createElement("div",{className:L},t),e.createElement("ul",{className:j},r),v)}d.Metadata.set(u,{name:"SideNavSection",props:{title:{type:"string"}}});function b({children:a,className:n,activeNavItem:t,filterable:i,filterInputPlaceholder:s,...o}){const[v,r,c]=d.selectChildren(a,[{type:h},{type:u},{type:m}]),l=e.useRef(t),[I,g]=e.useState(t),[k,S]=e.useState(""),p=N=>{g(N)},f=d.modChildren(c,N=>N.type===m?[{onSelect:y=>p(y)}]:[]),P=d.modChildren(r,N=>N.type===u?[{onSelect:y=>p(y)}]:[]);return t!==l.current&&(g(t),l.current=t),e.createElement(O.Provider,{value:{filterValue:k,activeItem:I}},e.createElement("div",{className:d.cl(A),...o},v,i&&e.createElement("div",{className:q},e.createElement("div",{className:U},e.createElement("div",{className:"sps-text-input"},e.createElement("div",{className:"sps-form-control"},e.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),e.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:s,onChange:N=>{S(N.target.value)}}))))),P,e.createElement("ul",{className:j},f)))}d.Metadata.set(b,{name:"SideNav",props:{activeNavItem:{type:"string",required:!0},filterable:{type:"boolean"},filterInputPlaceholder:{type:"string"}}});const W={description:()=>e.createElement("p",null,"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page."),components:[b,h,u,m],examples:{general:{label:"Usage",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Use the Side Navigation if:"),e.createElement("ul",null,e.createElement("li",null,"The navigation benefits from subsections or nested structures"),e.createElement("li",null,"There are too many items for Tabbed Navigation"),e.createElement("li",null,"The navigation items have long names")),e.createElement("p",null,"Avoid using the Side Navigation if:"),e.createElement("ul",null,e.createElement("li",null,"Tabbed Navigation is sufficient"),e.createElement("li",null,"The full width of the page is required to sufficiently display content")))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{filter:{react:_.code`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),d=require("@sps-woodland/core"),_=require("@spscommerce/utils");function x(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return n.default=a,Object.freeze(n)}const e=x(T);function H(a,n,t){return n in a?Object.defineProperty(a,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[n]=t,a}function E(a,n){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);n&&(i=i.filter(function(s){return Object.getOwnPropertyDescriptor(a,s).enumerable})),t.push.apply(t,i)}return t}function w(a){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?E(Object(t),!0).forEach(function(i){H(a,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach(function(i){Object.defineProperty(a,i,Object.getOwnPropertyDescriptor(t,i))})}return a}var F=(a,n,t)=>{for(var i of Object.keys(a)){var s;if(a[i]!==((s=n[i])!==null&&s!==void 0?s:t[i]))return!1}return!0},V=a=>n=>{var t=a.defaultClassName,i=w(w({},a.defaultVariants),n);for(var s in i){var o,v=(o=i[s])!==null&&o!==void 0?o:a.defaultVariants[s];if(v!=null){var r=v;typeof r=="boolean"&&(r=r===!0?"true":"false");var c=a.variantClassNames[s][r];c&&(t+=" "+c)}}for(var[l,I]of a.compoundVariants)F(l,i,a.defaultVariants)&&(t+=" "+I);return t},j="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco7",A="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco0",G="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8",D="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcof",M="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe",q="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco3",U="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco4",R="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco1",z=V({defaultClassName:"pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9",variantClassNames:{selected:{true:"pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoa",false:"pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcob"},inFilter:{true:"pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoc",false:"pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcod"}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),C="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog",B="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco5",L="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco6",K="pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco2";function h({children:a,className:n,...t}){return e.createElement("div",{className:R,...t},e.createElement("div",{className:K},a))}d.Metadata.set(h,{name:"SideNavHeader",props:{}});const O=T.createContext({filterValue:"",activeItem:""});function m({children:a,className:n,onSelect:t,as:i,keyId:s,...o}){const v=i??"a",[r,c]=d.selectChildren(a,[{type:m}]),[l,I]=e.useState(!0),[g,k]=e.useState(!0),S=e.useContext(O),p=e.useRef(null);return e.useEffect(()=>{var f;k(((f=p.current)==null?void 0:f.innerText.includes(S.filterValue))||!1)},[S]),e.createElement(e.Fragment,null,r.length?e.createElement("ul",{className:G},e.createElement("li",{ref:p,className:M,onClick:()=>I(!l)},e.createElement(v,{className:C,...o},e.createElement("div",null,e.createElement(d.Icon,{className:D,icon:l?"chevron-down":"chevron-up"})),c)),l&&r):e.createElement("li",{ref:p,className:z({selected:S.activeItem===s,inFilter:g})},e.createElement(v,{className:C,onClick:()=>{t(s)},...o},a)))}d.Metadata.set(m,{name:"SideNavItem",props:{keyId:{type:"string",required:!0},as:{type:"string"}}});function u({children:a,className:n,title:t,onSelect:i,...s}){const[o,v]=d.selectChildren(a,[{type:m}]),r=d.modChildren(o,c=>c.type===m?[{onSelect:i?l=>i(l):()=>{}}]:[]);return e.createElement("div",{className:B,...s},t&&e.createElement("div",{className:L},t),e.createElement("ul",{className:j},r),v)}d.Metadata.set(u,{name:"SideNavSection",props:{title:{type:"string"}}});function b({children:a,className:n,activeNavItem:t,filterable:i,filterInputPlaceholder:s,...o}){const[v,r,c]=d.selectChildren(a,[{type:h},{type:u},{type:m}]),l=e.useRef(t),[I,g]=e.useState(t),[k,S]=e.useState(""),p=N=>{g(N)},f=d.modChildren(c,N=>N.type===m?[{onSelect:y=>p(y)}]:[]),P=d.modChildren(r,N=>N.type===u?[{onSelect:y=>p(y)}]:[]);return t!==l.current&&(g(t),l.current=t),e.createElement(O.Provider,{value:{filterValue:k,activeItem:I}},e.createElement("div",{className:d.cl(A),...o},v,i&&e.createElement("div",{className:q},e.createElement("div",{className:U},e.createElement("div",{className:"sps-text-input"},e.createElement("div",{className:"sps-form-control"},e.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),e.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:s,onChange:N=>{S(N.target.value)}}))))),P,e.createElement("ul",{className:j},f)))}d.Metadata.set(b,{name:"SideNav",props:{activeNavItem:{type:"string",required:!0},filterable:{type:"boolean"},filterInputPlaceholder:{type:"string"}}});const W={description:()=>e.createElement("p",null,"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page."),components:[b,h,u,m],examples:{general:{label:"Usage",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Use the Side Navigation if:"),e.createElement("ul",null,e.createElement("li",null,"The navigation benefits from subsections or nested structures"),e.createElement("li",null,"There are too many items for Tabbed Navigation"),e.createElement("li",null,"The navigation items have long names")),e.createElement("p",null,"Avoid using the Side Navigation if:"),e.createElement("ul",null,e.createElement("li",null,"Tabbed Navigation is sufficient"),e.createElement("li",null,"The full width of the page is required to sufficiently display content")))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{filter:{react:_.code`
             import { SideNav, SideNavHeader, SideNavItem } from "@sps-woodland/side-nav";
             import { Icon } from "@sps-woodland/core";
 

package/lib/index.es.js

@@ -55,7 +55,7 @@ var A = (a, n, t) => {
   for (var [o, p] of a.compoundVariants)
     A(o, i, a.defaultVariants) && (t += " " + p);
   return t;
-}, j = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco7", D = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco0", R = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8", q = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcof", B = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe", L = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco3", z = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco4", M = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco1", K = U({ defaultClassName: "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9", variantClassNames: { selected: { true: "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoa", false: "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcob" }, inFilter: { true: "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoc", false: "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcod" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), T = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog", W = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco5", J = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco6", Q = "pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco2";
+}, j = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco7", D = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco0", R = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8", q = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcof", B = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe", L = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco3", z = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco4", M = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco1", K = U({ defaultClassName: "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9", variantClassNames: { selected: { true: "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoa", false: "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcob" }, inFilter: { true: "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoc", false: "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcod" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), T = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog", W = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco5", J = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco6", Q = "pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco2";
 function E({
   children: a,
   className: n,

package/lib/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco0{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;min-width:0;position:relative}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco1{background-color:#fff;border-bottom:.0625rem solid oklch(86.84% .002 197.12);margin-bottom:0;padding:.5rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco2{align-items:center;display:flex;float:left;font-size:.75rem;font-weight:600;line-height:1.5rem;margin-bottom:0;padding-left:.5rem;text-transform:uppercase}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco2>i{font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco3{border-bottom:.0625rem solid oklch(86.84% .002 197.12);padding:.5rem 0}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco4{margin:6px 21px}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco5{margin:0;padding:.5rem 0}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco5+.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco5{border-top:.0625rem solid oklch(86.84% .002 197.12)}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco6{color:#717779;font-size:1rem;font-weight:400;margin:.25rem 0 .5rem 1rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco7{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8{padding-left:0}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9{display:block;width:100%}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoa{background-color:#e6f2f8;box-shadow:inset .125rem 0 #027db8;color:#1f282c;font-weight:700}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcod{display:none}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe{display:block;width:100%}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcof{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_side-nav__version_8_19_2__hash_1j8bvcog{color:#1f282c;cursor:pointer;display:flex;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem .5rem 1.25rem;text-decoration:none}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog:hover{background-color:#f3f4f4}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:2.125rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:3rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:3.875rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:undefined}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:2.125rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:3rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:3.875rem}.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_2__hash_1j8bvcog{padding-left:undefined}
+.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco0{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;min-width:0;position:relative}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco1{background-color:#fff;border-bottom:.0625rem solid oklch(86.84% .002 197.12);margin-bottom:0;padding:.5rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco2{align-items:center;display:flex;float:left;font-size:.75rem;font-weight:600;line-height:1.5rem;margin-bottom:0;padding-left:.5rem;text-transform:uppercase}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco2>i{font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco3{border-bottom:.0625rem solid oklch(86.84% .002 197.12);padding:.5rem 0}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco4{margin:6px 21px}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco5{margin:0;padding:.5rem 0}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco5+.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco5{border-top:.0625rem solid oklch(86.84% .002 197.12)}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco6{color:#717779;font-size:1rem;font-weight:400;margin:.25rem 0 .5rem 1rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco7{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8{padding-left:0}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9{display:block;width:100%}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoa{background-color:#e6f2f8;box-shadow:inset .125rem 0 #027db8;color:#1f282c;font-weight:700}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcod{display:none}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe{display:block;width:100%}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcof{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_side-nav__version_8_19_3__hash_1j8bvcog{color:#1f282c;cursor:pointer;display:flex;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem .5rem 1.25rem;text-decoration:none}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog:hover{background-color:#f3f4f4}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:2.125rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:3rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:3.875rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:undefined}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:2.125rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:3rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:3.875rem}.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_19_3__hash_1j8bvcog{padding-left:undefined}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/side-nav",
   "description": "SPS Woodland Design System side navigation components",
-  "version": "8.19.2",
+  "version": "8.19.3",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/side-nav",
@@ -29,8 +29,8 @@
     "@spscommerce/utils": "^7.0.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/core": "8.19.2",
-    "@sps-woodland/tokens": "8.19.2"
+    "@sps-woodland/core": "8.19.3",
+    "@sps-woodland/tokens": "8.19.3"
   },
   "devDependencies": {
     "@spscommerce/utils": "^7.0.0",
@@ -38,8 +38,8 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/core": "8.19.2",
-    "@sps-woodland/tokens": "8.19.2"
+    "@sps-woodland/core": "8.19.3",
+    "@sps-woodland/tokens": "8.19.3"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",