@postenbring/hedwig-react - npm Package Compare versions

Comparing version 0.0.0-nQUf1bl4-description-list-20231116194057 to 0.0.0-oBNmfRIZ-lists-20231117131429

dist/badge/badge.d.ts

@@ -28,2 +28,2 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
-export { Badge, BadgeProps, DarkBadge, WarningBadge, WhiteBadge };
+export { Badge, type BadgeProps, DarkBadge, WarningBadge, WhiteBadge };

dist/badge/badge.js

@@ -62,6 +62,2 @@ "use strict";
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -88,5 +84,10 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-badge"), (0, import_typed_classname.t)(`hds-badge--${size}`), (0, import_typed_classname.t)(`hds-badge--${variant}`)), children })
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-badge"), (0, import_typed_classname.t)(`hds-badge--${size}`), (0, import_typed_classname.t)(`hds-badge--${variant}`))
+    }, rest), {
+      children
+    })
   );
@@ -93,0 +94,0 @@ }

dist/badge/index.js

@@ -58,2 +58,3 @@ "use strict";
 module.exports = __toCommonJS(badge_exports);
+var import_fonts = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
 var import_tokens = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
@@ -68,6 +69,2 @@ var import_base = require("@postenbring/hedwig-css/dist/base.css");
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -94,5 +91,10 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-badge"), (0, import_typed_classname.t)(`hds-badge--${size}`), (0, import_typed_classname.t)(`hds-badge--${variant}`)), children })
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-badge"), (0, import_typed_classname.t)(`hds-badge--${size}`), (0, import_typed_classname.t)(`hds-badge--${variant}`))
+    }, rest), {
+      children
+    })
   );
@@ -99,0 +101,0 @@ }

dist/button/button.d.ts

@@ -37,2 +37,2 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
-export { ButtonProps, PrimaryButton, SecondaryButton };
+export { type ButtonProps, PrimaryButton, SecondaryButton };

dist/button/button.js

@@ -60,6 +60,2 @@ "use strict";
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -92,18 +88,16 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      __spreadProps(__spreadValues({
-        className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-button"), (0, import_typed_classname.t)(`hds-button--${size}`), {
-          [(0, import_typed_classname.t)(`hds-button--${variant}`)]: fill === "contained",
-          [(0, import_typed_classname.t)(`hds-button--outline-${variant}`)]: fill === "outlined",
-          [(0, import_typed_classname.t)("hds-button--full")]: fullWidth === true,
-          [(0, import_typed_classname.t)("hds-button--mobile-full")]: fullWidth === "mobile"
-        }),
-        ref: buttonRef
-      }, rest), {
-        children
-      })
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-button"), (0, import_typed_classname.t)(`hds-button--${size}`), {
+        [(0, import_typed_classname.t)(`hds-button--${variant}`)]: fill === "contained",
+        [(0, import_typed_classname.t)(`hds-button--outline-${variant}`)]: fill === "outlined",
+        [(0, import_typed_classname.t)("hds-button--full")]: fullWidth === true,
+        [(0, import_typed_classname.t)("hds-button--mobile-full")]: fullWidth === "mobile"
+      }),
+      ref: buttonRef
+    }, rest), {
+      children
+    })
   );
@@ -110,0 +104,0 @@ }

dist/button/index.js

@@ -56,2 +56,3 @@ "use strict";
 module.exports = __toCommonJS(button_exports);
+var import_fonts = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
 var import_tokens = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
@@ -66,6 +67,2 @@ var import_base = require("@postenbring/hedwig-css/dist/base.css");
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -98,18 +95,16 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      __spreadProps(__spreadValues({
-        className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-button"), (0, import_typed_classname.t)(`hds-button--${size}`), {
-          [(0, import_typed_classname.t)(`hds-button--${variant}`)]: fill === "contained",
-          [(0, import_typed_classname.t)(`hds-button--outline-${variant}`)]: fill === "outlined",
-          [(0, import_typed_classname.t)("hds-button--full")]: fullWidth === true,
-          [(0, import_typed_classname.t)("hds-button--mobile-full")]: fullWidth === "mobile"
-        }),
-        ref: buttonRef
-      }, rest), {
-        children
-      })
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-button"), (0, import_typed_classname.t)(`hds-button--${size}`), {
+        [(0, import_typed_classname.t)(`hds-button--${variant}`)]: fill === "contained",
+        [(0, import_typed_classname.t)(`hds-button--outline-${variant}`)]: fill === "outlined",
+        [(0, import_typed_classname.t)("hds-button--full")]: fullWidth === true,
+        [(0, import_typed_classname.t)("hds-button--mobile-full")]: fullWidth === "mobile"
+      }),
+      ref: buttonRef
+    }, rest), {
+      children
+    })
   );
@@ -116,0 +111,0 @@ }

dist/index.d.ts

 export { ButtonProps, PrimaryButton, SecondaryButton } from './button/button.js';
 export { Link, LinkProps } from './link/link.js';
 export { Badge, BadgeProps, DarkBadge, WarningBadge, WhiteBadge } from './badge/badge.js';
-import React__default, { ReactNode, HTMLAttributes } from 'react';
+export { DescriptionDetails, DescriptionDetailsProps, default as DescriptionList, DescriptionListProps, DescriptionTerm, DescriptionTermProps } from './list/description-list.js';
+export { ListItem, ListItemProps, ListProps, OrderedList, UnorderedList } from './list/index.js';
 import 'react/jsx-runtime';
-
-type DDProps = DLDTProps;
-type DTProps = DLDTProps;
-interface DLDTProps extends Omit<React__default.HTMLAttributes<HTMLBaseElement>, "className" | "style"> {
-    children: ReactNode;
-}
-interface DLProps extends Omit<HTMLAttributes<HTMLDListElement>, "className" | "style"> {
-    /**
-     * Direction of the description list
-     */
-    variant?: "vertical" | "horizontal";
-}
-declare function DescriptionDetails({ children, ...rest }: DDProps): React__default.JSX.Element;
-declare namespace DescriptionDetails {
-    var displayName: string;
-}
-declare function DescriptionTerm({ children, ...rest }: DTProps): React__default.JSX.Element;
-declare namespace DescriptionTerm {
-    var displayName: string;
-}
-declare function DescriptionList({ variant, ...rest }: DLProps): React__default.JSX.Element;
-declare namespace DescriptionList {
-    var displayName: string;
-}
-
-export { DescriptionDetails, DescriptionList, DescriptionTerm };
+import 'react';

dist/index.js

@@ -58,4 +58,7 @@ "use strict";
   Link: () => Link,
+  ListItem: () => ListItem,
+  OrderedList: () => OrderedList,
   PrimaryButton: () => PrimaryButton,
   SecondaryButton: () => SecondaryButton,
+  UnorderedList: () => UnorderedList,
   WarningBadge: () => WarningBadge,
@@ -71,6 +74,2 @@ WhiteBadge: () => WhiteBadge
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -103,18 +102,16 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      __spreadProps(__spreadValues({
-        className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-button"), (0, import_typed_classname.t)(`hds-button--${size}`), {
-          [(0, import_typed_classname.t)(`hds-button--${variant}`)]: fill === "contained",
-          [(0, import_typed_classname.t)(`hds-button--outline-${variant}`)]: fill === "outlined",
-          [(0, import_typed_classname.t)("hds-button--full")]: fullWidth === true,
-          [(0, import_typed_classname.t)("hds-button--mobile-full")]: fullWidth === "mobile"
-        }),
-        ref: buttonRef
-      }, rest), {
-        children
-      })
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)((0, import_typed_classname.t)("hds-button"), (0, import_typed_classname.t)(`hds-button--${size}`), {
+        [(0, import_typed_classname.t)(`hds-button--${variant}`)]: fill === "contained",
+        [(0, import_typed_classname.t)(`hds-button--outline-${variant}`)]: fill === "outlined",
+        [(0, import_typed_classname.t)("hds-button--full")]: fullWidth === true,
+        [(0, import_typed_classname.t)("hds-button--mobile-full")]: fullWidth === "mobile"
+      }),
+      ref: buttonRef
+    }, rest), {
+      children
+    })
   );
@@ -148,17 +145,15 @@ }
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "a",
-      __spreadProps(__spreadValues({
-        className: (0, import_clsx2.clsx)(
-          (0, import_typed_classname2.t)("hds-link"),
-          variant !== "underline" && (0, import_typed_classname2.t)(`hds-link--${variant}`),
-          size !== "medium" && (0, import_typed_classname2.t)(`hds-link--${size}`)
-        ),
-        ref: anchorRef
-      }, rest), {
-        children
-      })
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "a",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx2.clsx)(
+        (0, import_typed_classname2.t)("hds-link"),
+        variant !== "underline" && (0, import_typed_classname2.t)(`hds-link--${variant}`),
+        size !== "medium" && (0, import_typed_classname2.t)(`hds-link--${size}`)
+      ),
+      ref: anchorRef
+    }, rest), {
+      children
+    })
   );
@@ -182,5 +177,10 @@ }
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: (0, import_clsx3.clsx)((0, import_typed_classname3.t)("hds-badge"), (0, import_typed_classname3.t)(`hds-badge--${size}`), (0, import_typed_classname3.t)(`hds-badge--${variant}`)), children })
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "span",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx3.clsx)((0, import_typed_classname3.t)("hds-badge"), (0, import_typed_classname3.t)(`hds-badge--${size}`), (0, import_typed_classname3.t)(`hds-badge--${variant}`))
+    }, rest), {
+      children
+    })
   );
@@ -206,7 +206,2 @@ }
 
-// src/list/index.tsx
-var import_tokens = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
-var import_base = require("@postenbring/hedwig-css/dist/base.css");
-var import_description_list = require("@postenbring/hedwig-css/dist/list/description-list.css");
-
 // src/list/description-list.tsx
@@ -218,20 +213,20 @@ var import_clsx4 = require("clsx");
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return warnForStyleOverridesAndRender(rest, /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", __spreadProps(__spreadValues({}, rest), { children })));
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", __spreadProps(__spreadValues({}, rest), { children }));
 }
 function DescriptionTerm(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return warnForStyleOverridesAndRender(rest, /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", __spreadProps(__spreadValues({}, rest), { children })));
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", __spreadProps(__spreadValues({}, rest), { children }));
 }
 function DescriptionList(_a) {
   var _b = _a, { variant = "vertical" } = _b, rest = __objRest(_b, ["variant"]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "dl",
-      __spreadValues({
-        className: (0, import_clsx4.clsx)((0, import_typed_classname4.t)("hds-description-list"), {
-          [(0, import_typed_classname4.t)("hds-description-list--horizontal")]: variant === "horizontal"
-        })
-      }, rest)
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "dl",
+    __spreadValues({
+      className: (0, import_clsx4.clsx)((0, import_typed_classname4.t)("hds-description-list"), {
+        [(0, import_typed_classname4.t)("hds-description-list--horizontal")]: variant === "horizontal"
+      })
+    }, rest)
   );
@@ -242,2 +237,45 @@ }
 DescriptionDetails.displayName = "DescriptionDetails";
+
+// src/list/list.tsx
+var import_clsx5 = require("clsx");
+var import_typed_classname5 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function BaseList(_a) {
+  var _b = _a, {
+    as: ListTag = "ul",
+    children,
+    listStyle = "inherit",
+    size = "medium"
+  } = _b, rest = __objRest(_b, [
+    "as",
+    "children",
+    "listStyle",
+    "size"
+  ]);
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    ListTag,
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx5.clsx)((0, import_typed_classname5.t)("hds-list"), (0, import_typed_classname5.t)(`hds-list--${size}`), {
+        [(0, import_typed_classname5.t)(`hds-list--style-hidden`)]: listStyle === "no-bullets"
+      })
+    }, rest), {
+      children
+    })
+  );
+}
+function ListItem(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", __spreadProps(__spreadValues({}, rest), { children }));
+}
+function UnorderedList(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BaseList, __spreadProps(__spreadValues({ as: "ul" }, props), { children: props.children }));
+}
+function OrderedList(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BaseList, __spreadProps(__spreadValues({ as: "ol" }, props), { children: props.children }));
+}
+ListItem.displayName = "ListItem";
+BaseList.displayName = "BaseList";
+OrderedList.displayName = "UnorderedList";
+UnorderedList.displayName = "UnorderedList";
 // Annotate the CommonJS export names for ESM import in node:
@@ -251,6 +289,9 @@ 0 && (module.exports = {
   Link,
+  ListItem,
+  OrderedList,
   PrimaryButton,
   SecondaryButton,
+  UnorderedList,
   WarningBadge,
   WhiteBadge
 });

dist/link/index.d.ts

 export { Link, LinkProps } from './link.js';
+import 'react/jsx-runtime';
 import 'react';

dist/link/index.js

@@ -55,2 +55,3 @@ "use strict";
 module.exports = __toCommonJS(link_exports);
+var import_fonts = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
 var import_tokens = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
@@ -65,6 +66,2 @@ var import_base = require("@postenbring/hedwig-css/dist/base.css");
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -93,17 +90,15 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "a",
-      __spreadProps(__spreadValues({
-        className: (0, import_clsx.clsx)(
-          (0, import_typed_classname.t)("hds-link"),
-          variant !== "underline" && (0, import_typed_classname.t)(`hds-link--${variant}`),
-          size !== "medium" && (0, import_typed_classname.t)(`hds-link--${size}`)
-        ),
-        ref: anchorRef
-      }, rest), {
-        children
-      })
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)(
+        (0, import_typed_classname.t)("hds-link"),
+        variant !== "underline" && (0, import_typed_classname.t)(`hds-link--${variant}`),
+        size !== "medium" && (0, import_typed_classname.t)(`hds-link--${size}`)
+      ),
+      ref: anchorRef
+    }, rest), {
+      children
+    })
   );
@@ -110,0 +105,0 @@ }

dist/link/link.d.ts

@@ -0,1 +1,2 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
@@ -20,3 +21,3 @@
  */
-declare function Link({ children, variant, size, anchorRef, ...rest }: LinkProps): React.JSX.Element;
+declare function Link({ children, variant, size, anchorRef, ...rest }: LinkProps): react_jsx_runtime.JSX.Element;
 declare namespace Link {
@@ -26,2 +27,2 @@ var displayName: string;
 
-export { Link, LinkProps };
+export { Link, type LinkProps };

dist/link/link.js

@@ -59,6 +59,2 @@ "use strict";
 // src/utils.ts
-function warnForStyleOverridesAndRender(props, component) {
-  warnForStyleOverrides(props);
-  return component;
-}
 function warnForStyleOverrides(props) {
@@ -87,17 +83,15 @@ if (props.className) {
   ]);
-  return warnForStyleOverridesAndRender(
-    rest,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "a",
-      __spreadProps(__spreadValues({
-        className: (0, import_clsx.clsx)(
-          (0, import_typed_classname.t)("hds-link"),
-          variant !== "underline" && (0, import_typed_classname.t)(`hds-link--${variant}`),
-          size !== "medium" && (0, import_typed_classname.t)(`hds-link--${size}`)
-        ),
-        ref: anchorRef
-      }, rest), {
-        children
-      })
-    )
+  warnForStyleOverrides(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.clsx)(
+        (0, import_typed_classname.t)("hds-link"),
+        variant !== "underline" && (0, import_typed_classname.t)(`hds-link--${variant}`),
+        size !== "medium" && (0, import_typed_classname.t)(`hds-link--${size}`)
+      ),
+      ref: anchorRef
+    }, rest), {
+      children
+    })
   );
@@ -104,0 +98,0 @@ }

package.json

 {
   "name": "@postenbring/hedwig-react",
-  "version": "0.0.0-nQUf1bl4-description-list-20231116194057",
+  "version": "0.0.0-oBNmfRIZ-lists-20231117131429",
   "main": "./dist/index.js",
@@ -25,8 +25,8 @@ "module": "./dist/index.mjs",
     "react": "^18.2.0",
-    "tsup": "^7.2.0",
+    "tsup": "^7.3.0",
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "@postenbring/hedwig-css": "0.0.0-nQUf1bl4-description-list-20231116194057",
-    "@postenbring/hedwig-tokens": "0.0.0-nQUf1bl4-description-list-20231116194057",
+    "@postenbring/hedwig-css": "0.0.0-oBNmfRIZ-lists-20231117131429",
+    "@postenbring/hedwig-tokens": "0.0.0-oBNmfRIZ-lists-20231117131429",
     "clsx": "^2.0.0"
@@ -33,0 +33,0 @@ },

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

70475

increased by33.68%

Number of package files

46

increased by27.78%

Lines of code

1805

increased by30.8%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@postenbring/hedwig-css@0.0.0-oBNmfRIZ-lists-20231117131429(transitive)

• + Added@postenbring/hedwig-tokens@0.0.0-oBNmfRIZ-lists-20231117131429(transitive)

• - Removed@postenbring/hedwig-css@0.0.0-nQUf1bl4-description-list-20231116194057(transitive)

• - Removed@postenbring/hedwig-tokens@0.0.0-nQUf1bl4-description-list-20231116194057(transitive)

• Updated@postenbring/hedwig-css@0.0.0-oBNmfRIZ-lists-20231117131429

• Updated@postenbring/hedwig-tokens@0.0.0-oBNmfRIZ-lists-20231117131429