update hook

Author: LinKCoding

packages/gamut/src/Pagination/index.tsx

@@ -2,7 +2,7 @@ import {
   MiniChevronLeftIcon,
   MiniChevronRightIcon,
 } from '@codecademy/gamut-icons';
-import { useDirectionIsRtl } from '@codecademy/gamut-styles';
+import { useElementDir } from '@codecademy/gamut-styles';
 import { useMemo, useRef, useState } from 'react';
 import * as React from 'react';
 
@@ -74,7 +74,7 @@ export const Pagination: React.FC<PaginationProps> = ({
   const [liveText, setLiveText] = useState('');
   const [shownPageArray, setShownPageArray] = useState([0]);
   const rootRef = useRef<HTMLDivElement>(null);
-  const isRtl = useDirectionIsRtl(rootRef);
+  const isRtl = useElementDir(rootRef);
 
   const showSkipToButtons = !!(
     (type === undefined && totalPages >= 10) ||

packages/styleguide/.storybook/theming/GamutThemeProvider.tsx

@@ -62,7 +62,6 @@ export const withEmotion = (Story: any, context: GlobalsContext) => {
     if (storyEl) storyEl.style.backgroundColor = background;
   }, [storyRef.current, context.globals.colorMode]);
 
-  // App
   useLayoutEffect(() => {
     if (typeof document === 'undefined') return;
     const doc = storyRef.current?.ownerDocument ?? document;