diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js new file mode 100644 index 000000000..a5b55ff94 --- /dev/null +++ b/.storybook/webpack.config.js @@ -0,0 +1,35 @@ +const path = require("path"); + +module.exports = ({ config }) => { + const packagesPath = path.resolve(__dirname, "../packages"); + config.resolve = { + ...config.resolve, + alias: { + "@reach/alert": path.join(packagesPath, "/alert/src/"), + "@reach/alert-dailog": path.join(packagesPath, "/alert-dailog/src/"), + "@reach/auto-id": path.join(packagesPath, "/auto-id/src/"), + "@reach/combobox": path.join(packagesPath, "/combobox/src/"), + "@reach/component-component": path.join( + packagesPath, + "/component-component/src/" + ), + "@reach/dailog": path.join(packagesPath, "/dailog/src/"), + "@reach/menu-button": path.join(packagesPath, "/menu-button/src/"), + "@reach/popover": path.join(packagesPath, "/popover/src/"), + "@reach/portal": path.join(packagesPath, "/portal/src/"), + "@reach/rect": path.join(packagesPath, "/rect/src/"), + "@reach/skip-nav": path.join(packagesPath, "/skip-nav/src/"), + "@reach/slider": path.join(packagesPath, "/slider/src/"), + "@reach/tabs": path.join(packagesPath, "/tabs/src/"), + "@reach/tooltip": path.join(packagesPath, "/tooltip/src/"), + "@reach/utils": path.join(packagesPath, "/utils/src/"), + "@reach/visually-hidden": path.join( + packagesPath, + "/visually-hidden/src/" + ), + "@reach/window-size": path.join(packagesPath, "/window-size/src/") + }, + extensions: [".js"] + }; + return config; +}; diff --git a/packages/alert/examples/basic.example.js b/packages/alert/examples/basic.example.js index 8a96f98fe..4f2ffda1e 100644 --- a/packages/alert/examples/basic.example.js +++ b/packages/alert/examples/basic.example.js @@ -1,7 +1,7 @@ import React from "react"; -import Alert from "../src/index"; -import Component from "../../component-component/src"; -import VisuallyHidden from "../../visually-hidden/src"; +import Alert from "@reach/alert"; +import Component from "@reach/component-component"; +import VisuallyHidden from "@reach/visually-hidden"; export let name = "Basic"; diff --git a/packages/combobox/examples/basic.example.js b/packages/combobox/examples/basic.example.js index c602b67ba..5625af7ca 100644 --- a/packages/combobox/examples/basic.example.js +++ b/packages/combobox/examples/basic.example.js @@ -6,7 +6,7 @@ import { ComboboxList, ComboboxOption, ComboboxPopover -} from "../src/index"; +} from "@reach/combobox"; import matchSorter from "match-sorter"; import { useThrottle } from "use-throttle"; import cities from "./cities"; diff --git a/packages/combobox/examples/controlled.example.js b/packages/combobox/examples/controlled.example.js index b1f432898..342676c25 100644 --- a/packages/combobox/examples/controlled.example.js +++ b/packages/combobox/examples/controlled.example.js @@ -6,7 +6,7 @@ import { ComboboxList, ComboboxOption, ComboboxPopover -} from "../src/index"; +} from "@reach/combobox"; import matchSorter from "match-sorter"; import { useThrottle } from "use-throttle"; import cities from "./cities"; diff --git a/packages/combobox/examples/lots-of-elements.example.js b/packages/combobox/examples/lots-of-elements.example.js index b9199851e..5e2568079 100644 --- a/packages/combobox/examples/lots-of-elements.example.js +++ b/packages/combobox/examples/lots-of-elements.example.js @@ -6,7 +6,7 @@ import { ComboboxList, ComboboxOption, ComboboxPopover -} from "../src/index"; +} from "@reach/combobox"; import matchSorter from "match-sorter"; import { useThrottle } from "use-throttle"; import cities from "./cities"; diff --git a/packages/combobox/examples/no-popover.example.js b/packages/combobox/examples/no-popover.example.js index 47797959b..de13340e1 100644 --- a/packages/combobox/examples/no-popover.example.js +++ b/packages/combobox/examples/no-popover.example.js @@ -6,7 +6,7 @@ import { ComboboxList, ComboboxPopover, ComboboxOption -} from "../src/index"; +} from "@reach/combobox"; import matchSorter from "match-sorter"; import { useThrottle } from "use-throttle"; import cities from "./cities"; diff --git a/packages/combobox/examples/with-button.example.js b/packages/combobox/examples/with-button.example.js index f6fd2a84a..904a3e2c3 100644 --- a/packages/combobox/examples/with-button.example.js +++ b/packages/combobox/examples/with-button.example.js @@ -7,7 +7,7 @@ import { ComboboxPopover, ComboboxOption, ComboboxButton -} from "../src/index"; +} from "@reach/combobox"; import matchSorter from "match-sorter"; import { useThrottle } from "use-throttle"; import cities from "./cities"; diff --git a/packages/component-component/examples/lifecycles.example.js b/packages/component-component/examples/lifecycles.example.js index 0c03e5438..383f52e50 100644 --- a/packages/component-component/examples/lifecycles.example.js +++ b/packages/component-component/examples/lifecycles.example.js @@ -1,5 +1,5 @@ import React from "react"; -import Component from "../src/index"; +import Component from "@reach/component-component"; export let name = "Lifecycles and Refs"; diff --git a/packages/component-component/examples/state.example.js b/packages/component-component/examples/state.example.js index 46dfe9ef5..0e082d08b 100644 --- a/packages/component-component/examples/state.example.js +++ b/packages/component-component/examples/state.example.js @@ -1,5 +1,5 @@ import React from "react"; -import Component from "../src/index"; +import Component from "@reach/component-component"; export let name = "Basic State"; diff --git a/packages/component-component/examples/todo-list.example.js b/packages/component-component/examples/todo-list.example.js index 71bbef260..3b0d679b1 100644 --- a/packages/component-component/examples/todo-list.example.js +++ b/packages/component-component/examples/todo-list.example.js @@ -1,5 +1,5 @@ import React, { Fragment } from "react"; -import Component from "../src/index"; +import Component from "@reach/component-component"; export let name = "Kitchen Sink Todo List"; diff --git a/packages/dialog/examples/aria-hides-content.example.js b/packages/dialog/examples/aria-hides-content.example.js index 5f43febb9..2a8a5d52a 100644 --- a/packages/dialog/examples/aria-hides-content.example.js +++ b/packages/dialog/examples/aria-hides-content.example.js @@ -2,7 +2,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Aria Hides Content"; diff --git a/packages/dialog/examples/autofocus.example.js b/packages/dialog/examples/autofocus.example.js index d405711bb..8ca5dc87c 100644 --- a/packages/dialog/examples/autofocus.example.js +++ b/packages/dialog/examples/autofocus.example.js @@ -1,7 +1,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Autofocus"; diff --git a/packages/dialog/examples/basic.example.js b/packages/dialog/examples/basic.example.js index 759d42635..447dc1f1b 100644 --- a/packages/dialog/examples/basic.example.js +++ b/packages/dialog/examples/basic.example.js @@ -1,7 +1,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Basic"; diff --git a/packages/dialog/examples/change-styles.example.js b/packages/dialog/examples/change-styles.example.js index 7754187f5..a5c1934a1 100644 --- a/packages/dialog/examples/change-styles.example.js +++ b/packages/dialog/examples/change-styles.example.js @@ -1,6 +1,6 @@ import React from "react"; import { useTransition, animated, config } from "react-spring/web.cjs"; -import { DialogOverlay, DialogContent } from "../src/index"; +import { DialogOverlay, DialogContent } from "@reach/dialog"; import "../styles.css"; export let name = "Change Styles"; diff --git a/packages/dialog/examples/destroy-trigger.example.js b/packages/dialog/examples/destroy-trigger.example.js index eb8a8623c..5612011a5 100644 --- a/packages/dialog/examples/destroy-trigger.example.js +++ b/packages/dialog/examples/destroy-trigger.example.js @@ -1,7 +1,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Destroy Trigger"; diff --git a/packages/dialog/examples/dismiss.example.js b/packages/dialog/examples/dismiss.example.js index eea88c67f..7f7f7f9af 100644 --- a/packages/dialog/examples/dismiss.example.js +++ b/packages/dialog/examples/dismiss.example.js @@ -1,7 +1,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Dismiss"; diff --git a/packages/dialog/examples/dropdown.example.js b/packages/dialog/examples/dropdown.example.js index 25cc1815e..9a48fc82b 100644 --- a/packages/dialog/examples/dropdown.example.js +++ b/packages/dialog/examples/dropdown.example.js @@ -1,8 +1,8 @@ import React from "react"; import Component from "@reach/component-component"; -import { Menu, MenuButton, MenuList, MenuItem } from "../../menu-button"; +import { Menu, MenuButton, MenuList, MenuItem } from "@reach/menu-button"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Dropdown"; diff --git a/packages/dialog/examples/long-content.example.js b/packages/dialog/examples/long-content.example.js index 743b0e0bb..4f091ecd1 100644 --- a/packages/dialog/examples/long-content.example.js +++ b/packages/dialog/examples/long-content.example.js @@ -1,7 +1,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Long Content"; diff --git a/packages/dialog/examples/nested.example.js b/packages/dialog/examples/nested.example.js index fdcc7647c..2c56f88d3 100644 --- a/packages/dialog/examples/nested.example.js +++ b/packages/dialog/examples/nested.example.js @@ -1,7 +1,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "Nested"; diff --git a/packages/dialog/examples/no-tabbables.example.js b/packages/dialog/examples/no-tabbables.example.js index 644f30215..45d244bfc 100644 --- a/packages/dialog/examples/no-tabbables.example.js +++ b/packages/dialog/examples/no-tabbables.example.js @@ -2,7 +2,7 @@ import React from "react"; import Component from "@reach/component-component"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Dialog } from "../src/index"; +import { Dialog } from "@reach/dialog"; export let name = "No Tabbables"; diff --git a/packages/menu-button/examples/basic.example.js b/packages/menu-button/examples/basic.example.js index 39a72d4cb..dba26cd06 100644 --- a/packages/menu-button/examples/basic.example.js +++ b/packages/menu-button/examples/basic.example.js @@ -1,7 +1,7 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuItem } from "../src/index"; +import { Menu, MenuList, MenuButton, MenuItem } from "@reach/menu-button"; export let name = "Basic"; diff --git a/packages/menu-button/examples/conditional-items.example.js b/packages/menu-button/examples/conditional-items.example.js index 3f8e7e960..93300f9bb 100644 --- a/packages/menu-button/examples/conditional-items.example.js +++ b/packages/menu-button/examples/conditional-items.example.js @@ -1,7 +1,7 @@ import React, { useState } from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuItem } from "../src/index"; +import { Menu, MenuList, MenuButton, MenuItem } from "@reach/menu-button"; export let name = "Conditional Items"; diff --git a/packages/menu-button/examples/long-text.example.js b/packages/menu-button/examples/long-text.example.js index 5fcad648b..8b7f7ab1f 100644 --- a/packages/menu-button/examples/long-text.example.js +++ b/packages/menu-button/examples/long-text.example.js @@ -1,7 +1,13 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuLink, MenuButton, MenuItem } from "../src/index"; +import { + Menu, + MenuList, + MenuLink, + MenuButton, + MenuItem +} from "@reach/menu-button"; export let name = "Long Text"; diff --git a/packages/menu-button/examples/non-menu-children.example.js b/packages/menu-button/examples/non-menu-children.example.js index 275d29727..e62fff340 100644 --- a/packages/menu-button/examples/non-menu-children.example.js +++ b/packages/menu-button/examples/non-menu-children.example.js @@ -1,7 +1,7 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuItem } from "../src/index"; +import { Menu, MenuList, MenuButton, MenuItem } from "@reach/menu-button"; export let name = "Non Menu Children"; diff --git a/packages/menu-button/examples/render-callback.example.js b/packages/menu-button/examples/render-callback.example.js index a92508464..44cc59a9d 100644 --- a/packages/menu-button/examples/render-callback.example.js +++ b/packages/menu-button/examples/render-callback.example.js @@ -1,7 +1,7 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuItem } from "../src/index"; +import { Menu, MenuList, MenuButton, MenuItem } from "@reach/menu-button"; export let name = "Render Callback"; diff --git a/packages/menu-button/examples/with-links.example.js b/packages/menu-button/examples/with-links.example.js index 03df1d062..53d2fa613 100644 --- a/packages/menu-button/examples/with-links.example.js +++ b/packages/menu-button/examples/with-links.example.js @@ -1,7 +1,13 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuLink, MenuItem } from "../src/index"; +import { + Menu, + MenuList, + MenuButton, + MenuLink, + MenuItem +} from "@reach/menu-button"; import { Router, Link, diff --git a/packages/menu-button/examples/with-other-tabbables.example.js b/packages/menu-button/examples/with-other-tabbables.example.js index fa6040803..250dde1d2 100644 --- a/packages/menu-button/examples/with-other-tabbables.example.js +++ b/packages/menu-button/examples/with-other-tabbables.example.js @@ -1,7 +1,7 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuItem } from "../src/index"; +import { Menu, MenuList, MenuButton, MenuItem } from "@reach/menu-button"; export let name = "With Other Tabbables"; diff --git a/packages/menu-button/examples/with-tooltip.example.js b/packages/menu-button/examples/with-tooltip.example.js index 98085fa8e..f04e69978 100644 --- a/packages/menu-button/examples/with-tooltip.example.js +++ b/packages/menu-button/examples/with-tooltip.example.js @@ -3,7 +3,7 @@ import React from "react"; import "../styles.css"; import { action } from "@storybook/addon-actions"; -import { Menu, MenuList, MenuButton, MenuItem } from "../src/index"; +import { Menu, MenuList, MenuButton, MenuItem } from "@reach/menu-button"; import Tooltip from "../../tooltip"; export let name = "With Tooltip"; diff --git a/packages/popover/examples/basic.example.js b/packages/popover/examples/basic.example.js index 9ef9e9d6c..1b1fd01fc 100644 --- a/packages/popover/examples/basic.example.js +++ b/packages/popover/examples/basic.example.js @@ -1,5 +1,5 @@ import React, { useRef, useState } from "react"; -import Popover, { positionDefault, positionMatchWidth } from "../src/index"; +import Popover, { positionDefault, positionMatchWidth } from "@reach/popover"; export let name = "Basic"; diff --git a/packages/portal/examples/basic.example.js b/packages/portal/examples/basic.example.js index 5f2e8c2e3..cd7f1460d 100644 --- a/packages/portal/examples/basic.example.js +++ b/packages/portal/examples/basic.example.js @@ -1,5 +1,5 @@ import React from "react"; -import Portal from "../src/index"; +import Portal from "@reach/portal"; export let name = "Basic"; diff --git a/packages/rect/examples/basic.example.js b/packages/rect/examples/basic.example.js index e97d990e8..d6f9b3479 100644 --- a/packages/rect/examples/basic.example.js +++ b/packages/rect/examples/basic.example.js @@ -1,5 +1,5 @@ import React from "react"; -import Rect from "../src/index"; +import Rect from "@reach/rect"; export let name = "Basic"; diff --git a/packages/rect/examples/pin.example.js b/packages/rect/examples/pin.example.js index fe9893669..9f164dce7 100644 --- a/packages/rect/examples/pin.example.js +++ b/packages/rect/examples/pin.example.js @@ -1,5 +1,5 @@ import React from "react"; -import Rect from "../src/index"; +import Rect from "@reach/rect"; export let name = "Pin element to another"; diff --git a/packages/rect/examples/use-rect.example.js b/packages/rect/examples/use-rect.example.js index 958ca74d9..2cc5abf82 100644 --- a/packages/rect/examples/use-rect.example.js +++ b/packages/rect/examples/use-rect.example.js @@ -1,5 +1,5 @@ import React, { useRef } from "react"; -import { useRect } from "../src/index"; +import { useRect } from "@reach/rect"; export const name = "useRect"; diff --git a/packages/slider/examples/basic.example.js b/packages/slider/examples/basic.example.js index e03e6ee15..721e1ef3b 100644 --- a/packages/slider/examples/basic.example.js +++ b/packages/slider/examples/basic.example.js @@ -6,7 +6,7 @@ import { SliderTrack, SliderTrackHighlight, SliderMarker -} from "../src"; +} from "@reach/slider"; export const name = "Basic"; diff --git a/packages/slider/examples/contained-handle.example.js b/packages/slider/examples/contained-handle.example.js index 57147b779..eb99a1456 100644 --- a/packages/slider/examples/contained-handle.example.js +++ b/packages/slider/examples/contained-handle.example.js @@ -5,7 +5,7 @@ import { SliderHandle, SliderTrack, SliderTrackHighlight -} from "../src"; +} from "@reach/slider"; export const name = "Contained Handle"; diff --git a/packages/slider/examples/controlled-audio-progress.example.js b/packages/slider/examples/controlled-audio-progress.example.js index 24427d684..1621c38b4 100644 --- a/packages/slider/examples/controlled-audio-progress.example.js +++ b/packages/slider/examples/controlled-audio-progress.example.js @@ -5,7 +5,7 @@ import { SliderHandle, SliderTrack, SliderTrackHighlight -} from "../src"; +} from "@reach/slider"; import { useAudio, timeToMs, msToTime } from "./utils"; export const name = "Audio Progress"; diff --git a/packages/slider/examples/controlled.example.js b/packages/slider/examples/controlled.example.js index 083852706..60f09a92e 100644 --- a/packages/slider/examples/controlled.example.js +++ b/packages/slider/examples/controlled.example.js @@ -6,7 +6,7 @@ import { SliderMarker, SliderTrack, SliderTrackHighlight -} from "../src"; +} from "@reach/slider"; export const name = "Controlled"; diff --git a/packages/slider/examples/vertical.example.js b/packages/slider/examples/vertical.example.js index b9b5c91e2..7ff15b198 100644 --- a/packages/slider/examples/vertical.example.js +++ b/packages/slider/examples/vertical.example.js @@ -6,7 +6,7 @@ import { SliderMarker, SliderTrack, SliderTrackHighlight -} from "../src"; +} from "@reach/slider"; export const name = "Vertical"; diff --git a/packages/slider/examples/with-steps.example.js b/packages/slider/examples/with-steps.example.js index 743522a33..107446132 100644 --- a/packages/slider/examples/with-steps.example.js +++ b/packages/slider/examples/with-steps.example.js @@ -6,7 +6,7 @@ import { SliderMarker, SliderTrack, SliderTrackHighlight -} from "../src"; +} from "@reach/slider"; export const name = "With Steps"; diff --git a/packages/slider/examples/with-tooltip.example.js b/packages/slider/examples/with-tooltip.example.js index 6e239aa4e..2dc5d7273 100644 --- a/packages/slider/examples/with-tooltip.example.js +++ b/packages/slider/examples/with-tooltip.example.js @@ -1,13 +1,13 @@ import React from "react"; -import { useTooltip, TooltipPopup } from "../../tooltip/src"; -import { wrapEvent } from "../../utils/src"; +import { useTooltip, TooltipPopup } from "@reach/tooltip"; +import { wrapEvent } from "@reach/utils"; import "../styles.css"; import { Slider, SliderHandle, SliderTrack, SliderTrackHighlight -} from "../src"; +} from "@reach/slider"; export const name = "With Tooltip"; diff --git a/packages/tabs/examples/animated-bar.example.js b/packages/tabs/examples/animated-bar.example.js index 662df0b09..9074939b4 100644 --- a/packages/tabs/examples/animated-bar.example.js +++ b/packages/tabs/examples/animated-bar.example.js @@ -6,8 +6,8 @@ import React, { createContext } from "react"; import "../styles.css"; -import { Tabs, TabList, Tab, TabPanels, TabPanel } from "../src"; -import { useRect } from "../../rect/src"; +import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs"; +import { useRect } from "@reach/rect"; export const name = "Animated Bar"; diff --git a/packages/tabs/examples/basic.example.js b/packages/tabs/examples/basic.example.js index 7e6c0856b..9902bb6bd 100644 --- a/packages/tabs/examples/basic.example.js +++ b/packages/tabs/examples/basic.example.js @@ -1,6 +1,6 @@ import React from "react"; import "../styles.css"; -import { Tabs, TabList, Tab, TabPanels, TabPanel } from "../src"; +import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs"; export const name = "Basic"; diff --git a/packages/tabs/examples/controlled.example.js b/packages/tabs/examples/controlled.example.js index b46d9f287..7d276d0ce 100644 --- a/packages/tabs/examples/controlled.example.js +++ b/packages/tabs/examples/controlled.example.js @@ -1,6 +1,6 @@ import React, { useState } from "react"; import "../styles.css"; -import { Tabs, TabList, Tab, TabPanels, TabPanel } from "../src"; +import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs"; export const name = "Controlled"; diff --git a/packages/tabs/examples/disabled.example.js b/packages/tabs/examples/disabled.example.js index 9200cd941..e51871632 100644 --- a/packages/tabs/examples/disabled.example.js +++ b/packages/tabs/examples/disabled.example.js @@ -1,6 +1,6 @@ import React from "react"; import "../styles.css"; -import { Tabs, TabList, Tab, TabPanels, TabPanel } from "../src"; +import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs"; export const name = "Disabled Tabs"; diff --git a/packages/tooltip/examples/animated.example.js b/packages/tooltip/examples/animated.example.js index 4dc67b0c3..d7c04e3d5 100644 --- a/packages/tooltip/examples/animated.example.js +++ b/packages/tooltip/examples/animated.example.js @@ -1,7 +1,7 @@ /* eslint-disable jsx-a11y/accessible-emoji */ import "../styles.css"; import React, { Fragment, cloneElement } from "react"; -import { useTooltip, TooltipPopup } from "../src/index"; +import { useTooltip, TooltipPopup } from "@reach/tooltip"; // https://github.com/react-spring/react-spring/issues/552#issuecomment-464680114 import { useTransition, animated } from "react-spring/web.cjs"; diff --git a/packages/tooltip/examples/basic.example.js b/packages/tooltip/examples/basic.example.js index 86df1bec3..b6167c1e6 100644 --- a/packages/tooltip/examples/basic.example.js +++ b/packages/tooltip/examples/basic.example.js @@ -1,7 +1,7 @@ /* eslint-disable jsx-a11y/accessible-emoji */ import "../styles.css"; import React from "react"; -import Tooltip from "../src/index"; +import Tooltip from "@reach/tooltip"; export const name = "Basic"; diff --git a/packages/tooltip/examples/triangle.example.js b/packages/tooltip/examples/triangle.example.js index 27e2e6ee4..d47cb5872 100644 --- a/packages/tooltip/examples/triangle.example.js +++ b/packages/tooltip/examples/triangle.example.js @@ -1,7 +1,7 @@ /* eslint-disable jsx-a11y/accessible-emoji */ import "../styles.css"; import React, { Fragment, cloneElement } from "react"; -import { useTooltip, TooltipPopup } from "../src/index"; +import { useTooltip, TooltipPopup } from "@reach/tooltip"; export const name = "Triangle"; diff --git a/packages/visually-hidden/examples/basic.example.js b/packages/visually-hidden/examples/basic.example.js index 1be8f6ddb..30a3f6c8f 100644 --- a/packages/visually-hidden/examples/basic.example.js +++ b/packages/visually-hidden/examples/basic.example.js @@ -1,5 +1,5 @@ import React from "react"; -import VisuallyHidden from "../src/index"; +import VisuallyHidden from "@reach/visually-hidden"; export let name = "Basic"; diff --git a/packages/window-size/examples/basic.example.js b/packages/window-size/examples/basic.example.js index 3b743ab1c..2deb694d4 100644 --- a/packages/window-size/examples/basic.example.js +++ b/packages/window-size/examples/basic.example.js @@ -1,5 +1,5 @@ import React from "react"; -import WindowSize from "../src/index"; +import WindowSize from "@reach/window-size"; export let name = "Basic";