@postenbring/hedwig-react - npm Package Compare versions

Comparing version 0.0.0-Vg6oKCJY-breadcrumbs-component-20231205062839 to 0.0.0-Vg6oKCJY-breadcrumbs-component-julian-changes-20231205222447

dist/breadcrumb/breadcrumb.d.ts

 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, ReactElement } from 'react';
-import { LinkProps } from '../link/link.js';
-import '../utils-BfZsjuFH.js';
+import { ReactElement, HTMLAttributes } from 'react';
 
-interface BreadcrumbProps extends HTMLAttributes<HTMLAnchorElement> {
-    children: ReactElement<LinkProps> | string;
+interface BreadcrumbsProps {
+    children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
+    /**
+     * Props passed to the root `nav` html element
+     */
+    navProps?: HTMLAttributes<HTMLElement>;
+    /**
+     * Props passed to the `ol` html element
+     */
+    olProps?: HTMLAttributes<HTMLElement>;
 }
-interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
-    children: ReactElement<BreadcrumbProps> | ReactElement<BreadcrumbProps[]>;
-}
-declare function Breadcrumbs({ className, children }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+/**
+ * A breadcrumbs navigation menu
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * <Breadcrumbs>
+ *   <li><Link href="../">Previous page</Link></li>
+ *   <li>Current page</li>
+ * </Breadcrumbs>
+ * ```
+ *
+ * Outputs this html structure
+ *
+ * ```html
+ * <nav>
+ *   <ol>
+ *     <li><a href="../">Previous page</a></li>
+ *     <li>Current page</li>
+ *   </ol>
+ * </nav>
+ * ```
+ */
+declare function Breadcrumbs({ navProps, olProps, children }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
 declare namespace Breadcrumbs {
     var displayName: string;
 }
-declare function Breadcrumb(props: BreadcrumbProps): react_jsx_runtime.JSX.Element;
-declare namespace Breadcrumb {
-    var displayName: string;
-}
 
-export { Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps };
+export { Breadcrumbs, type BreadcrumbsProps };

dist/breadcrumb/breadcrumb.js

 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
@@ -23,3 +40,2 @@ for (var name in all)
 __export(breadcrumb_exports, {
-  Breadcrumb: () => Breadcrumb,
   Breadcrumbs: () => Breadcrumbs
@@ -30,14 +46,9 @@ });
 var import_jsx_runtime = require("react/jsx-runtime");
-function Breadcrumbs({ className, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", className), children }) });
+function Breadcrumbs({ navProps, olProps, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({}, navProps), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
 }
-function Breadcrumb(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_typed_classname.clsx)("hds-breadcrumb"), children: props.children });
-}
-Breadcrumb.displayName = "Breadcrumb";
 Breadcrumbs.displayName = "Breadcrumbs";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Breadcrumb,
   Breadcrumbs
 });

dist/breadcrumb/index.d.ts

@@ -1,5 +0,3 @@
-export { Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps } from './breadcrumb.js';
+export { Breadcrumbs, BreadcrumbsProps } from './breadcrumb.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../link/link.js';
-import '../utils-BfZsjuFH.js';

dist/breadcrumb/index.js

 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
@@ -23,3 +40,2 @@ for (var name in all)
 __export(breadcrumb_exports, {
-  Breadcrumb: () => Breadcrumb,
   Breadcrumbs: () => Breadcrumbs
@@ -36,14 +52,9 @@ });
 var import_jsx_runtime = require("react/jsx-runtime");
-function Breadcrumbs({ className, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", className), children }) });
+function Breadcrumbs({ navProps, olProps, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({}, navProps), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
 }
-function Breadcrumb(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_typed_classname.clsx)("hds-breadcrumb"), children: props.children });
-}
-Breadcrumb.displayName = "Breadcrumb";
 Breadcrumbs.displayName = "Breadcrumbs";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Breadcrumb,
   Breadcrumbs
 });

dist/index.d.ts

@@ -13,3 +13,3 @@ export { BaseButton, ButtonProps, PrimaryButton, SecondaryButton } from './button/button.js';
 export { AccordionContent, AccordionContentProps } from './accordion/accordion-item-content.js';
-export { Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps } from './breadcrumb/breadcrumb.js';
+export { Breadcrumbs, BreadcrumbsProps } from './breadcrumb/breadcrumb.js';
 export { MessageDescription, MessageTitle } from './message/message.js';
@@ -16,0 +16,0 @@ import './utils-BfZsjuFH.js';

dist/index.js

@@ -60,3 +60,2 @@ "use strict";
   BoxCloseButton: () => BoxCloseButton,
-  Breadcrumb: () => Breadcrumb,
   Breadcrumbs: () => Breadcrumbs,
@@ -643,9 +642,5 @@ DarkBadge: () => DarkBadge,
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function Breadcrumbs({ className, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ol", { className: (0, import_typed_classname12.clsx)("hds-breadcrumbs", className), children }) });
+function Breadcrumbs({ navProps, olProps, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", __spreadProps(__spreadValues({}, navProps), { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname12.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
 }
-function Breadcrumb(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: (0, import_typed_classname12.clsx)("hds-breadcrumb"), children: props.children });
-}
-Breadcrumb.displayName = "Breadcrumb";
 Breadcrumbs.displayName = "Breadcrumbs";
@@ -662,3 +657,2 @@ // Annotate the CommonJS export names for ESM import in node:
   BoxCloseButton,
-  Breadcrumb,
   Breadcrumbs,
@@ -665,0 +659,0 @@ DarkBadge,

package.json

 {
   "name": "@postenbring/hedwig-react",
-  "version": "0.0.0-Vg6oKCJY-breadcrumbs-component-20231205062839",
+  "version": "0.0.0-Vg6oKCJY-breadcrumbs-component-julian-changes-20231205222447",
   "main": "./dist/index.js",
@@ -22,3 +22,3 @@ "module": "./dist/index.mjs",
   "dependencies": {
-    "@postenbring/hedwig-css": "0.0.0-Vg6oKCJY-breadcrumbs-component-20231205062839"
+    "@postenbring/hedwig-css": "0.0.0-Vg6oKCJY-breadcrumbs-component-julian-changes-20231205222447"
   },
@@ -25,0 +25,0 @@ "publishConfig": {

No alert changes

Improved metrics

Total package byte prevSize

198578

increased by0.6%

Lines of code

4860

increased by0.66%

Dependency changes

• + Added@postenbring/hedwig-css@0.0.0-Vg6oKCJY-breadcrumbs-component-julian-changes-20231205222447(transitive)

• - Removed@postenbring/hedwig-css@0.0.0-Vg6oKCJY-breadcrumbs-component-20231205062839(transitive)

• Updated@postenbring/hedwig-css@0.0.0-Vg6oKCJY-breadcrumbs-component-julian-changes-20231205222447