@react-spectrum/contextualhelp 3.0.0-nightly-641446f65-240905

package/dist/sv-SE.mjs

@@ -0,0 +1,9 @@
+var $a701758f24293d53$exports = {};
+$a701758f24293d53$exports = {
+    "help": `Hj\xe4lp`,
+    "info": `Information`
+};
+
+
+export {$a701758f24293d53$exports as default};
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js

@@ -0,0 +1,9 @@
+var $a701758f24293d53$exports = {};
+$a701758f24293d53$exports = {
+    "help": `Hj\xe4lp`,
+    "info": `Information`
+};
+
+
+export {$a701758f24293d53$exports as default};
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,QAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sv-SE.json"],"sourcesContent":["{\n  \"help\": \"Hjälp\",\n  \"info\": \"Information\"\n}\n"],"names":[],"version":3,"file":"sv-SE.module.js.map"}

package/dist/tr-TR.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "help": `Yard\u{131}m`,
+    "info": `Bilgiler`
+};
+
+
+//# sourceMappingURL=tr-TR.main.js.map

package/dist/tr-TR.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,YAAM,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC;AACpB","sources":["packages/@react-spectrum/contextualhelp/intl/tr-TR.json"],"sourcesContent":["{\n  \"help\": \"Yardım\",\n  \"info\": \"Bilgiler\"\n}\n"],"names":[],"version":3,"file":"tr-TR.main.js.map"}

package/dist/tr-TR.mjs

@@ -0,0 +1,9 @@
+var $ac0041dae2f30090$exports = {};
+$ac0041dae2f30090$exports = {
+    "help": `Yard\u{131}m`,
+    "info": `Bilgiler`
+};
+
+
+export {$ac0041dae2f30090$exports as default};
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js

@@ -0,0 +1,9 @@
+var $ac0041dae2f30090$exports = {};
+$ac0041dae2f30090$exports = {
+    "help": `Yard\u{131}m`,
+    "info": `Bilgiler`
+};
+
+
+export {$ac0041dae2f30090$exports as default};
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,YAAM,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC;AACpB","sources":["packages/@react-spectrum/contextualhelp/intl/tr-TR.json"],"sourcesContent":["{\n  \"help\": \"Yardım\",\n  \"info\": \"Bilgiler\"\n}\n"],"names":[],"version":3,"file":"tr-TR.module.js.map"}

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { SpectrumContextualHelpProps } from "@react-types/contextualhelp";
+import { FocusableRefValue } from "@react-types/shared";
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */
+export let ContextualHelp: React.ForwardRefExoticComponent<SpectrumContextualHelpProps & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export type { SpectrumContextualHelpProps } from '@react-types/contextualhelp';
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;;AAiEA;;GAEG;AACH,OAAA,IAAI,2JAAkD,CAAC;ACvDvD,YAAY,EAAC,2BAA2B,EAAC,MAAM,6BAA6B,CAAC","sources":["packages/@react-spectrum/contextualhelp/src/packages/@react-spectrum/contextualhelp/src/ContextualHelp.tsx","packages/@react-spectrum/contextualhelp/src/packages/@react-spectrum/contextualhelp/src/index.ts","packages/@react-spectrum/contextualhelp/src/index.ts"],"sourcesContent":[null,null,"/*\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\nexport {ContextualHelp} from './ContextualHelp';\nexport type {SpectrumContextualHelpProps} from '@react-types/contextualhelp';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/uk-UA.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
+    "info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`
+};
+
+
+//# sourceMappingURL=uk-UA.main.js.map

package/dist/uk-UA.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,iDAAO,CAAC;IACnC,QAAQ,CAAC,sEAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/uk-UA.json"],"sourcesContent":["{\n  \"help\": \"Довідка\",\n  \"info\": \"Інформація\"\n}\n"],"names":[],"version":3,"file":"uk-UA.main.js.map"}

package/dist/uk-UA.mjs

@@ -0,0 +1,9 @@
+var $e3e68b40fcb16018$exports = {};
+$e3e68b40fcb16018$exports = {
+    "help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
+    "info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`
+};
+
+
+export {$e3e68b40fcb16018$exports as default};
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js

@@ -0,0 +1,9 @@
+var $e3e68b40fcb16018$exports = {};
+$e3e68b40fcb16018$exports = {
+    "help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
+    "info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`
+};
+
+
+export {$e3e68b40fcb16018$exports as default};
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,iDAAO,CAAC;IACnC,QAAQ,CAAC,sEAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/uk-UA.json"],"sourcesContent":["{\n  \"help\": \"Довідка\",\n  \"info\": \"Інформація\"\n}\n"],"names":[],"version":3,"file":"uk-UA.module.js.map"}

package/dist/vars.f7dce423.css

@@ -0,0 +1,30 @@
+.L6gUaa_react-spectrum-ContextualHelp-button {
+  --spectrum-button-primary-height: var(--spectrum-global-dimension-size-250);
+  --spectrum-actionbutton-height: var(--spectrum-global-dimension-size-250);
+  --spectrum-actionbutton-min-width: var(--spectrum-global-dimension-size-250);
+  --spectrum-actionbutton-icon-padding-x: var(--spectrum-global-dimension-size-40);
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-button svg {
+  block-size: var(--spectrum-global-dimension-size-175);
+  inline-size: var(--spectrum-global-dimension-size-175);
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog {
+  --spectrum-dialog-padding-x: var(--spectrum-global-dimension-static-size-300, 24px);
+  --spectrum-dialog-padding-y: var(--spectrum-global-dimension-static-size-300, 24px);
+  width: 250px;
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog--isMobile {
+  width: 100%;
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-content {
+  margin-top: var(--spectrum-global-dimension-static-size-100, 8px);
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-footer {
+  padding-top: var(--spectrum-global-dimension-static-size-100, 8px);
+}
+/*# sourceMappingURL=vars.f7dce423.css.map */

package/dist/vars.f7dce423.css.map

@@ -0,0 +1 @@
+{"mappings":"AAwBA;;;;;;;AAME;;;;;AAMF;;;;;;AAKE;;;;AAGA;;;;AAIA","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":"vars.f7dce423.css.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "help": `\u{5E2E}\u{52A9}`,
+    "info": `\u{4FE1}\u{606F}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-CN.json"],"sourcesContent":["{\n  \"help\": \"帮助\",\n  \"info\": \"信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,9 @@
+var $befba97b83d35197$exports = {};
+$befba97b83d35197$exports = {
+    "help": `\u{5E2E}\u{52A9}`,
+    "info": `\u{4FE1}\u{606F}`
+};
+
+
+export {$befba97b83d35197$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,9 @@
+var $befba97b83d35197$exports = {};
+$befba97b83d35197$exports = {
+    "help": `\u{5E2E}\u{52A9}`,
+    "info": `\u{4FE1}\u{606F}`
+};
+
+
+export {$befba97b83d35197$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-CN.json"],"sourcesContent":["{\n  \"help\": \"帮助\",\n  \"info\": \"信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "help": `\u{8AAA}\u{660E}`,
+    "info": `\u{8CC7}\u{8A0A}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-TW.json"],"sourcesContent":["{\n  \"help\": \"說明\",\n  \"info\": \"資訊\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,9 @@
+var $6051e1035ff73e7b$exports = {};
+$6051e1035ff73e7b$exports = {
+    "help": `\u{8AAA}\u{660E}`,
+    "info": `\u{8CC7}\u{8A0A}`
+};
+
+
+export {$6051e1035ff73e7b$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -0,0 +1,9 @@
+var $6051e1035ff73e7b$exports = {};
+$6051e1035ff73e7b$exports = {
+    "help": `\u{8AAA}\u{660E}`,
+    "info": `\u{8CC7}\u{8A0A}`
+};
+
+
+export {$6051e1035ff73e7b$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-TW.json"],"sourcesContent":["{\n  \"help\": \"說明\",\n  \"info\": \"資訊\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@react-spectrum/contextualhelp",
+  "version": "3.0.0-nightly-641446f65-240905",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "targets": {
+    "main": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    },
+    "module": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@react-aria/i18n": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/button": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/dialog": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/contextualhelp": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/shared": "^3.0.0-nightly-641446f65-240905",
+    "@spectrum-icons/workflow": "^3.0.0-nightly-641446f65-240905",
+    "@swc/helpers": "^0.5.0"
+  },
+  "devDependencies": {
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
+    "@react-spectrum/link": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/view": "^3.0.0-nightly-641446f65-240905"
+  },
+  "peerDependencies": {
+    "@react-spectrum/provider": "^3.0.0-nightly-641446f65-240905",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "stableVersion": "3.6.13"
+}

package/src/ContextualHelp.tsx

@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+import {ActionButton} from '@react-spectrum/button';
+import {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';
+import {Dialog, DialogTrigger} from '@react-spectrum/dialog';
+import {FocusableRef} from '@react-types/shared';
+import HelpOutline from '@spectrum-icons/workflow/HelpOutline';
+import helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';
+import InfoOutline from '@spectrum-icons/workflow/InfoOutline';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {mergeProps, useLabels} from '@react-aria/utils';
+import React from 'react';
+import {SpectrumContextualHelpProps} from '@react-types/contextualhelp';
+import {useLocalizedStringFormatter} from '@react-aria/i18n';
+
+function ContextualHelp(props: SpectrumContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {
+  let {
+    variant = 'help',
+    placement = 'bottom start',
+    children,
+    ...otherProps
+  } = props;
+
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/contextualhelp');
+
+  let icon = variant === 'info' ? <InfoOutline /> : <HelpOutline />;
+
+  let slots = {
+    content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},
+    footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}
+  };
+
+  let labelProps = useLabels(otherProps, stringFormatter.format(variant));
+
+  return (
+    <DialogTrigger {...otherProps} type="popover" placement={placement} hideArrow>
+      <ActionButton
+        {...mergeProps(otherProps, labelProps, {isDisabled: false})}
+        ref={ref}
+        UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-button', otherProps.UNSAFE_className)}
+        isQuiet>
+        {icon}
+      </ActionButton>
+      <ClearSlots>
+        <SlotProvider slots={slots}>
+          <Dialog UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-dialog')}>
+            {children}
+          </Dialog>
+        </SlotProvider>
+      </ClearSlots>
+    </DialogTrigger>
+  );
+}
+
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */
+let _ContextualHelp = React.forwardRef(ContextualHelp);
+export {_ContextualHelp as ContextualHelp};

package/src/index.ts

@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
+
+export {ContextualHelp} from './ContextualHelp';
+export type {SpectrumContextualHelpProps} from '@react-types/contextualhelp';