@purpurds/breadcrumbs 5.32.0 → 5.34.0

package/dist/LICENSE.txt

@@ -1,5 +1,5 @@
 Name: @purpurds/icon
-Version: 5.31.0
+Version: 5.33.0
 License: AGPL-3.0-only
 Private: false
 

package/dist/breadcrumbs.cjs.js

@@ -6,5 +6,5 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var s={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var u=arguments[t];u&&(r=c(r,a(u)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var u in r)s.call(r,u)&&r[u]&&(t=c(t,u));return t}function c(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(O);var U=O.exports;const q=R(U),o={"purpur-breadcrumbs":"_purpur-breadcrumbs_465gy_1","purpur-breadcrumbs--default":"_purpur-breadcrumbs--default_465gy_21","purpur-breadcrumbs--negative":"_purpur-breadcrumbs--negative_465gy_35","purpur-breadcrumbs__list":"_purpur-breadcrumbs__list_465gy_49","purpur-breadcrumbs__home":"_purpur-breadcrumbs__home_465gy_57","purpur-breadcrumb-item":"_purpur-breadcrumb-item_465gy_67","purpur-breadcrumb-item--current":"_purpur-breadcrumb-item--current_465gy_72","purpur-breadcrumb-item--negative":"_purpur-breadcrumb-item--negative_465gy_94"},V=(e,s,n)=>({"@type":"ListItem",position:n,name:e,item:s}),X=e=>JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:e}),g="purpur-breadcrumbs",j="purpur-breadcrumb-item",L=({["data-testid"]:e,ariaLabel:s,children:n,className:a,meta:c=!0,negative:r=!1,highlightLast:t=!0,hideHomeIcon:u,...v})=>{const m=q([a,o[g],o[`${g}--${r?"negative":"default"}`]]),h=p.Children.count(n),y=[],B=p.Children.map(n,(d,H)=>{const x=H+1,P=t&&h===x,f=d.props.children,l=typeof f=="string"?null:f.props;let _=null,b=null;return typeof f=="string"?(_=f,b=d.props.href):l!=null&&l.children&&typeof(l==null?void 0:l.children)=="string"&&(_=l.children,b=l.href),_&&b&&y.push(V(_,b,x)),p.cloneElement(d,{current:P,negative:r,...x===1&&{children:i.jsxs(i.Fragment,{children:[u?null:i.jsx("span",{className:o[`${g}__home`],"aria-hidden":"true",children:i.jsx(N,{size:"xs"})}),d.props.children]})}})}),w=y.length===h?X(y):null;return i.jsxs("nav",{"data-testid":e,"aria-label":s||"Breadcrumb",className:m,...v,children:[i.jsx("ol",{className:o[`${g}__list`],children:B}),c&&w?i.jsx("script",{type:"application/ld+json","data-testid":"breadcrumbs-meta",dangerouslySetInnerHTML:{__html:w}}):null]})},M=({href:e,["data-testid"]:s,children:n,current:a=!1,negative:c=!1,onClick:r,...t})=>{const u=q([o[j],o[`${j}--${c?"negative":"default"}`]],{[o[`${j}--current`]]:a}),v=()=>{const m={href:e,"data-testid":s,"aria-current":a?"page":void 0,onClick:r};return e||typeof n=="string"?p.createElement("a",m,n):p.cloneElement(n,{...m,...n.props})};return i.jsx("li",{...t,className:u,children:v()})};L.Item=M;exports.Breadcrumbs=L;exports.BreadcrumbsItem=M;
+*/(function(e){(function(){var s={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var u=arguments[t];u&&(r=c(r,a(u)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var u in r)s.call(r,u)&&r[u]&&(t=c(t,u));return t}function c(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(O);var U=O.exports;const q=R(U),o={"purpur-breadcrumbs":"_purpur-breadcrumbs_1xh80_1","purpur-breadcrumbs--default":"_purpur-breadcrumbs--default_1xh80_20","purpur-breadcrumbs--negative":"_purpur-breadcrumbs--negative_1xh80_34","purpur-breadcrumbs__list":"_purpur-breadcrumbs__list_1xh80_48","purpur-breadcrumbs__home":"_purpur-breadcrumbs__home_1xh80_57","purpur-breadcrumb-item":"_purpur-breadcrumb-item_1xh80_67","purpur-breadcrumb-item--current":"_purpur-breadcrumb-item--current_1xh80_72","purpur-breadcrumb-item--negative":"_purpur-breadcrumb-item--negative_1xh80_94"},V=(e,s,n)=>({"@type":"ListItem",position:n,name:e,item:s}),X=e=>JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:e}),h="purpur-breadcrumbs",j="purpur-breadcrumb-item",L=({["data-testid"]:e,ariaLabel:s,children:n,className:a,meta:c=!0,negative:r=!1,highlightLast:t=!0,hideHomeIcon:u,...v})=>{const m=q([a,o[h],o[`${h}--${r?"negative":"default"}`]]),g=p.Children.count(n),x=[],B=p.Children.map(n,(d,H)=>{const y=H+1,P=t&&g===y,f=d.props.children,l=typeof f=="string"?null:f.props;let _=null,b=null;return typeof f=="string"?(_=f,b=d.props.href):l!=null&&l.children&&typeof(l==null?void 0:l.children)=="string"&&(_=l.children,b=l.href),_&&b&&x.push(V(_,b,y)),p.cloneElement(d,{current:P,negative:r,...y===1&&{children:i.jsxs(i.Fragment,{children:[u?null:i.jsx("span",{className:o[`${h}__home`],"aria-hidden":"true",children:i.jsx(N,{size:"xs"})}),d.props.children]})}})}),w=x.length===g?X(x):null;return i.jsxs("nav",{"data-testid":e,"aria-label":s||"Breadcrumb",className:m,...v,children:[i.jsx("ol",{className:o[`${h}__list`],children:B}),c&&w?i.jsx("script",{type:"application/ld+json","data-testid":"breadcrumbs-meta",dangerouslySetInnerHTML:{__html:w}}):null]})},M=({href:e,["data-testid"]:s,children:n,current:a=!1,negative:c=!1,onClick:r,...t})=>{const u=q([o[j],o[`${j}--${c?"negative":"default"}`]],{[o[`${j}--current`]]:a}),v=()=>{const m={href:e,"data-testid":s,"aria-current":a?"page":void 0,onClick:r};return e||typeof n=="string"?p.createElement("a",m,n):p.cloneElement(n,{...m,...n.props})};return i.jsx("li",{...t,className:u,children:v()})};L.Item=M;exports.Breadcrumbs=L;exports.BreadcrumbsItem=M;
 //# sourceMappingURL=breadcrumbs.cjs.js.map

package/dist/breadcrumbs.es.js

@@ -134,14 +134,14 @@ var q = { exports: {} };
 })(q);
 var Y = q.exports;
 const M = /* @__PURE__ */ X(Y), l = {
-  "purpur-breadcrumbs": "_purpur-breadcrumbs_465gy_1",
-  "purpur-breadcrumbs--default": "_purpur-breadcrumbs--default_465gy_21",
-  "purpur-breadcrumbs--negative": "_purpur-breadcrumbs--negative_465gy_35",
-  "purpur-breadcrumbs__list": "_purpur-breadcrumbs__list_465gy_49",
-  "purpur-breadcrumbs__home": "_purpur-breadcrumbs__home_465gy_57",
-  "purpur-breadcrumb-item": "_purpur-breadcrumb-item_465gy_67",
-  "purpur-breadcrumb-item--current": "_purpur-breadcrumb-item--current_465gy_72",
-  "purpur-breadcrumb-item--negative": "_purpur-breadcrumb-item--negative_465gy_94"
+  "purpur-breadcrumbs": "_purpur-breadcrumbs_1xh80_1",
+  "purpur-breadcrumbs--default": "_purpur-breadcrumbs--default_1xh80_20",
+  "purpur-breadcrumbs--negative": "_purpur-breadcrumbs--negative_1xh80_34",
+  "purpur-breadcrumbs__list": "_purpur-breadcrumbs__list_1xh80_48",
+  "purpur-breadcrumbs__home": "_purpur-breadcrumbs__home_1xh80_57",
+  "purpur-breadcrumb-item": "_purpur-breadcrumb-item_1xh80_67",
+  "purpur-breadcrumb-item--current": "_purpur-breadcrumb-item--current_1xh80_72",
+  "purpur-breadcrumb-item--negative": "_purpur-breadcrumb-item--negative_1xh80_94"
 }, K = (t, s, n) => ({
   "@type": "ListItem",
   position: n,
@@ -151,7 +151,7 @@ const M = /* @__PURE__ */ X(Y), l = {
   "@context": "https://schema.org",
   "@type": "BreadcrumbList",
   itemListElement: t
-}), b = "purpur-breadcrumbs", y = "purpur-breadcrumb-item", R = ({
+}), h = "purpur-breadcrumbs", y = "purpur-breadcrumb-item", R = ({
   ["data-testid"]: t,
   ariaLabel: s,
   children: n,
@@ -164,22 +164,22 @@ const M = /* @__PURE__ */ X(Y), l = {
 }) => {
   const p = M([
     a,
-    l[b],
-    l[`${b}--${r ? "negative" : "default"}`]
-  ]), v = N.count(n), g = [], B = N.map(n, (m, H) => {
-    const h = H + 1, A = e && v === h, d = m.props.children, c = typeof d == "string" ? null : d.props;
+    l[h],
+    l[`${h}--${r ? "negative" : "default"}`]
+  ]), b = N.count(n), v = [], B = N.map(n, (m, H) => {
+    const g = H + 1, A = e && b === g, d = m.props.children, c = typeof d == "string" ? null : d.props;
     let f = null, _ = null;
-    return typeof d == "string" ? (f = d, _ = m.props.href) : c != null && c.children && typeof (c == null ? void 0 : c.children) == "string" && (f = c.children, _ = c.href), f && _ && g.push(K(f, _, h)), j(m, {
+    return typeof d == "string" ? (f = d, _ = m.props.href) : c != null && c.children && typeof (c == null ? void 0 : c.children) == "string" && (f = c.children, _ = c.href), f && _ && v.push(K(f, _, g)), j(m, {
       current: A,
       negative: r,
-      ...h === 1 && {
+      ...g === 1 && {
         children: /* @__PURE__ */ $(P, { children: [
-          u ? null : /* @__PURE__ */ o("span", { className: l[`${b}__home`], "aria-hidden": "true", children: /* @__PURE__ */ o(O, { size: "xs" }) }),
+          u ? null : /* @__PURE__ */ o("span", { className: l[`${h}__home`], "aria-hidden": "true", children: /* @__PURE__ */ o(O, { size: "xs" }) }),
           m.props.children
         ] })
       }
     });
-  }), w = g.length === v ? Q(g) : null;
+  }), w = v.length === b ? Q(v) : null;
   return /* @__PURE__ */ $(
     "nav",
     {
@@ -188,7 +188,7 @@ const M = /* @__PURE__ */ X(Y), l = {
       className: p,
       ...x,
       children: [
-        /* @__PURE__ */ o("ol", { className: l[`${b}__list`], children: B }),
+        /* @__PURE__ */ o("ol", { className: l[`${h}__list`], children: B }),
         i && w ? /* @__PURE__ */ o(
           "script",
           {

package/dist/metadata.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "moduleName": "breadcrumbs",
+  "exports": [
+    "BreadcrumbsProps",
+    "BreadcrumbsItemProps",
+    "Breadcrumbs",
+    "BreadcrumbsItem"
+  ]
+};

package/dist/styles.css

@@ -1 +1 @@
-._purpur-breadcrumbs_465gy_1{font-family:var(--purpur-typography-family-default);padding:var(--purpur-spacing-150) 0}._purpur-breadcrumbs_465gy_1 a,._purpur-breadcrumbs_465gy_1 li:only-child:not(:has(a)){display:inline-flex;gap:var(--purpur-spacing-50);font-size:var(--purpur-typography-scale-75);text-underline-offset:3px;text-decoration-skip-ink:none;padding:14px 2px;letter-spacing:.3px}._purpur-breadcrumbs_465gy_1 a:hover,._purpur-breadcrumbs_465gy_1 a:active,._purpur-breadcrumbs_465gy_1 li:only-child:not(:has(a)):hover,._purpur-breadcrumbs_465gy_1 li:only-child:not(:has(a)):active{text-decoration-thickness:2px;text-underline-offset:2px}._purpur-breadcrumbs--default_465gy_21,._purpur-breadcrumbs--default_465gy_21 a{color:var(--purpur-color-text-interactive-primary)}._purpur-breadcrumbs--default_465gy_21 a:hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-breadcrumbs--default_465gy_21 a:active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-breadcrumbs--negative_465gy_35,._purpur-breadcrumbs--negative_465gy_35 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-breadcrumbs--negative_465gy_35 a:hover{color:var(--purpur-color-text-interactive-primary-negative-hover);background:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-breadcrumbs--negative_465gy_35 a:active{color:var(--purpur-color-text-interactive-primary-negative-active);background:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-breadcrumbs__list_465gy_49{display:flex;flex-direction:row;align-items:center;gap:var(--purpur-spacing-50);padding:0;list-style:none}._purpur-breadcrumbs__home_465gy_57{display:none}@media screen and (min-width: 600px){._purpur-breadcrumbs__home_465gy_57{display:inline-flex;align-items:center}}._purpur-breadcrumb-item_465gy_67{white-space:nowrap;display:flex;align-items:center}._purpur-breadcrumb-item--current_465gy_72{overflow:hidden}._purpur-breadcrumb-item--current_465gy_72 a{display:block;text-overflow:ellipsis;overflow:hidden;color:var(--purpur-color-text-default);text-decoration:none;font-weight:var(--purpur-typography-weight-medium)}._purpur-breadcrumb-item--current_465gy_72 a:hover{background:none}._purpur-breadcrumb-item_465gy_67:not(:nth-last-child(2)):not(:last-child){display:none}@media screen and (min-width: 600px){._purpur-breadcrumb-item_465gy_67:not(:nth-last-child(2)):not(:last-child){display:flex}}._purpur-breadcrumb-item--negative_465gy_94._purpur-breadcrumb-item--current_465gy_72 a{color:var(--purpur-color-text-default-negative)}._purpur-breadcrumb-item_465gy_67:not(:last-child):after{font-size:var(--purpur-typography-scale-75);margin-left:var(--purpur-spacing-50);content:"/"/""}
+._purpur-breadcrumbs_1xh80_1{font-family:var(--purpur-typography-family-default)}._purpur-breadcrumbs_1xh80_1 a,._purpur-breadcrumbs_1xh80_1 li:only-child:not(:has(a)){display:inline-flex;gap:var(--purpur-spacing-50);font-size:var(--purpur-typography-scale-75);text-underline-offset:3px;text-decoration-skip-ink:none;padding:14px 2px;letter-spacing:.3px}._purpur-breadcrumbs_1xh80_1 a:hover,._purpur-breadcrumbs_1xh80_1 a:active,._purpur-breadcrumbs_1xh80_1 li:only-child:not(:has(a)):hover,._purpur-breadcrumbs_1xh80_1 li:only-child:not(:has(a)):active{text-decoration-thickness:2px;text-underline-offset:2px}._purpur-breadcrumbs--default_1xh80_20,._purpur-breadcrumbs--default_1xh80_20 a{color:var(--purpur-color-text-interactive-primary)}._purpur-breadcrumbs--default_1xh80_20 a:hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-breadcrumbs--default_1xh80_20 a:active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-breadcrumbs--negative_1xh80_34,._purpur-breadcrumbs--negative_1xh80_34 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-breadcrumbs--negative_1xh80_34 a:hover{color:var(--purpur-color-text-interactive-primary-negative-hover);background:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-breadcrumbs--negative_1xh80_34 a:active{color:var(--purpur-color-text-interactive-primary-negative-active);background:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-breadcrumbs__list_1xh80_48{display:flex;flex-direction:row;align-items:center;gap:var(--purpur-spacing-50);margin:0;padding:0;list-style:none}._purpur-breadcrumbs__home_1xh80_57{display:none}@media screen and (min-width: 600px){._purpur-breadcrumbs__home_1xh80_57{display:inline-flex;align-items:center}}._purpur-breadcrumb-item_1xh80_67{white-space:nowrap;display:flex;align-items:center}._purpur-breadcrumb-item--current_1xh80_72{overflow:hidden}._purpur-breadcrumb-item--current_1xh80_72 a{display:block;text-overflow:ellipsis;overflow:hidden;color:var(--purpur-color-text-default);text-decoration:none;font-weight:var(--purpur-typography-weight-medium)}._purpur-breadcrumb-item--current_1xh80_72 a:hover{background:none}._purpur-breadcrumb-item_1xh80_67:not(:nth-last-child(2)):not(:last-child){display:none}@media screen and (min-width: 600px){._purpur-breadcrumb-item_1xh80_67:not(:nth-last-child(2)):not(:last-child){display:flex}}._purpur-breadcrumb-item--negative_1xh80_94._purpur-breadcrumb-item--current_1xh80_72 a{color:var(--purpur-color-text-default-negative)}._purpur-breadcrumb-item_1xh80_67:not(:last-child):after{font-size:var(--purpur-typography-scale-75);margin-left:var(--purpur-spacing-50);content:"/"/""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/breadcrumbs",
-  "version": "5.32.0",
+  "version": "5.34.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/breadcrumbs.cjs.js",
   "types": "./dist/breadcrumbs.d.ts",
@@ -10,13 +10,14 @@
       "types": "./dist/breadcrumbs.d.ts",
       "default": "./dist/breadcrumbs.es.js"
     },
-    "./styles": "./dist/styles.css"
+    "./styles": "./dist/styles.css",
+    "./metadata": "./dist/metadata.js"
   },
   "source": "src/breadcrumbs.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/icon": "5.32.0",
-    "@purpurds/tokens": "5.32.0"
+    "@purpurds/icon": "5.34.0",
+    "@purpurds/tokens": "5.34.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",

package/src/breadcrumbs.module.scss

@@ -3,7 +3,7 @@
 .purpur-breadcrumbs {
   font-family: var(--purpur-typography-family-default);
 
-  padding: var(--purpur-spacing-150) 0;
+  
 
   a,
   li:only-child:not(:has(a)) {
@@ -63,7 +63,7 @@
     flex-direction: row;
     align-items: center;
     gap: var(--purpur-spacing-50);
-
+    margin: 0;
     padding: 0;
 
     list-style: none;