@postenbring/hedwig-react 2.2.0 → 3.0.0

package/dist/form/index.js

@@ -228,7 +228,7 @@ var InputGroup = (0, import_react4.forwardRef)(function InputGroup2(_a, ref) {
     id,
     className,
     style,
-    variant = "default",
+    size = "large",
     errorMessage,
     errorMessageProps,
     labelProps: _c = {}
@@ -241,7 +241,7 @@ var InputGroup = (0, import_react4.forwardRef)(function InputGroup2(_a, ref) {
     "id",
     "className",
     "style",
-    "variant",
+    "size",
     "errorMessage",
     "errorMessageProps",
     "labelProps",
@@ -277,7 +277,7 @@ var InputGroup = (0, import_react4.forwardRef)(function InputGroup2(_a, ref) {
       className: (0, import_typed_classname4.clsx)(
         "hds-input-group",
         {
-          [`hds-input-group--${variant}`]: variant,
+          [`hds-input-group--${size}`]: size,
           "hds-input-group--error": errorMessage
         },
         className
@@ -329,13 +329,14 @@ function useMergeRefs(refs) {
     };
   }, refs);
 }
+var inertBooleanSupported = Number(import_react5.version.split(".")[0]) >= 19;
 
 // src/form/date-picker/date-picker.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DatePicker = (0, import_react6.forwardRef)(function DatePicker2(_a, ref) {
   var _b = _a, {
     className,
-    variant,
+    size,
     errorMessage,
     labelProps,
     label,
@@ -346,7 +347,7 @@ var DatePicker = (0, import_react6.forwardRef)(function DatePicker2(_a, ref) {
     calendarButtonTitle = "\xC5pne kalender"
   } = _b, rest = __objRest(_b, [
     "className",
-    "variant",
+    "size",
     "errorMessage",
     "labelProps",
     "label",
@@ -369,7 +370,7 @@ var DatePicker = (0, import_react6.forwardRef)(function DatePicker2(_a, ref) {
       labelProps,
       readOnly,
       style,
-      variant,
+      size,
       children: (inputProps) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "input",
@@ -399,12 +400,9 @@ var DatePicker = (0, import_react6.forwardRef)(function DatePicker2(_a, ref) {
 DatePicker.displayName = "DatePicker";
 
 // src/form/error-summary/error-summary.tsx
-var import_react11 = require("react");
-
-// src/message/message.tsx
-var import_react8 = require("react");
-var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot2 = require("@radix-ui/react-slot");
+var import_react10 = require("react");
+var import_typed_classname9 = require("@postenbring/hedwig-css/typed-classname");
+var import_react_slot3 = require("@radix-ui/react-slot");
 
 // src/box/box.tsx
 var import_react7 = require("react");
@@ -481,69 +479,18 @@ var Box = (0, import_react7.forwardRef)(
 Box.displayName = "Box";
 Box.CloseButton = BoxCloseButton;
 
-// src/message/message.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var MessageTitle = (0, import_react8.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot2.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname7.clsx)("hds-message__title", className),
-        ref
-      }, rest)
-    );
-  }
-);
-MessageTitle.displayName = "Message.Title";
-var MessageDescription = (0, import_react8.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot2.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname7.clsx)("hds-message__description", className),
-        ref
-      }, rest)
-    );
-  }
-);
-MessageDescription.displayName = "Message.Description";
-var Message = (0, import_react8.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_runtime7.jsxs)(
-      Box,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname7.clsx)(`hds-message`, `hds-message--${variant}`, className),
-        ref
-      }, rest), {
-        children: [
-          variant === "neutral" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_typed_classname7.clsx)("hds-message--neutral__icon", iconClassName), children: icon }),
-          children
-        ]
-      })
-    );
-  }
-);
-Message.displayName = "Message";
-Message.Title = MessageTitle;
-Message.Description = MessageDescription;
-
 // src/list/list.tsx
-var import_react9 = require("react");
-var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var UnorderedList = (0, import_react9.forwardRef)(
+var import_react8 = require("react");
+var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var UnorderedList = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { size = "default", className } = _b, rest = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "ul",
       __spreadValues({
         ref,
-        className: (0, import_typed_classname8.clsx)(
+        className: (0, import_typed_classname7.clsx)(
           "hds-list",
           size !== "default" && `hds-list--${size}`,
           className
@@ -553,14 +500,14 @@ var UnorderedList = (0, import_react9.forwardRef)(
   }
 );
 UnorderedList.displayName = "UnorderedList";
-var OrderedList = (0, import_react9.forwardRef)(
+var OrderedList = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { size = "medium", className } = _b, rest = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "ol",
       __spreadValues({
         ref,
-        className: (0, import_typed_classname8.clsx)(
+        className: (0, import_typed_classname7.clsx)(
           "hds-list",
           size !== "default" && `hds-list--${size}`,
           className
@@ -573,18 +520,18 @@ OrderedList.displayName = "OrderedList";
 
 // src/link/link.tsx
 var React2 = require("react");
-var import_typed_classname9 = require("@postenbring/hedwig-css/typed-classname");
-var import_react10 = require("react");
-var import_react_slot3 = require("@radix-ui/react-slot");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Link = (0, import_react10.forwardRef)(
+var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname");
+var import_react9 = require("react");
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Link = (0, import_react9.forwardRef)(
   (_a, ref) => {
     var _b = _a, { asChild, children, variant = "underline", size = "default", icon, className } = _b, rest = __objRest(_b, ["asChild", "children", "variant", "size", "icon", "className"]);
-    const Component = asChild ? import_react_slot3.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    const Component = asChild ? import_react_slot2.Slot : "a";
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Component,
       __spreadProps(__spreadValues({
-        className: (0, import_typed_classname9.clsx)(
+        className: (0, import_typed_classname8.clsx)(
           "hds-link",
           variant !== "underline" && `hds-link--${variant}`,
           size !== "default" && `hds-link--${size}`,
@@ -643,33 +590,30 @@ function labelForInput(input) {
 }
 
 // src/form/error-summary/error-summary.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ErrorSummaryHeading = (0, import_react11.forwardRef)((_a, ref) => {
-  var _b = _a, { children, as: Tag, autoFocus = true } = _b, rest = __objRest(_b, ["children", "as", "autoFocus"]);
-  const focusRef = (0, import_react11.useRef)(null);
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ErrorSummaryHeading = (0, import_react10.forwardRef)((_a, ref) => {
+  var _b = _a, { asChild, children, as: Tag, autoFocus = true } = _b, rest = __objRest(_b, ["asChild", "children", "as", "autoFocus"]);
+  const focusRef = (0, import_react10.useRef)(null);
   const mergedRef = useMergeRefs([focusRef, ref]);
-  (0, import_react11.useEffect)(() => {
+  const Component = asChild ? import_react_slot3.Slot : Tag;
+  (0, import_react10.useEffect)(() => {
     setTimeout(() => {
       if (focusRef.current && autoFocus) {
         focusRef.current.focus();
       }
     });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Message.Title, __spreadProps(__spreadValues({ ref: mergedRef, tabIndex: -1, asChild: true }, rest), { children: Tag ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tag, { children }) : children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname9.clsx)(`hds-error-summary__title`), ref: mergedRef, tabIndex: -1 }, rest), { children }));
 });
 ErrorSummaryHeading.displayName = "ErrorSummary.Heading";
-var ErrorSummaryList = (0, import_react11.forwardRef)(
+var ErrorSummaryList = (0, import_react10.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { children, style: _style, size = "small" } = _b, rest = __objRest(_b, ["children", "style", "size"]);
-    const style = __spreadValues({
-      // Match the link `solid` style, which black underline
-      "--_hds-list-marker-color": "var(--hds-ui-colors-black)"
-    }, _style);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Message.Description, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(UnorderedList, __spreadProps(__spreadValues({ size, ref, style }, rest), { children })) });
+    var _b = _a, { children, size = "small" } = _b, rest = __objRest(_b, ["children", "size"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UnorderedList, __spreadProps(__spreadValues({ size, ref }, rest), { children }));
   }
 );
 ErrorSummaryList.displayName = "ErrorSummary.List";
-var ErrorSummaryItem = (0, import_react11.forwardRef)(
+var ErrorSummaryItem = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, href, linkProps } = _b, rest = __objRest(_b, ["children", "href", "linkProps"]);
     function onClick(e) {
@@ -679,14 +623,24 @@ var ErrorSummaryItem = (0, import_react11.forwardRef)(
         e.preventDefault();
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Link, __spreadProps(__spreadValues({ size: "small", href, variant: "solid" }, linkProps), { onClick, children })) }));
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", __spreadProps(__spreadValues({ className: (0, import_typed_classname9.clsx)(`hds-error-summary__list-item`), ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Link,
+      __spreadProps(__spreadValues({
+        size: "small",
+        href,
+        variant: "inverted-no-underline"
+      }, linkProps), {
+        onClick,
+        children
+      })
+    ) }));
   }
 );
 ErrorSummaryItem.displayName = "ErrorSummary.Item";
-var ErrorSummary = (0, import_react11.forwardRef)(
+var ErrorSummary = (0, import_react10.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Message, __spreadProps(__spreadValues({ variant: "warning", ref }, rest), { children }));
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box, __spreadProps(__spreadValues({ ref }, rest), { className: (0, import_typed_classname9.clsx)(`hds-error-summary`, className), children }));
   }
 );
 ErrorSummary.displayName = "ErrorSummary";
@@ -695,12 +649,12 @@ ErrorSummary.List = ErrorSummaryList;
 ErrorSummary.Item = ErrorSummaryItem;
 
 // src/form/input/input.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_typed_classname10 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Input = (0, import_react12.forwardRef)(function Input2(_a, ref) {
-  var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Input = (0, import_react11.forwardRef)(function Input2(_a, ref) {
+  var _b = _a, { className, size, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "size", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     InputGroup,
     {
       className: (0, import_typed_classname10.clsx)("hds-input", className),
@@ -711,36 +665,36 @@ var Input = (0, import_react12.forwardRef)(function Input2(_a, ref) {
       labelProps,
       readOnly,
       style,
-      variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
+      size,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
     }
   );
 });
 Input.displayName = "Input";
 
 // src/form/radio-button/radio-button.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_typed_classname11 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/form/radio-button/radio-group.tsx
-var import_react13 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var RadioGroupContext = (0, import_react13.createContext)({
+var import_react12 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react12.createContext)({
   name: void 0,
   hasError: false,
   onChange: () => {
     return void 0;
   }
 });
-var useRadioGroupContext = () => (0, import_react13.useContext)(RadioGroupContext);
-var RadioGroup = (0, import_react13.forwardRef)(function RadioGroup2(_a, ref) {
+var useRadioGroupContext = () => (0, import_react12.useContext)(RadioGroupContext);
+var RadioGroup = (0, import_react12.forwardRef)(function RadioGroup2(_a, ref) {
   var _b = _a, { name, value, errorMessage, onChange, children } = _b, rest = __objRest(_b, ["name", "value", "errorMessage", "onChange", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
 });
 RadioGroup.displayName = "RadioGroup";
 
 // src/form/radio-button/radio-button.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var isChecked = ({
   checked,
   selectedValue,
@@ -750,7 +704,7 @@ var isChecked = ({
   if (typeof selectedValue !== "undefined") return value === selectedValue;
   return void 0;
 };
-var RadioButton = (0, import_react14.forwardRef)(
+var RadioButton = (0, import_react13.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       checked,
@@ -778,7 +732,7 @@ var RadioButton = (0, import_react14.forwardRef)(
     ]);
     const { hasError: hasFieldsetError } = useFieldsetContext();
     const hasError = hasFieldsetError || hasRadioGroupError || hasErrorProp;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
         className: (0, import_typed_classname11.clsx)(
@@ -790,8 +744,8 @@ var RadioButton = (0, import_react14.forwardRef)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "input",
               __spreadProps(__spreadValues(__spreadValues({}, context), rest), {
                 checked: isChecked({ checked, selectedValue, value }),
@@ -800,8 +754,8 @@ var RadioButton = (0, import_react14.forwardRef)(
                 type: "radio"
               })
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": true, className: "hds-radio-button__checkmark" }),
-            title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hds-radio-button__title", children: title }) : children
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": true, className: "hds-radio-button__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hds-radio-button__title", children: title }) : children
           ] }),
           title ? children : null
         ]
@@ -812,12 +766,12 @@ var RadioButton = (0, import_react14.forwardRef)(
 RadioButton.displayName = "RadioButton";
 
 // src/form/select/select.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_typed_classname12 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Select = (0, import_react15.forwardRef)(function Select2(_a, ref) {
-  var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, children } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Select = (0, import_react14.forwardRef)(function Select2(_a, ref) {
+  var _b = _a, { className, size, errorMessage, labelProps, label, id, style, disabled, children } = _b, rest = __objRest(_b, ["className", "size", "errorMessage", "labelProps", "label", "id", "style", "disabled", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     InputGroup,
     {
       className: (0, import_typed_classname12.clsx)("hds-select", className),
@@ -827,20 +781,20 @@ var Select = (0, import_react15.forwardRef)(function Select2(_a, ref) {
       label,
       labelProps,
       style,
-      variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
+      size,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
     }
   );
 });
 Select.displayName = "Select";
 
 // src/form/textarea/textarea.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 var import_typed_classname13 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Textarea = (0, import_react16.forwardRef)(function Textarea2(_a, ref) {
-  var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Textarea = (0, import_react15.forwardRef)(function Textarea2(_a, ref) {
+  var _b = _a, { className, size, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "size", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     InputGroup,
     {
       className: (0, import_typed_classname13.clsx)("hds-textarea", className),
@@ -851,8 +805,8 @@ var Textarea = (0, import_react16.forwardRef)(function Textarea2(_a, ref) {
       labelProps,
       readOnly,
       style,
-      variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
+      size,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
     }
   );
 });