@react-spectrum/contextualhelp 3.6.10-nightly.4555 → 3.6.10-nightly.4560

package/dist/ContextualHelp.main.js

@@ -0,0 +1,79 @@
+require("./vars.f7dce423.css");
+var $a10e565ec42bcf96$exports = require("./contextualhelp_vars_css.main.js");
+var $ab07f09ac8b48f11$exports = require("./intlStrings.main.js");
+var $i0m3o$reactspectrumbutton = require("@react-spectrum/button");
+var $i0m3o$reactspectrumutils = require("@react-spectrum/utils");
+var $i0m3o$reactspectrumdialog = require("@react-spectrum/dialog");
+var $i0m3o$spectrumiconsworkflowHelpOutline = require("@spectrum-icons/workflow/HelpOutline");
+var $i0m3o$spectrumiconsworkflowInfoOutline = require("@spectrum-icons/workflow/InfoOutline");
+var $i0m3o$reactariautils = require("@react-aria/utils");
+var $i0m3o$react = require("react");
+var $i0m3o$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ContextualHelp", () => $05e6407aa891f27c$export$7d3cdb256c2ba320);
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+function $05e6407aa891f27c$var$ContextualHelp(props, ref) {
+    let { variant: variant = "help", placement: placement = "bottom start", children: children, ...otherProps } = props;
+    let stringFormatter = (0, $i0m3o$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($ab07f09ac8b48f11$exports))), "@react-spectrum/contextualhelp");
+    let icon = variant === "info" ? /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, ($parcel$interopDefault($i0m3o$spectrumiconsworkflowInfoOutline))), null) : /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, ($parcel$interopDefault($i0m3o$spectrumiconsworkflowHelpOutline))), null);
+    let slots = {
+        content: {
+            UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))["react-spectrum-ContextualHelp-content"]
+        },
+        footer: {
+            UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))["react-spectrum-ContextualHelp-footer"]
+        }
+    };
+    let labelProps = (0, $i0m3o$reactariautils.useLabels)(otherProps, stringFormatter.format(variant));
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, $i0m3o$reactspectrumdialog.DialogTrigger), {
+        ...otherProps,
+        type: "popover",
+        placement: placement,
+        hideArrow: true
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, $i0m3o$reactspectrumbutton.ActionButton), {
+        ...(0, $i0m3o$reactariautils.mergeProps)(otherProps, labelProps, {
+            isDisabled: false
+        }),
+        ref: ref,
+        UNSAFE_className: (0, $i0m3o$reactspectrumutils.classNames)((0, ($parcel$interopDefault($a10e565ec42bcf96$exports))), "react-spectrum-ContextualHelp-button", otherProps.UNSAFE_className),
+        isQuiet: true
+    }, icon), /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, $i0m3o$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, $i0m3o$reactspectrumutils.SlotProvider), {
+        slots: slots
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).createElement((0, $i0m3o$reactspectrumdialog.Dialog), {
+        UNSAFE_className: (0, $i0m3o$reactspectrumutils.classNames)((0, ($parcel$interopDefault($a10e565ec42bcf96$exports))), "react-spectrum-ContextualHelp-dialog")
+    }, children))));
+}
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */ let $05e6407aa891f27c$export$7d3cdb256c2ba320 = /*#__PURE__*/ (0, ($parcel$interopDefault($i0m3o$react))).forwardRef($05e6407aa891f27c$var$ContextualHelp);
+
+
+//# sourceMappingURL=ContextualHelp.main.js.map

package/dist/ContextualHelp.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAgBD,SAAS,qCAAe,KAAkC,EAAE,GAAoC;IAC9F,IAAI,WACF,UAAU,mBACV,YAAY,0BACZ,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,OAAO,YAAY,uBAAS,0DAAC,CAAA,GAAA,iEAAU,yBAAO,0DAAC,CAAA,GAAA,iEAAU;IAE7D,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAS,CAAC,CAAC,wCAAwC;QAAA;QAC/E,QAAQ;YAAC,kBAAkB,CAAA,GAAA,mDAAS,CAAC,CAAC,uCAAuC;QAAA;IAC/E;IAEA,IAAI,aAAa,CAAA,GAAA,+BAAQ,EAAE,YAAY,gBAAgB,MAAM,CAAC;IAE9D,qBACE,0DAAC,CAAA,GAAA,wCAAY;QAAG,GAAG,UAAU;QAAE,MAAK;QAAU,WAAW;QAAW,WAAA;qBAClE,0DAAC,CAAA,GAAA,uCAAW;QACT,GAAG,CAAA,GAAA,gCAAS,EAAE,YAAY,YAAY;YAAC,YAAY;QAAK,EAAE;QAC3D,KAAK;QACL,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAS,GAAG,wCAAwC,WAAW,gBAAgB;QAC5G,SAAA;OACC,qBAEH,0DAAC,CAAA,GAAA,oCAAS,uBACR,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;qBACnB,0DAAC,CAAA,GAAA,iCAAK;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAS,GAAG;OAC9C;AAMb;AAEA;;CAEC,GACD,IAAI,0DAAkB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/contextualhelp/src/ContextualHelp.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Dialog, DialogTrigger} from '@react-spectrum/dialog';\nimport {FocusableRef} from '@react-types/shared';\nimport HelpOutline from '@spectrum-icons/workflow/HelpOutline';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport InfoOutline from '@spectrum-icons/workflow/InfoOutline';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumContextualHelpProps} from '@react-types/contextualhelp';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nfunction ContextualHelp(props: SpectrumContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {\n  let {\n    variant = 'help',\n    placement = 'bottom start',\n    children,\n    ...otherProps\n  } = props;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/contextualhelp');\n\n  let icon = variant === 'info' ? <InfoOutline /> : <HelpOutline />;\n\n  let slots = {\n    content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n    footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n  };\n\n  let labelProps = useLabels(otherProps, stringFormatter.format(variant));\n\n  return (\n    <DialogTrigger {...otherProps} type=\"popover\" placement={placement} hideArrow>\n      <ActionButton\n        {...mergeProps(otherProps, labelProps, {isDisabled: false})}\n        ref={ref}\n        UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-button', otherProps.UNSAFE_className)}\n        isQuiet>\n        {icon}\n      </ActionButton>\n      <ClearSlots>\n        <SlotProvider slots={slots}>\n          <Dialog UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-dialog')}>\n            {children}\n          </Dialog>\n        </SlotProvider>\n      </ClearSlots>\n    </DialogTrigger>\n  );\n}\n\n/**\n * Contextual help shows a user extra information about the state of an adjacent component, or a total view.\n */\nlet _ContextualHelp = React.forwardRef(ContextualHelp);\nexport {_ContextualHelp as ContextualHelp};\n"],"names":[],"version":3,"file":"ContextualHelp.main.js.map"}

package/dist/ContextualHelp.mjs

@@ -0,0 +1,74 @@
+import "./vars.f7dce423.css";
+import $eIPk4$contextualhelp_vars_cssmodulejs from "./contextualhelp_vars_css.mjs";
+import $eIPk4$intlStringsmodulejs from "./intlStrings.mjs";
+import {ActionButton as $eIPk4$ActionButton} from "@react-spectrum/button";
+import {classNames as $eIPk4$classNames, ClearSlots as $eIPk4$ClearSlots, SlotProvider as $eIPk4$SlotProvider} from "@react-spectrum/utils";
+import {DialogTrigger as $eIPk4$DialogTrigger, Dialog as $eIPk4$Dialog} from "@react-spectrum/dialog";
+import $eIPk4$spectrumiconsworkflowHelpOutline from "@spectrum-icons/workflow/HelpOutline";
+import $eIPk4$spectrumiconsworkflowInfoOutline from "@spectrum-icons/workflow/InfoOutline";
+import {useLabels as $eIPk4$useLabels, mergeProps as $eIPk4$mergeProps} from "@react-aria/utils";
+import $eIPk4$react from "react";
+import {useLocalizedStringFormatter as $eIPk4$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+function $9d9069cfc9959198$var$ContextualHelp(props, ref) {
+    let { variant: variant = "help", placement: placement = "bottom start", children: children, ...otherProps } = props;
+    let stringFormatter = (0, $eIPk4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($eIPk4$intlStringsmodulejs))), "@react-spectrum/contextualhelp");
+    let icon = variant === "info" ? /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$spectrumiconsworkflowInfoOutline), null) : /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$spectrumiconsworkflowHelpOutline), null);
+    let slots = {
+        content: {
+            UNSAFE_className: (0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-content"]
+        },
+        footer: {
+            UNSAFE_className: (0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-footer"]
+        }
+    };
+    let labelProps = (0, $eIPk4$useLabels)(otherProps, stringFormatter.format(variant));
+    return /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$DialogTrigger), {
+        ...otherProps,
+        type: "popover",
+        placement: placement,
+        hideArrow: true
+    }, /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$ActionButton), {
+        ...(0, $eIPk4$mergeProps)(otherProps, labelProps, {
+            isDisabled: false
+        }),
+        ref: ref,
+        UNSAFE_className: (0, $eIPk4$classNames)((0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs))), "react-spectrum-ContextualHelp-button", otherProps.UNSAFE_className),
+        isQuiet: true
+    }, icon), /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$ClearSlots), null, /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$SlotProvider), {
+        slots: slots
+    }, /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$Dialog), {
+        UNSAFE_className: (0, $eIPk4$classNames)((0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs))), "react-spectrum-ContextualHelp-dialog")
+    }, children))));
+}
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */ let $9d9069cfc9959198$export$7d3cdb256c2ba320 = /*#__PURE__*/ (0, $eIPk4$react).forwardRef($9d9069cfc9959198$var$ContextualHelp);
+
+
+export {$9d9069cfc9959198$export$7d3cdb256c2ba320 as ContextualHelp};
+//# sourceMappingURL=ContextualHelp.mjs.map

package/dist/ContextualHelp.module.js

@@ -0,0 +1,74 @@
+import "./vars.f7dce423.css";
+import $eIPk4$contextualhelp_vars_cssmodulejs from "./contextualhelp_vars_css.module.js";
+import $eIPk4$intlStringsmodulejs from "./intlStrings.module.js";
+import {ActionButton as $eIPk4$ActionButton} from "@react-spectrum/button";
+import {classNames as $eIPk4$classNames, ClearSlots as $eIPk4$ClearSlots, SlotProvider as $eIPk4$SlotProvider} from "@react-spectrum/utils";
+import {DialogTrigger as $eIPk4$DialogTrigger, Dialog as $eIPk4$Dialog} from "@react-spectrum/dialog";
+import $eIPk4$spectrumiconsworkflowHelpOutline from "@spectrum-icons/workflow/HelpOutline";
+import $eIPk4$spectrumiconsworkflowInfoOutline from "@spectrum-icons/workflow/InfoOutline";
+import {useLabels as $eIPk4$useLabels, mergeProps as $eIPk4$mergeProps} from "@react-aria/utils";
+import $eIPk4$react from "react";
+import {useLocalizedStringFormatter as $eIPk4$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+function $9d9069cfc9959198$var$ContextualHelp(props, ref) {
+    let { variant: variant = "help", placement: placement = "bottom start", children: children, ...otherProps } = props;
+    let stringFormatter = (0, $eIPk4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($eIPk4$intlStringsmodulejs))), "@react-spectrum/contextualhelp");
+    let icon = variant === "info" ? /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$spectrumiconsworkflowInfoOutline), null) : /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$spectrumiconsworkflowHelpOutline), null);
+    let slots = {
+        content: {
+            UNSAFE_className: (0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-content"]
+        },
+        footer: {
+            UNSAFE_className: (0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-footer"]
+        }
+    };
+    let labelProps = (0, $eIPk4$useLabels)(otherProps, stringFormatter.format(variant));
+    return /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$DialogTrigger), {
+        ...otherProps,
+        type: "popover",
+        placement: placement,
+        hideArrow: true
+    }, /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$ActionButton), {
+        ...(0, $eIPk4$mergeProps)(otherProps, labelProps, {
+            isDisabled: false
+        }),
+        ref: ref,
+        UNSAFE_className: (0, $eIPk4$classNames)((0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs))), "react-spectrum-ContextualHelp-button", otherProps.UNSAFE_className),
+        isQuiet: true
+    }, icon), /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$ClearSlots), null, /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$SlotProvider), {
+        slots: slots
+    }, /*#__PURE__*/ (0, $eIPk4$react).createElement((0, $eIPk4$Dialog), {
+        UNSAFE_className: (0, $eIPk4$classNames)((0, ($parcel$interopDefault($eIPk4$contextualhelp_vars_cssmodulejs))), "react-spectrum-ContextualHelp-dialog")
+    }, children))));
+}
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */ let $9d9069cfc9959198$export$7d3cdb256c2ba320 = /*#__PURE__*/ (0, $eIPk4$react).forwardRef($9d9069cfc9959198$var$ContextualHelp);
+
+
+export {$9d9069cfc9959198$export$7d3cdb256c2ba320 as ContextualHelp};
+//# sourceMappingURL=ContextualHelp.module.js.map

package/dist/ContextualHelp.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAgBD,SAAS,qCAAe,KAAkC,EAAE,GAAoC;IAC9F,IAAI,WACF,UAAU,mBACV,YAAY,0BACZ,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,IAAI,OAAO,YAAY,uBAAS,gCAAC,CAAA,GAAA,uCAAU,yBAAO,gCAAC,CAAA,GAAA,uCAAU;IAE7D,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,gEAAS,CAAC,CAAC,wCAAwC;QAAA;QAC/E,QAAQ;YAAC,kBAAkB,CAAA,GAAA,gEAAS,CAAC,CAAC,uCAAuC;QAAA;IAC/E;IAEA,IAAI,aAAa,CAAA,GAAA,gBAAQ,EAAE,YAAY,gBAAgB,MAAM,CAAC;IAE9D,qBACE,gCAAC,CAAA,GAAA,oBAAY;QAAG,GAAG,UAAU;QAAE,MAAK;QAAU,WAAW;QAAW,WAAA;qBAClE,gCAAC,CAAA,GAAA,mBAAW;QACT,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,YAAY;YAAC,YAAY;QAAK,EAAE;QAC3D,KAAK;QACL,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAS,GAAG,wCAAwC,WAAW,gBAAgB;QAC5G,SAAA;OACC,qBAEH,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,CAAA,GAAA,mBAAW;QAAE,OAAO;qBACnB,gCAAC,CAAA,GAAA,aAAK;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAS,GAAG;OAC9C;AAMb;AAEA;;CAEC,GACD,IAAI,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/contextualhelp/src/ContextualHelp.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Dialog, DialogTrigger} from '@react-spectrum/dialog';\nimport {FocusableRef} from '@react-types/shared';\nimport HelpOutline from '@spectrum-icons/workflow/HelpOutline';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport InfoOutline from '@spectrum-icons/workflow/InfoOutline';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumContextualHelpProps} from '@react-types/contextualhelp';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nfunction ContextualHelp(props: SpectrumContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {\n  let {\n    variant = 'help',\n    placement = 'bottom start',\n    children,\n    ...otherProps\n  } = props;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/contextualhelp');\n\n  let icon = variant === 'info' ? <InfoOutline /> : <HelpOutline />;\n\n  let slots = {\n    content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n    footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n  };\n\n  let labelProps = useLabels(otherProps, stringFormatter.format(variant));\n\n  return (\n    <DialogTrigger {...otherProps} type=\"popover\" placement={placement} hideArrow>\n      <ActionButton\n        {...mergeProps(otherProps, labelProps, {isDisabled: false})}\n        ref={ref}\n        UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-button', otherProps.UNSAFE_className)}\n        isQuiet>\n        {icon}\n      </ActionButton>\n      <ClearSlots>\n        <SlotProvider slots={slots}>\n          <Dialog UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-dialog')}>\n            {children}\n          </Dialog>\n        </SlotProvider>\n      </ClearSlots>\n    </DialogTrigger>\n  );\n}\n\n/**\n * Contextual help shows a user extra information about the state of an adjacent component, or a total view.\n */\nlet _ContextualHelp = React.forwardRef(ContextualHelp);\nexport {_ContextualHelp as ContextualHelp};\n"],"names":[],"version":3,"file":"ContextualHelp.module.js.map"}

package/dist/ar-AE.mjs

@@ -6,4 +6,4 @@ $9cc8b85ee8327c05$exports = {
 
 
 export {$9cc8b85ee8327c05$exports as default};
-//# sourceMappingURL=ar-AE.module.js.map
+//# sourceMappingURL=ar-AE.mjs.map

package/dist/bg-BG.mjs

@@ -6,4 +6,4 @@ $56f7d9be41e5dc75$exports = {
 
 
 export {$56f7d9be41e5dc75$exports as default};
-//# sourceMappingURL=bg-BG.module.js.map
+//# sourceMappingURL=bg-BG.mjs.map

package/dist/contextualhelp_vars_css.main.js

@@ -0,0 +1,23 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "react-spectrum-ContextualHelp-button", () => $a10e565ec42bcf96$export$20d9583c9f1529c1, (v) => $a10e565ec42bcf96$export$20d9583c9f1529c1 = v);
+$parcel$export(module.exports, "react-spectrum-ContextualHelp-content", () => $a10e565ec42bcf96$export$a1f805890cf58c4, (v) => $a10e565ec42bcf96$export$a1f805890cf58c4 = v);
+$parcel$export(module.exports, "react-spectrum-ContextualHelp-dialog", () => $a10e565ec42bcf96$export$ab2d873674d20d28, (v) => $a10e565ec42bcf96$export$ab2d873674d20d28 = v);
+$parcel$export(module.exports, "react-spectrum-ContextualHelp-dialog--isMobile", () => $a10e565ec42bcf96$export$a438776606a9a3cc, (v) => $a10e565ec42bcf96$export$a438776606a9a3cc = v);
+$parcel$export(module.exports, "react-spectrum-ContextualHelp-footer", () => $a10e565ec42bcf96$export$d901bc3fa82b87a6, (v) => $a10e565ec42bcf96$export$d901bc3fa82b87a6 = v);
+var $a10e565ec42bcf96$export$20d9583c9f1529c1;
+var $a10e565ec42bcf96$export$a1f805890cf58c4;
+var $a10e565ec42bcf96$export$ab2d873674d20d28;
+var $a10e565ec42bcf96$export$a438776606a9a3cc;
+var $a10e565ec42bcf96$export$d901bc3fa82b87a6;
+$a10e565ec42bcf96$export$20d9583c9f1529c1 = `L6gUaa_react-spectrum-ContextualHelp-button`;
+$a10e565ec42bcf96$export$a1f805890cf58c4 = `L6gUaa_react-spectrum-ContextualHelp-content`;
+$a10e565ec42bcf96$export$ab2d873674d20d28 = `L6gUaa_react-spectrum-ContextualHelp-dialog`;
+$a10e565ec42bcf96$export$a438776606a9a3cc = `L6gUaa_react-spectrum-ContextualHelp-dialog--isMobile`;
+$a10e565ec42bcf96$export$d901bc3fa82b87a6 = `L6gUaa_react-spectrum-ContextualHelp-footer`;
+
+
+//# sourceMappingURL=contextualhelp_vars_css.main.js.map

package/dist/contextualhelp_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,2CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAmE,CAAC,qDAAqD,CAAC;AAC1H,4CAAyD,CAAC,2CAA2C,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/contextualhelp/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"contextualhelp_vars_css.main.js.map"}

package/dist/contextualhelp_vars_css.mjs

@@ -0,0 +1,25 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $c487b1d738ebeac2$exports = {};
+
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-button", () => $c487b1d738ebeac2$export$20d9583c9f1529c1, (v) => $c487b1d738ebeac2$export$20d9583c9f1529c1 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-content", () => $c487b1d738ebeac2$export$a1f805890cf58c4, (v) => $c487b1d738ebeac2$export$a1f805890cf58c4 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-dialog", () => $c487b1d738ebeac2$export$ab2d873674d20d28, (v) => $c487b1d738ebeac2$export$ab2d873674d20d28 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-dialog--isMobile", () => $c487b1d738ebeac2$export$a438776606a9a3cc, (v) => $c487b1d738ebeac2$export$a438776606a9a3cc = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-footer", () => $c487b1d738ebeac2$export$d901bc3fa82b87a6, (v) => $c487b1d738ebeac2$export$d901bc3fa82b87a6 = v);
+var $c487b1d738ebeac2$export$20d9583c9f1529c1;
+var $c487b1d738ebeac2$export$a1f805890cf58c4;
+var $c487b1d738ebeac2$export$ab2d873674d20d28;
+var $c487b1d738ebeac2$export$a438776606a9a3cc;
+var $c487b1d738ebeac2$export$d901bc3fa82b87a6;
+$c487b1d738ebeac2$export$20d9583c9f1529c1 = `L6gUaa_react-spectrum-ContextualHelp-button`;
+$c487b1d738ebeac2$export$a1f805890cf58c4 = `L6gUaa_react-spectrum-ContextualHelp-content`;
+$c487b1d738ebeac2$export$ab2d873674d20d28 = `L6gUaa_react-spectrum-ContextualHelp-dialog`;
+$c487b1d738ebeac2$export$a438776606a9a3cc = `L6gUaa_react-spectrum-ContextualHelp-dialog--isMobile`;
+$c487b1d738ebeac2$export$d901bc3fa82b87a6 = `L6gUaa_react-spectrum-ContextualHelp-footer`;
+
+
+export {$c487b1d738ebeac2$exports as default};
+//# sourceMappingURL=contextualhelp_vars_css.mjs.map

package/dist/contextualhelp_vars_css.module.js

@@ -0,0 +1,25 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $c487b1d738ebeac2$exports = {};
+
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-button", () => $c487b1d738ebeac2$export$20d9583c9f1529c1, (v) => $c487b1d738ebeac2$export$20d9583c9f1529c1 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-content", () => $c487b1d738ebeac2$export$a1f805890cf58c4, (v) => $c487b1d738ebeac2$export$a1f805890cf58c4 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-dialog", () => $c487b1d738ebeac2$export$ab2d873674d20d28, (v) => $c487b1d738ebeac2$export$ab2d873674d20d28 = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-dialog--isMobile", () => $c487b1d738ebeac2$export$a438776606a9a3cc, (v) => $c487b1d738ebeac2$export$a438776606a9a3cc = v);
+$parcel$export($c487b1d738ebeac2$exports, "react-spectrum-ContextualHelp-footer", () => $c487b1d738ebeac2$export$d901bc3fa82b87a6, (v) => $c487b1d738ebeac2$export$d901bc3fa82b87a6 = v);
+var $c487b1d738ebeac2$export$20d9583c9f1529c1;
+var $c487b1d738ebeac2$export$a1f805890cf58c4;
+var $c487b1d738ebeac2$export$ab2d873674d20d28;
+var $c487b1d738ebeac2$export$a438776606a9a3cc;
+var $c487b1d738ebeac2$export$d901bc3fa82b87a6;
+$c487b1d738ebeac2$export$20d9583c9f1529c1 = `L6gUaa_react-spectrum-ContextualHelp-button`;
+$c487b1d738ebeac2$export$a1f805890cf58c4 = `L6gUaa_react-spectrum-ContextualHelp-content`;
+$c487b1d738ebeac2$export$ab2d873674d20d28 = `L6gUaa_react-spectrum-ContextualHelp-dialog`;
+$c487b1d738ebeac2$export$a438776606a9a3cc = `L6gUaa_react-spectrum-ContextualHelp-dialog--isMobile`;
+$c487b1d738ebeac2$export$d901bc3fa82b87a6 = `L6gUaa_react-spectrum-ContextualHelp-footer`;
+
+
+export {$c487b1d738ebeac2$exports as default};
+//# sourceMappingURL=contextualhelp_vars_css.module.js.map

package/dist/contextualhelp_vars_css.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,2CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAmE,CAAC,qDAAqD,CAAC;AAC1H,4CAAyD,CAAC,2CAA2C,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/contextualhelp/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"contextualhelp_vars_css.module.js.map"}

package/dist/cs-CZ.mjs

@@ -6,4 +6,4 @@ $c427e4a9ab6700b2$exports = {
 
 
 export {$c427e4a9ab6700b2$exports as default};
-//# sourceMappingURL=cs-CZ.module.js.map
+//# sourceMappingURL=cs-CZ.mjs.map

package/dist/da-DK.mjs

@@ -6,4 +6,4 @@ $ee2212e66656667f$exports = {
 
 
 export {$ee2212e66656667f$exports as default};
-//# sourceMappingURL=da-DK.module.js.map
+//# sourceMappingURL=da-DK.mjs.map

package/dist/de-DE.mjs

@@ -6,4 +6,4 @@ $112e467ad7137275$exports = {
 
 
 export {$112e467ad7137275$exports as default};
-//# sourceMappingURL=de-DE.module.js.map
+//# sourceMappingURL=de-DE.mjs.map

package/dist/el-GR.mjs

@@ -6,4 +6,4 @@ $7ad0d6a9c54bdc43$exports = {
 
 
 export {$7ad0d6a9c54bdc43$exports as default};
-//# sourceMappingURL=el-GR.module.js.map
+//# sourceMappingURL=el-GR.mjs.map

package/dist/en-US.mjs

@@ -6,4 +6,4 @@ $704e90e35332a9cb$exports = {
 
 
 export {$704e90e35332a9cb$exports as default};
-//# sourceMappingURL=en-US.module.js.map
+//# sourceMappingURL=en-US.mjs.map

package/dist/es-ES.mjs

@@ -6,4 +6,4 @@ $f2e0410dbb606550$exports = {
 
 
 export {$f2e0410dbb606550$exports as default};
-//# sourceMappingURL=es-ES.module.js.map
+//# sourceMappingURL=es-ES.mjs.map

package/dist/et-EE.mjs

@@ -6,4 +6,4 @@ $f4852a97714b8951$exports = {
 
 
 export {$f4852a97714b8951$exports as default};
-//# sourceMappingURL=et-EE.module.js.map
+//# sourceMappingURL=et-EE.mjs.map

package/dist/fi-FI.mjs

@@ -6,4 +6,4 @@ $fb4baf837c8a96f6$exports = {
 
 
 export {$fb4baf837c8a96f6$exports as default};
-//# sourceMappingURL=fi-FI.module.js.map
+//# sourceMappingURL=fi-FI.mjs.map

package/dist/fr-FR.mjs

@@ -6,4 +6,4 @@ $28b0fbf00803a68f$exports = {
 
 
 export {$28b0fbf00803a68f$exports as default};
-//# sourceMappingURL=fr-FR.module.js.map
+//# sourceMappingURL=fr-FR.mjs.map

package/dist/he-IL.mjs

@@ -6,4 +6,4 @@ $77110a8f3000e559$exports = {
 
 
 export {$77110a8f3000e559$exports as default};
-//# sourceMappingURL=he-IL.module.js.map
+//# sourceMappingURL=he-IL.mjs.map

package/dist/hr-HR.mjs

@@ -6,4 +6,4 @@ $dcc3492993669fc3$exports = {
 
 
 export {$dcc3492993669fc3$exports as default};
-//# sourceMappingURL=hr-HR.module.js.map
+//# sourceMappingURL=hr-HR.mjs.map

package/dist/hu-HU.mjs

@@ -6,4 +6,4 @@ $d376dd5b16d08137$exports = {
 
 
 export {$d376dd5b16d08137$exports as default};
-//# sourceMappingURL=hu-HU.module.js.map
+//# sourceMappingURL=hu-HU.mjs.map