Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@postenbring/hedwig-react

Package Overview
Dependencies
Maintainers
3
Versions
476
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@postenbring/hedwig-react - npm Package Compare versions

Comparing version 0.0.0-small-fixes-20231116215003 to 0.0.0-switch-to-lightningcss-OjuY2REh-20231126123621

dist/box/box.d.mts

4

dist/badge/badge.d.ts
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
interface BadgeProps extends Omit<React.AnchorHTMLAttributes<HTMLSpanElement>, "className" | "style"> {
interface BadgeProps extends React.AnchorHTMLAttributes<HTMLSpanElement> {
/**

@@ -28,2 +28,2 @@ * Font size of the badge

export { Badge, BadgeProps, DarkBadge, WarningBadge, WhiteBadge };
export { Badge, type BadgeProps, DarkBadge, WarningBadge, WhiteBadge };

@@ -60,14 +60,2 @@ "use strict";

var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/badge/badge.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -84,4 +72,10 @@ function BaseBadge(_a) {

]);
warnForStyleOverrides(rest);
return /* @__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 });
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
})
);
}

@@ -88,0 +82,0 @@ BaseBadge.displayName = "BaseBadge";

@@ -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");

@@ -66,14 +67,2 @@ var import_base = require("@postenbring/hedwig-css/dist/base.css");

var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/badge/badge.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -90,4 +79,10 @@ function BaseBadge(_a) {

]);
warnForStyleOverrides(rest);
return /* @__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 });
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
})
);
}

@@ -94,0 +89,0 @@ BaseBadge.displayName = "BaseBadge";

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> {
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
/**

@@ -37,2 +37,2 @@ * The height, font size and padding of the button

export { ButtonProps, PrimaryButton, SecondaryButton };
export { type ButtonProps, PrimaryButton, SecondaryButton };

@@ -58,14 +58,2 @@ "use strict";

var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/button/button.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -88,3 +76,2 @@ function BaseButton(_a) {

]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

@@ -91,0 +78,0 @@ "button",

@@ -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");

@@ -64,14 +65,2 @@ var import_base = require("@postenbring/hedwig-css/dist/base.css");

var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/button/button.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -94,3 +83,2 @@ function BaseButton(_a) {

]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

@@ -97,0 +85,0 @@ "button",

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 * as react_jsx_runtime from 'react/jsx-runtime';
import React__default, { ReactNode, HTMLAttributes } from 'react';
type DescriptionDetailsProps = DLDTProps;
type DescriptionTermProps = DLDTProps;
interface DLDTProps extends Omit<React__default.HTMLAttributes<HTMLBaseElement>, "className" | "style"> {
children: ReactNode;
}
interface DescriptionListProps extends Omit<HTMLAttributes<HTMLDListElement>, "className" | "style"> {
/**
* Either `DescriptionDetails` or `DescriptionTerm` elements
*/
children: ReactNode;
/**
* Direction of the description list
*/
variant?: "vertical" | "horizontal";
}
declare function DescriptionDetails({ children, ...rest }: DescriptionDetailsProps): react_jsx_runtime.JSX.Element;
declare namespace DescriptionDetails {
var displayName: string;
}
declare function DescriptionTerm({ children, ...rest }: DescriptionTermProps): react_jsx_runtime.JSX.Element;
declare namespace DescriptionTerm {
var displayName: string;
}
declare function DescriptionList({ variant, ...rest }: DescriptionListProps): react_jsx_runtime.JSX.Element;
declare namespace DescriptionList {
var displayName: string;
}
export { DescriptionDetails, DescriptionDetailsProps, DescriptionList, DescriptionListProps, DescriptionTerm, DescriptionTermProps };
export { DescriptionDetails, DescriptionDetailsProps, default as DescriptionList, DescriptionListProps, DescriptionTerm, DescriptionTermProps } from './list/description-list.js';
export { ListProps, OrderedList, UnorderedList } from './list/list.js';
export { LinkList, 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';

@@ -53,2 +53,4 @@ "use strict";

Badge: () => Badge,
Box: () => Box,
BoxCloseButton: () => BoxCloseButton,
DarkBadge: () => DarkBadge,

@@ -59,4 +61,8 @@ DescriptionDetails: () => DescriptionDetails,

Link: () => Link,
LinkList: () => LinkList,
Message: () => Message,
OrderedList: () => OrderedList,
PrimaryButton: () => PrimaryButton,
SecondaryButton: () => SecondaryButton,
UnorderedList: () => UnorderedList,
WarningBadge: () => WarningBadge,

@@ -67,17 +73,11 @@ WhiteBadge: () => WhiteBadge

// 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
var import_clsx = require("clsx");
var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/button/button.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -100,3 +100,2 @@ function BaseButton(_a) {

]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

@@ -127,2 +126,8 @@ "button",

// 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

@@ -144,3 +149,2 @@ var import_clsx2 = require("clsx");

]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(

@@ -162,2 +166,8 @@ "a",

// 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

@@ -177,4 +187,10 @@ var import_clsx3 = require("clsx");

]);
warnForStyleOverrides(rest);
return /* @__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 });
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
})
);
}

@@ -199,2 +215,9 @@ BaseBadge.displayName = "BaseBadge";

// 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

@@ -206,3 +229,2 @@ var import_clsx4 = require("clsx");

var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", __spreadProps(__spreadValues({}, rest), { children }));

@@ -212,3 +234,2 @@ }

var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", __spreadProps(__spreadValues({}, rest), { children }));

@@ -218,3 +239,2 @@ }

var _b = _a, { variant = "vertical" } = _b, rest = __objRest(_b, ["variant"]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(

@@ -232,5 +252,162 @@ "dl",

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"
]);
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 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 }));
}
BaseList.displayName = "BaseList";
OrderedList.displayName = "UnorderedList";
UnorderedList.displayName = "UnorderedList";
// src/list/link-list.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
function LinkList(props) {
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnorderedList, __spreadProps(__spreadValues({ listStyle: "no-bullets" }, props), { children: props.children }));
}
LinkList.displayName = "LinkList";
// 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,

@@ -241,6 +418,10 @@ DescriptionDetails,

Link,
LinkList,
Message,
OrderedList,
PrimaryButton,
SecondaryButton,
UnorderedList,
WarningBadge,
WhiteBadge
});

@@ -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");

@@ -63,14 +64,2 @@ var import_base = require("@postenbring/hedwig-css/dist/base.css");

var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/link/link.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -89,3 +78,2 @@ function Link(_a) {

]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

@@ -92,0 +80,0 @@ "a",

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "style"> {
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
/**

@@ -26,2 +26,2 @@ * The visual style of the link

export { Link, LinkProps };
export { Link, type LinkProps };

@@ -57,14 +57,2 @@ "use strict";

var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
// src/utils.ts
function warnForStyleOverrides(props) {
if (props.className) {
console.warn("Overriding styles are not premited");
}
if (props.styles) {
console.warn("Overriding styles are not premited");
}
}
// src/link/link.tsx
var import_jsx_runtime = require("react/jsx-runtime");

@@ -83,3 +71,2 @@ function Link(_a) {

]);
warnForStyleOverrides(rest);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

@@ -86,0 +73,0 @@ "a",

{
"name": "@postenbring/hedwig-react",
"version": "0.0.0-small-fixes-20231116215003",
"version": "0.0.0-switch-to-lightningcss-OjuY2REh-20231126123621",
"main": "./dist/index.js",
"module": "./dist/index.mjs",
"types": "./dist/index.d.ts",
"sideEffects": false,
"sideEffects": true,
"license": "MIT",

@@ -12,26 +12,26 @@ "files": [

],
"scripts": {
"build": "tsup --format esm,cjs --dts --external react",
"dev": "tsup --format esm,cjs --watch --dts --external react",
"lint": "eslint src/",
"typecheck": "tsc --noEmit",
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
},
"devDependencies": {
"@types/react": "^18.2.37",
"@types/react-dom": "^18.2.15",
"eslint-config-custom": "*",
"hedwig-tsconfig": "*",
"react": "^18.2.0",
"tsup": "^7.2.0",
"typescript": "^5.2.2"
"tsup": "^8.0.1",
"typescript": "^5.2.2",
"eslint-config-custom": "0.0.0-switch-to-lightningcss-OjuY2REh-20231126123621",
"hedwig-tsconfig": "0.0.0"
},
"dependencies": {
"@postenbring/hedwig-css": "0.0.0-small-fixes-20231116215003",
"@postenbring/hedwig-tokens": "0.0.0-small-fixes-20231116215003",
"clsx": "^2.0.0"
"clsx": "^2.0.0",
"@postenbring/hedwig-css": "0.0.0-switch-to-lightningcss-OjuY2REh-20231126123621",
"@postenbring/hedwig-tokens": "0.0.0-switch-to-lightningcss-OjuY2REh-20231126123621"
},
"publishConfig": {
"access": "public"
},
"scripts": {
"build": "tsup --format esm,cjs --dts --external react",
"dev": "tsup --format esm,cjs --watch --dts --external react",
"lint": "eslint src/",
"typecheck": "tsc --noEmit",
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
}
}
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc