@postenbring/hedwig-react 2.0.0 → 2.1.1

package/dist/index.mjs

@@ -2,6 +2,10 @@ import "./chunk-3D2MWIEX.mjs";
 import {
   WarningBanner
 } from "./chunk-EMQB6JIS.mjs";
+import "./chunk-3LYJRAOC.mjs";
+import {
+  Table
+} from "./chunk-ZOZPWP3N.mjs";
 import "./chunk-7YWW46R3.mjs";
 import {
   Tabs
@@ -19,6 +23,10 @@ import "./chunk-CSXSUQ2M.mjs";
 import {
   Text
 } from "./chunk-DMOMTRIY.mjs";
+import "./chunk-JTZPQHKD.mjs";
+import {
+  Skeleton
+} from "./chunk-WLESNP6Z.mjs";
 import "./chunk-AJFQHFQT.mjs";
 import {
   Spinner
@@ -31,10 +39,13 @@ import "./chunk-JKCVB5TR.mjs";
 import {
   StyledHtml
 } from "./chunk-EGW3RCXD.mjs";
-import "./chunk-3LYJRAOC.mjs";
+import "./chunk-FYFJ75NX.mjs";
 import {
-  Table
-} from "./chunk-ZOZPWP3N.mjs";
+  Modal,
+  ModalContent,
+  ModalFooter,
+  ModalHeader
+} from "./chunk-GXIKHXWC.mjs";
 import "./chunk-H3E546OT.mjs";
 import {
   Navbar,
@@ -57,23 +68,28 @@ import "./chunk-SRLM3K2X.mjs";
 import {
   ShowMoreButton
 } from "./chunk-JUHJZLH2.mjs";
-import "./chunk-JTZPQHKD.mjs";
-import {
-  Skeleton
-} from "./chunk-WLESNP6Z.mjs";
-import "./chunk-FYFJ75NX.mjs";
-import {
-  Modal,
-  ModalContent,
-  ModalFooter,
-  ModalHeader
-} from "./chunk-GXIKHXWC.mjs";
+import "./chunk-K2CB2NLY.mjs";
 import "./chunk-HQVL3ZJ2.mjs";
+import {
+  Footer,
+  FooterButtonLink,
+  FooterLinkSection,
+  FooterLinkSections,
+  FooterLogo
+} from "./chunk-444SCBJD.mjs";
 import "./chunk-IJSEJZ3W.mjs";
+import "./chunk-BYEJZSG5.mjs";
+import {
+  Select
+} from "./chunk-AXEAIXG7.mjs";
 import "./chunk-AGZHQDCQ.mjs";
 import {
   Textarea
 } from "./chunk-JEAGKB4V.mjs";
+import "./chunk-7LPYJC6S.mjs";
+import {
+  Input
+} from "./chunk-ITLZQ47H.mjs";
 import "./chunk-XAFNJELJ.mjs";
 import {
   RadioButton
@@ -82,20 +98,21 @@ import {
   RadioGroup,
   useRadioGroupContext
 } from "./chunk-E6OOFTRQ.mjs";
-import "./chunk-BYEJZSG5.mjs";
+import "./chunk-TDLSHJ4Z.mjs";
 import {
-  Select
-} from "./chunk-AXEAIXG7.mjs";
+  DatePicker
+} from "./chunk-GVO57ZWU.mjs";
+import "./chunk-Y5SUMFYJ.mjs";
+import "./chunk-XZ43OSZ5.mjs";
 import "./chunk-KPPLVGZ3.mjs";
 import {
   ErrorSummary
-} from "./chunk-7WHIRDTL.mjs";
+} from "./chunk-CFAPQFEC.mjs";
 import "./chunk-CKAL5ZJZ.mjs";
-import "./chunk-7LPYJC6S.mjs";
-import {
-  Input
-} from "./chunk-ITLZQ47H.mjs";
 import "./chunk-CYDWEPFL.mjs";
+import {
+  AutoAnimateHeight
+} from "./chunk-KCEWKQ4W.mjs";
 import "./chunk-YJOOSTJC.mjs";
 import {
   Checkbox
@@ -105,19 +122,20 @@ import {
   Fieldset,
   useFieldsetContext
 } from "./chunk-Z2ZPTZ6F.mjs";
-import "./chunk-TDLSHJ4Z.mjs";
-import {
-  DatePicker
-} from "./chunk-GVO57ZWU.mjs";
-import "./chunk-Y5SUMFYJ.mjs";
-import "./chunk-XZ43OSZ5.mjs";
 import "./chunk-NSLSA7F7.mjs";
 import {
   ErrorMessage
 } from "./chunk-LHIG6RW7.mjs";
 import {
-  AutoAnimateHeight
-} from "./chunk-KCEWKQ4W.mjs";
+  focusTrap,
+  useHydrated,
+  useMergeRefs,
+  useResize
+} from "./chunk-ILFK3VKS.mjs";
+import "./chunk-XLLYMQLW.mjs";
+import {
+  Link
+} from "./chunk-OHDHIRAW.mjs";
 import "./chunk-6QV3OV66.mjs";
 import "./chunk-RC76SXBP.mjs";
 import {
@@ -126,11 +144,12 @@ import {
   MessageTitle
 } from "./chunk-BYFBK3J7.mjs";
 import {
-  focusTrap,
-  useHydrated,
-  useMergeRefs,
-  useResize
-} from "./chunk-ILFK3VKS.mjs";
+  LinkList
+} from "./chunk-Z2ZCM4BE.mjs";
+import {
+  OrderedList,
+  UnorderedList
+} from "./chunk-LGEGXOPU.mjs";
 import "./chunk-CFAH2LID.mjs";
 import {
   HelpText
@@ -143,19 +162,20 @@ import "./chunk-G65EYZFQ.mjs";
 import {
   Grid,
   GridItem
-} from "./chunk-TC5PD4TA.mjs";
+} from "./chunk-YQMTDQSQ.mjs";
 import "./chunk-ZQHLYAJU.mjs";
 import {
   HStack,
   Stack,
   VStack
-} from "./chunk-FUIKSOJF.mjs";
-import "./chunk-7ROE6ADK.mjs";
+} from "./chunk-6SVLMQUW.mjs";
 import "./chunk-NE6W2PCD.mjs";
-import "./chunk-XLLYMQLW.mjs";
+import "./chunk-7ROE6ADK.mjs";
+import "./chunk-HT2EIJAD.mjs";
+import "./chunk-Y6NOEN7R.mjs";
 import {
-  Link
-} from "./chunk-OHDHIRAW.mjs";
+  ButtonList
+} from "./chunk-ME746XCZ.mjs";
 import "./chunk-ARHJZUZG.mjs";
 import {
   Card,
@@ -173,25 +193,9 @@ import "./chunk-2YL2MVWN.mjs";
 import {
   DescriptionList
 } from "./chunk-C7ZTOZP3.mjs";
-import "./chunk-K2CB2NLY.mjs";
 import {
   Figure
 } from "./chunk-OE6RISJS.mjs";
-import {
-  Footer,
-  FooterButtonLink,
-  FooterLinkSection,
-  FooterLinkSections,
-  FooterLogo
-} from "./chunk-444SCBJD.mjs";
-import {
-  LinkList
-} from "./chunk-Z2ZCM4BE.mjs";
-import {
-  OrderedList,
-  UnorderedList
-} from "./chunk-LGEGXOPU.mjs";
-import "./chunk-HT2EIJAD.mjs";
 import "./chunk-K6PP3ACJ.mjs";
 import "./chunk-KFDS3IPB.mjs";
 import {
@@ -239,6 +243,7 @@ export {
   BoxCloseButton,
   Breadcrumbs,
   Button,
+  ButtonList,
   Card,
   CardBody,
   CardBodyAction,

package/dist/layout/grid/grid.mjs

@@ -1,9 +1,9 @@
 import {
   Grid,
   GridItem
-} from "../../chunk-TC5PD4TA.mjs";
-import "../../chunk-7ROE6ADK.mjs";
+} from "../../chunk-YQMTDQSQ.mjs";
 import "../../chunk-NE6W2PCD.mjs";
+import "../../chunk-7ROE6ADK.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {
   Grid,

package/dist/layout/grid/index.mjs

@@ -2,9 +2,9 @@ import "../../chunk-G65EYZFQ.mjs";
 import {
   Grid,
   GridItem
-} from "../../chunk-TC5PD4TA.mjs";
-import "../../chunk-7ROE6ADK.mjs";
+} from "../../chunk-YQMTDQSQ.mjs";
 import "../../chunk-NE6W2PCD.mjs";
+import "../../chunk-7ROE6ADK.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {
   Grid,

package/dist/layout/index.mjs

@@ -6,15 +6,15 @@ import "../chunk-G65EYZFQ.mjs";
 import {
   Grid,
   GridItem
-} from "../chunk-TC5PD4TA.mjs";
+} from "../chunk-YQMTDQSQ.mjs";
 import "../chunk-ZQHLYAJU.mjs";
 import {
   HStack,
   Stack,
   VStack
-} from "../chunk-FUIKSOJF.mjs";
-import "../chunk-7ROE6ADK.mjs";
+} from "../chunk-6SVLMQUW.mjs";
 import "../chunk-NE6W2PCD.mjs";
+import "../chunk-7ROE6ADK.mjs";
 import "../chunk-YOSPWY5K.mjs";
 export {
   Container,

package/dist/layout/stack/index.mjs

@@ -3,9 +3,9 @@ import {
   HStack,
   Stack,
   VStack
-} from "../../chunk-FUIKSOJF.mjs";
-import "../../chunk-7ROE6ADK.mjs";
+} from "../../chunk-6SVLMQUW.mjs";
 import "../../chunk-NE6W2PCD.mjs";
+import "../../chunk-7ROE6ADK.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {
   HStack,

package/dist/layout/stack/stack.mjs

@@ -2,9 +2,9 @@ import {
   HStack,
   Stack,
   VStack
-} from "../../chunk-FUIKSOJF.mjs";
-import "../../chunk-7ROE6ADK.mjs";
+} from "../../chunk-6SVLMQUW.mjs";
 import "../../chunk-NE6W2PCD.mjs";
+import "../../chunk-7ROE6ADK.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {
   HStack,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postenbring/hedwig-react",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -29,9 +29,9 @@
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-popover": "1.1.6",
-    "@radix-ui/react-slot": "1.1.2",
-    "@postenbring/hedwig-css": "2.0.0"
+    "@radix-ui/react-popover": "1.1.13",
+    "@radix-ui/react-slot": "1.2.2",
+    "@postenbring/hedwig-css": "2.1.1"
   },
   "publishConfig": {
     "access": "public"

package/src/button-list/button-list.stories.tsx

@@ -0,0 +1,27 @@
+/* eslint-disable import/no-extraneous-dependencies -- storybook story */
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "../button";
+import { ButtonList } from ".";
+
+const meta: Meta<typeof ButtonList> = {
+  title: "Button List",
+  component: ButtonList,
+  argTypes: {},
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ButtonList>;
+
+export const Preview: Story = {
+  tags: ["!dev"],
+  args: {
+    variant: "default",
+    children: (
+      <>
+        <Button>First button</Button>
+        <Button variant="secondary">Second button</Button>
+      </>
+    ),
+  },
+};

package/src/button-list/button-list.tsx

@@ -0,0 +1,37 @@
+import { forwardRef } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+
+export interface ButtonListProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * The list type
+   *
+   * @default "default"
+   */
+  variant?: "default" | "stretched";
+}
+
+/**
+ * Button list component
+ *
+ * @example
+ * <ButtonList variant="default">
+ * <Button variant="primary">Primary</Button>
+ * <Button variant="secondary">Secondary</Button>
+ * </ButtonList>
+ */
+export const ButtonList = forwardRef<HTMLDivElement, ButtonListProps>(
+  ({ variant = "default", className, children, ...rest }, ref) => {
+    const Component = "div";
+
+    return (
+      <Component
+        className={clsx("hds-button-list", `hds-button-list--${variant}`, className as undefined)}
+        ref={ref}
+        {...rest}
+      >
+        {children}
+      </Component>
+    );
+  },
+);
+ButtonList.displayName = "ButtonList";

package/src/button-list/index.tsx

@@ -0,0 +1,3 @@
+export { ButtonList } from "./button-list";
+
+export type * from "./button-list";

package/src/index.ts

@@ -4,6 +4,7 @@ export * from "./blockquote";
 export * from "./box";
 export * from "./breadcrumbs";
 export * from "./button";
+export * from "./button-list";
 export * from "./card";
 export * from "./description-list";
 export * from "./figure";