@postenbring/hedwig-react 0.0.72 → 0.0.73

package/dist/index.mjs

@@ -63,7 +63,7 @@ import {
 import "./chunk-MGUYIOP2.mjs";
 import {
   FooterComponent
-} from "./chunk-CU56G5WS.mjs";
+} from "./chunk-CSAEHQ4R.mjs";
 import "./chunk-XFKD6EEJ.mjs";
 import "./chunk-AGZHQDCQ.mjs";
 import {
@@ -145,7 +145,7 @@ import {
   FooterLinkSection,
   FooterLinkSections,
   FooterLogo
-} from "./chunk-BFNITN5E.mjs";
+} from "./chunk-S3BGPCLK.mjs";
 import {
   LinkList
 } from "./chunk-GJDRW6PA.mjs";
@@ -160,18 +160,17 @@ import {
 } from "./chunk-BWFFP6BB.mjs";
 import {
   AccordionComponent
-} from "./chunk-3FRCJ3RH.mjs";
+} from "./chunk-XYIY6FHW.mjs";
+import {
+  AccordionContent
+} from "./chunk-GUB3UCXO.mjs";
+import {
+  AccordionHeader
+} from "./chunk-YXHXRUFX.mjs";
 import {
   AccordionItem
 } from "./chunk-62F4I3MQ.mjs";
 import "./chunk-VRIY65P5.mjs";
-import "./chunk-K6PP3ACJ.mjs";
-import {
-  Badge,
-  DarkBadge,
-  WarningBadge,
-  WhiteBadge
-} from "./chunk-W3D4VR4Y.mjs";
 import {
   Breadcrumbs
 } from "./chunk-GGEQEVZ4.mjs";
@@ -185,17 +184,18 @@ import {
 } from "./chunk-EMI7NAO2.mjs";
 import "./chunk-KQITCS3U.mjs";
 import "./chunk-DZNH5JHY.mjs";
+import "./chunk-K6PP3ACJ.mjs";
 import {
-  AccordionContent
-} from "./chunk-GUB3UCXO.mjs";
-import {
-  AccordionHeader
-} from "./chunk-YXHXRUFX.mjs";
+  Badge,
+  DarkBadge,
+  WarningBadge,
+  WhiteBadge
+} from "./chunk-W3D4VR4Y.mjs";
 import "./chunk-V3PAFMK5.mjs";
 import "./chunk-CFAH2LID.mjs";
 import {
   HelpText
-} from "./chunk-E5O6ID3L.mjs";
+} from "./chunk-E2RTLHMZ.mjs";
 import {
   BoxComponent
 } from "./chunk-NMMFIRLZ.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postenbring/hedwig-react",
-  "version": "0.0.72",
+  "version": "0.0.73",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -13,7 +13,7 @@
   ],
   "devDependencies": {
     "@microsoft/api-extractor": "7.43.1",
-    "@types/react": "^18.2.78",
+    "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
     "react": "^18.2.0",
     "react-dom": "18.2.0",
@@ -32,7 +32,7 @@
     "@radix-ui/react-popover": "1.0.7",
     "@radix-ui/react-slot": "1.0.2",
     "focus-trap-react": "10.2.3",
-    "@postenbring/hedwig-css": "0.0.63"
+    "@postenbring/hedwig-css": "0.0.64"
   },
   "publishConfig": {
     "access": "public"

package/dist/chunk-E5O6ID3L.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/help-text/help-text.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef } from \"react\";\nimport { Box } from \"../box\";\n\ninterface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {\n  className?: string;\n\n  /**\n   * The content of the help text\n   */\n  children: React.ReactNode;\n\n  /**\n   * The word that should be clickable to show the help text\n   */\n  word?: React.ReactNode;\n\n  /**\n   * The title of the help text. Used by screen readers and if the user hover over the help text\n   */\n  title?: string;\n\n  /**\n   * Props for the `Box` that contains the help text\n   */\n  boxProps?: React.ComponentProps<typeof Box>;\n\n  /**\n   * The side of the trigger the popover should be attached to\n   *\n   * default is `top`\n   */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n\n  /**\n   * The alignment of the popover content\n   *\n   * default is `start`\n   */\n  align?: \"center\" | \"end\" | \"start\";\n}\n\n/**\n * Show a help text for a word or phrase when clicked\n *\n * Useful for providing explanations for domain-specific terms or acronyms\n */\nexport const HelpText = forwardRef<HTMLButtonElement, HelpTextProps>(\n  ({ children, className, word, title, side = \"top\", align = \"start\", boxProps, ...rest }, ref) => {\n    return (\n      // NOTE: Using radix's [Popover component](https://www.radix-ui.com/primitives/docs/components/popover)\n      // In the future we can use the native popover api, but as of writing, though all browsers support it\n      // it's not far enough back to be used in production\n      // https://caniuse.com/mdn-html_elements_input_popovertarget\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            ref={ref}\n            className={clsx(\"hds-help-text-button\", className as undefined)}\n            title={title}\n            type=\"button\"\n            {...rest}\n          >\n            {word}\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content asChild side={side} align={align}>\n            <Box\n              {...boxProps}\n              className={clsx(\"hds-help-text-box\", boxProps?.className as undefined)}\n            >\n              <Popover.Close asChild>\n                <Box.CloseButton />\n              </Popover.Close>\n              {children}\n            </Box>\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    );\n  },\n);\nHelpText.displayName = \"HelpText\";\n"],"mappings":";;;;;;;;;;AAAA,YAAY,aAAa;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAuDjB,cAYE,YAZF;AATH,IAAM,WAAW;AAAA,EACtB,CAAC,IAAwF,QAAQ;AAAhG,iBAAE,YAAU,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,SAAS,SAjDtE,IAiDG,IAAgF,iBAAhF,IAAgF,CAA9E,YAAU,aAAW,QAAM,SAAO,QAAc,SAAiB;AAClE;AAAA;AAAA;AAAA;AAAA;AAAA,MAKE,qBAAS,cAAR,EACC;AAAA,4BAAS,iBAAR,EAAgB,SAAO,MACtB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,KAAK,wBAAwB,SAAsB;AAAA,YAC9D;AAAA,YACA,MAAK;AAAA,aACD,OALL;AAAA,YAOE;AAAA;AAAA,QACH,GACF;AAAA,QACA,oBAAS,gBAAR,EACC,8BAAS,iBAAR,EAAgB,SAAO,MAAC,MAAY,OACnC;AAAA,UAAC;AAAA,2CACK,WADL;AAAA,YAEC,WAAW,KAAK,qBAAqB,qCAAU,SAAsB;AAAA,YAErE;AAAA,kCAAS,eAAR,EAAc,SAAO,MACpB,8BAAC,aAAI,aAAJ,EAAgB,GACnB;AAAA,cACC;AAAA;AAAA;AAAA,QACH,GACF,GACF;AAAA,SACF;AAAA;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}