@charcoal-ui/react 4.7.0 → 4.7.2

package/dist/components/HintText/index.d.ts

@@ -3,7 +3,7 @@ import './index.css';
 export type HintTextContext = 'page' | 'section';
 export interface HintTextProps {
     children: ReactNode;
-    context: HintTextContext;
+    context?: HintTextContext;
     className?: string;
 }
 export default function HintText({ children, context, className, }: HintTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/HintText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HintText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,aAAa,CAAA;AAGpB,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,CAAA;AAChD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,eAAe,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,aAAa,2CAWf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HintText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,aAAa,CAAA;AAGpB,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,CAAA;AAChD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,OAAmB,EACnB,SAAS,GACV,EAAE,aAAa,2CAWf"}

package/dist/index.cjs.js

@@ -37,6 +37,7 @@ __export(src_exports, {
   Clickable: () => Clickable_default,
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownSelector: () => DropdownSelector,
+  HintText: () => HintText,
   Icon: () => Icon_default,
   IconButton: () => IconButton_default,
   LoadingSpinner: () => LoadingSpinner_default,
@@ -1564,6 +1565,20 @@ var TagItem = (0, import_react37.forwardRef)(function TagItemInner({
   ] });
 });
 var TagItem_default = (0, import_react37.memo)(TagItem);
+
+// src/components/HintText/index.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function HintText({
+  children,
+  context = "section",
+  className
+}) {
+  const classNames = useClassNames("charcoal-hint-text", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: classNames, "data-context": context, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "charcoal-hint-text-icon", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon_default, { name: "16/Info" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "charcoal-hint-text-message", children })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
@@ -1572,6 +1587,7 @@ var TagItem_default = (0, import_react37.memo)(TagItem);
   Clickable,
   DropdownMenuItem,
   DropdownSelector,
+  HintText,
   Icon,
   IconButton,
   LoadingSpinner,