@postenbring/hedwig-react - npm Package Compare versions

Comparing version 0.0.0-beck0KtY-link-lists-20231123094039 to 0.0.0-beck0KtY-link-lists-20231123103356

dist/index.d.ts

@@ -7,3 +7,5 @@ export { ButtonProps, PrimaryButton, SecondaryButton } from './button/button.js';
 export { LinkList, LinkListItem, LinkListItemProps, LinkListProps } from './list/link-list.js';
+export { a as Box, c as BoxCloseButton, b as BoxCloseButtonProps, B as BoxProps } from './index-OpbVH1tp.js';
+export { Message, MessageProps } from './message/message.js';
 import 'react/jsx-runtime';
 import 'react';

dist/index.js

@@ -53,2 +53,4 @@ "use strict";
   Badge: () => Badge,
+  Box: () => Box,
+  BoxCloseButton: () => BoxCloseButton,
   DarkBadge: () => DarkBadge,
@@ -62,2 +64,3 @@ DescriptionDetails: () => DescriptionDetails,
   ListItem: () => ListItem,
+  Message: () => Message,
   OrderedList: () => OrderedList,
@@ -72,2 +75,8 @@ PrimaryButton: () => PrimaryButton,
 
+// src/button/index.tsx
+var import_fonts = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
+var import_tokens = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
+var import_base = require("@postenbring/hedwig-css/dist/base.css");
+var import_button = require("@postenbring/hedwig-css/dist/button/button.css");
+
 // src/button/button.tsx
@@ -131,2 +140,8 @@ var import_clsx = require("clsx");
 
+// src/link/index.tsx
+var import_fonts2 = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
+var import_tokens2 = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
+var import_base2 = require("@postenbring/hedwig-css/dist/base.css");
+var import_link = require("@postenbring/hedwig-css/dist/link/link.css");
+
 // src/link/link.tsx
@@ -165,2 +180,8 @@ var import_clsx2 = require("clsx");
 
+// src/badge/index.tsx
+var import_fonts3 = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
+var import_tokens3 = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
+var import_base3 = require("@postenbring/hedwig-css/dist/base.css");
+var import_badge = require("@postenbring/hedwig-css/dist/badge/badge.css");
+
 // src/badge/badge.tsx
@@ -208,2 +229,9 @@ var import_clsx3 = require("clsx");
 
+// src/list/index.tsx
+var import_fonts4 = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
+var import_tokens4 = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
+var import_base4 = require("@postenbring/hedwig-css/dist/base.css");
+var import_description_list = require("@postenbring/hedwig-css/dist/list/description-list.css");
+var import_list2 = require("@postenbring/hedwig-css/dist/list/list.css");
+
 // src/list/description-list.tsx
@@ -289,5 +317,118 @@ var import_clsx4 = require("clsx");
 LinkListItem.displayName = "LinkListItem";
+
+// src/box/index.tsx
+var import_fonts5 = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
+var import_tokens5 = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
+var import_base5 = require("@postenbring/hedwig-css/dist/base.css");
+var import_box = require("@postenbring/hedwig-css/dist/box/box.css");
+var import_message = require("@postenbring/hedwig-css/dist/message/message.css");
+
+// src/box/box.tsx
+var import_react = require("react");
+var import_clsx6 = require("clsx");
+var import_typed_classname6 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Box = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      as: Component = "div",
+      variant = "light-grey",
+      hideCloseButton,
+      onClose: onCloseProp,
+      closed: closedProp,
+      closeButtonProps,
+      children,
+      className
+    } = _b, rest = __objRest(_b, [
+      "as",
+      "variant",
+      "hideCloseButton",
+      "onClose",
+      "closed",
+      "closeButtonProps",
+      "children",
+      "className"
+    ]);
+    const [closedState, setClosedState] = (0, import_react.useState)(false);
+    const onClose = (0, import_react.useCallback)(() => {
+      if (onCloseProp) {
+        const result = onCloseProp();
+        if (result === true) {
+          setClosedState(true);
+        }
+      } else {
+        setClosedState(true);
+      }
+    }, []);
+    const closed = closedProp != null ? closedProp : closedState;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      Component,
+      __spreadProps(__spreadValues({
+        className: (0, import_clsx6.clsx)(
+          (0, import_typed_classname6.t)("hds-box"),
+          (0, import_typed_classname6.t)(`hds-box--${variant}`),
+          { [(0, import_typed_classname6.t)("hds-box--closed")]: closed },
+          className
+        ),
+        ref
+      }, rest), {
+        children: [
+          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BoxCloseButton, __spreadValues({ onClick: onClose }, closeButtonProps)),
+          children
+        ]
+      })
+    );
+  }
+);
+Box.displayName = "Box";
+var BoxCloseButton = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      __spreadValues({
+        className: (0, import_clsx6.clsx)((0, import_typed_classname6.t)("hds-box__close-button"), className),
+        ref,
+        type: "button"
+      }, rest)
+    );
+  }
+);
+BoxCloseButton.displayName = "BoxCloseButton";
+
+// src/message/index.tsx
+var import_fonts6 = require("@postenbring/hedwig-tokens/tokens-output/css/fonts.css");
+var import_tokens6 = require("@postenbring/hedwig-tokens/tokens-output/css/tokens.css");
+var import_base6 = require("@postenbring/hedwig-css/dist/base.css");
+var import_box3 = require("@postenbring/hedwig-css/dist/box/box.css");
+var import_message2 = require("@postenbring/hedwig-css/dist/message/message.css");
+
+// src/message/message.tsx
+var import_react2 = require("react");
+var import_clsx7 = require("clsx");
+var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Message = (0, import_react2.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { children, className, variant = "success", icon, iconClassName } = _b, rest = __objRest(_b, ["children", "className", "variant", "icon", "iconClassName"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      Box,
+      __spreadProps(__spreadValues({
+        className: (0, import_clsx7.clsx)((0, import_typed_classname7.t)(`hds-message`), (0, import_typed_classname7.t)(`hds-message--${variant}`), className),
+        ref
+      }, rest), {
+        children: [
+          variant === "neutral" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_clsx7.clsx)((0, import_typed_classname7.t)("hds-message--neutral__icon"), iconClassName), children: icon }),
+          children
+        ]
+      })
+    );
+  }
+);
+Message.displayName = "Message";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
+  Box,
+  BoxCloseButton,
   DarkBadge,
@@ -301,2 +442,3 @@ DescriptionDetails,
   ListItem,
+  Message,
   OrderedList,
@@ -303,0 +445,0 @@ PrimaryButton,

dist/list/description-list.d.ts

 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { ReactNode, HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 
 type DescriptionDetailsProps = DLDTProps;
 type DescriptionTermProps = DLDTProps;
-interface DLDTProps extends Omit<React__default.HTMLAttributes<HTMLBaseElement>, "className" | "style"> {
+interface DLDTProps extends HTMLAttributes<HTMLBaseElement> {
     children: ReactNode;
 }
-interface DescriptionListProps extends Omit<HTMLAttributes<HTMLDListElement>, "className" | "style"> {
+interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
     /**
@@ -11,0 +11,0 @@ * Either `DescriptionDetails` or `DescriptionTerm` elements

dist/list/link-list.d.ts

 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { HTMLAttributes } from 'react';
 import { LinkProps } from '../link/link.js';
 import { ListProps, ListItemProps } from './list.js';
 
-interface LinkListItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, "className" | "style"> {
+interface LinkListItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    /**
+     * Can contain Link-elements
+     */
     children: React.ReactElement<LinkProps>;
 }
-interface LinkListProps extends Omit<HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "style">, Omit<ListProps, "listStyle"> {
+interface LinkListProps extends Omit<ListProps, "listStyle"> {
     children: React.ReactElement<LinkListItemProps> | React.ReactElement<LinkListItemProps>[];
@@ -12,0 +14,0 @@ }

dist/list/list.d.ts

@@ -5,6 +5,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface ListItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, "className" | "style"> {
+interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
 }
-interface ListProps extends Omit<HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "style"> {
+interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {
     children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];
@@ -11,0 +11,0 @@ /**

package.json

 {
   "name": "@postenbring/hedwig-react",
-  "version": "0.0.0-beck0KtY-link-lists-20231123094039",
+  "version": "0.0.0-beck0KtY-link-lists-20231123103356",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": true,
   "license": "MIT",
@@ -29,4 +29,4 @@ "files": [
   "dependencies": {
-    "@postenbring/hedwig-css": "0.0.0-beck0KtY-link-lists-20231123094039",
-    "@postenbring/hedwig-tokens": "0.0.0-beck0KtY-link-lists-20231123094039",
+    "@postenbring/hedwig-css": "0.0.0-beck0KtY-link-lists-20231123103356",
+    "@postenbring/hedwig-tokens": "0.0.0-beck0KtY-link-lists-20231123103356",
     "clsx": "^2.0.0"
@@ -33,0 +33,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

118302

increased by41.86%

Number of package files

78

increased by36.84%

Lines of code

3065

increased by45.33%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@postenbring/hedwig-css@0.0.0-beck0KtY-link-lists-20231123103356(transitive)

• + Added@postenbring/hedwig-tokens@0.0.0-beck0KtY-link-lists-20231123103356(transitive)

• - Removed@postenbring/hedwig-css@0.0.0-beck0KtY-link-lists-20231123094039(transitive)

• - Removed@postenbring/hedwig-tokens@0.0.0-beck0KtY-link-lists-20231123094039(transitive)

• Updated@postenbring/hedwig-css@0.0.0-beck0KtY-link-lists-20231123103356

• Updated@postenbring/hedwig-tokens@0.0.0-beck0KtY-link-lists-20231123103356