jvetrau-ds 0.1.26 → 0.1.27

package/components/breadcrumbs/breadcrumbs.cjs

@@ -43,14 +43,7 @@ const Breadcrumbs = ({
       className: classes,
       "aria-label": "Breadcrumb",
       ...props,
-      children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          className: "breadcrumbs__link",
-          href: item.href,
-          children: content
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__current", children: content })
+      children: item.renderLink ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__link", children: item.renderLink(content) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__current", children: content })
     }
   );
 };

package/components/breadcrumbs/breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":["classnames","jsxs","Fragment","jsx","Icon"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,oBAEAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,eAAK,IAAA,mBACJA,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mBAAA;AAAA,UACV,MAAM,IAAA,CAAK,IAAA;AAAA,UAEV,QAAA,EAAA;AAAA;AAAA,OACH,mBAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.cjs","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  href?: string;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        aria-hidden=\"true\"\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.href ? (\n        <a\n          className=\"breadcrumbs__link\"\n          href={item.href}\n        >\n          {content}\n        </a>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":["classnames","jsxs","Fragment","jsx","Icon"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,oBAEAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,CAAK,UAAA,mBACJA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACb,QAAA,EAAA,IAAA,CAAK,UAAA,CAAW,OAAO,GAC1B,CAAA,mBAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.cjs","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  renderLink?: (children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        aria-hidden=\"true\"\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.renderLink ? (\n        <span className=\"breadcrumbs__link\">\n          {item.renderLink(content)}\n        </span>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;"]}

package/components/breadcrumbs/breadcrumbs.css

@@ -26,16 +26,14 @@
 
 .breadcrumbs__link,
 .breadcrumbs__current {
-  /* color */
-  color: inherit;
-
-  /* typography */
-
   /* size */
   display: inline-flex;
   align-items: center;
   gap: var(--margin-icon);
 
+  /* color */
+  color: inherit;
+
   /* border */
 
   /* depth */
@@ -43,9 +41,13 @@
   /* motion */
 }
 
-.breadcrumbs__link {
-  /* motion */
-  cursor: pointer;
+.breadcrumbs__link > *,
+.breadcrumbs__current {
+  /* color */
+  color: inherit;
+
+  /* typography */
+  text-decoration: underline;
 }
 
 .breadcrumbs__icon {
@@ -54,6 +56,8 @@
 }
 
 .breadcrumbs__label {
+  /* color */
+
   /* typography */
 
   /* size */

package/components/breadcrumbs/breadcrumbs.d.cts

@@ -3,7 +3,7 @@ import React from 'react';
 type BreadcrumbsPresentation = 'backlink' | 'path';
 interface BreadcrumbItem {
     label: React.ReactNode;
-    href?: string;
+    renderLink?: (children: React.ReactNode) => React.ReactNode;
 }
 interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
     presentation?: BreadcrumbsPresentation;

package/components/breadcrumbs/breadcrumbs.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 type BreadcrumbsPresentation = 'backlink' | 'path';
 interface BreadcrumbItem {
     label: React.ReactNode;
-    href?: string;
+    renderLink?: (children: React.ReactNode) => React.ReactNode;
 }
 interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
     presentation?: BreadcrumbsPresentation;

package/components/breadcrumbs/breadcrumbs.js

@@ -37,14 +37,7 @@ const Breadcrumbs = ({
       className: classes,
       "aria-label": "Breadcrumb",
       ...props,
-      children: item.href ? /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "breadcrumbs__link",
-          href: item.href,
-          children: content
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: "breadcrumbs__current", children: content })
+      children: item.renderLink ? /* @__PURE__ */ jsx("span", { className: "breadcrumbs__link", children: item.renderLink(content) }) : /* @__PURE__ */ jsx("span", { className: "breadcrumbs__current", children: content })
     }
   );
 };

package/components/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,oBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,eAAK,IAAA,mBACJ,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mBAAA;AAAA,UACV,MAAM,IAAA,CAAK,IAAA;AAAA,UAEV,QAAA,EAAA;AAAA;AAAA,OACH,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.js","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  href?: string;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        aria-hidden=\"true\"\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.href ? (\n        <a\n          className=\"breadcrumbs__link\"\n          href={item.href}\n        >\n          {content}\n        </a>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,oBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,CAAK,UAAA,mBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACb,QAAA,EAAA,IAAA,CAAK,UAAA,CAAW,OAAO,GAC1B,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.js","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  renderLink?: (children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        aria-hidden=\"true\"\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.renderLink ? (\n        <span className=\"breadcrumbs__link\">\n          {item.renderLink(content)}\n        </span>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -269,16 +269,14 @@
 
 .breadcrumbs__link,
 .breadcrumbs__current {
-  /* color */
-  color: inherit;
-
-  /* typography */
-
   /* size */
   display: inline-flex;
   align-items: center;
   gap: var(--margin-icon);
 
+  /* color */
+  color: inherit;
+
   /* border */
 
   /* depth */
@@ -286,9 +284,13 @@
   /* motion */
 }
 
-.breadcrumbs__link {
-  /* motion */
-  cursor: pointer;
+.breadcrumbs__link > *,
+.breadcrumbs__current {
+  /* color */
+  color: inherit;
+
+  /* typography */
+  text-decoration: underline;
 }
 
 .breadcrumbs__icon {
@@ -297,6 +299,8 @@
 }
 
 .breadcrumbs__label {
+  /* color */
+
   /* typography */
 
   /* size */