organizes content guidelines utils content into a folder

thumbtack · Aug 27, 2024 · d653ddf · d653ddf
1 parent 04cf4c4
commit d653ddf
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 20 deletions.
diff --git a/next/pages/guidelines/color/overview.tsx b/next/pages/guidelines/color/overview.tsx
@@ -9,8 +9,8 @@ import usageContentMappings, {
     emphasisContent,
     interactionContent,
     ContentMapping,
-} from '../../../utils/color-usage-mappings';
-import { Image } from '../../../utils/color-usage-types';
+} from '../../../utils/guidelines/color/color-usage-mappings';
+import { Image } from '../../../utils/guidelines/color/color-usage-types';
 import ExampleBox from '../../../components/example-box';
 
 import usage from '../../../images/pages/guide/product/color/overiew/usage.png';

diff --git a/next/pages/guidelines/color/palette.tsx b/next/pages/guidelines/color/palette.tsx
@@ -9,8 +9,8 @@ import { Text } from '@thumbtack/thumbprint-react';
 import { ContentPage } from '../../../components/mdx/mdx';
 import getLayoutProps from '../../../utils/get-layout-props';
 import { H2, P } from '../../../components/mdx/components';
-import { paletteColortMappings } from '../../../utils/color-usage-mappings';
-import { Color, Image, Usage } from '../../../utils/color-usage-types';
+import { paletteColortMappings } from '../../../utils/guidelines/color/color-usage-mappings';
+import { Color, Image, Usage } from '../../../utils/guidelines/color/color-usage-types';
 
 import purple from '../../../images/pages/guide/product/color/palette/purple.png';
 import yellow from '../../../images/pages/guide/product/color/palette/yellow.png';

diff --git a/next/pages/guidelines/color/usage/background.tsx b/next/pages/guidelines/color/usage/background.tsx
@@ -7,9 +7,9 @@ import InlineCode from '../../../../components/inline-code/inline-code';
 import getLayoutProps from '../../../../utils/get-layout-props';
 import { H2, H3, LI, P, UL } from '../../../../components/mdx/components';
 import ExampleBox from '../../../../components/example-box';
-import UsageCategory from './usage-categories';
-import ColorUsageNav from './color-usage-nav';
-import { Usage, Image } from '../../../../utils/color-usage-types';
+import UsageCategory from '../../../../utils/guidelines/color/color-usage-categories';
+import ColorUsageNav from '../../../../utils/guidelines/color/color-usage-nav';
+import { Usage, Image } from '../../../../utils/guidelines/color/color-usage-types';
 
 import intro from '../../../../images/pages/guide/product/color/usage/background/intro.png';
 import neutral from '../../../../images/pages/guide/product/color/usage/background/neutral.png';

diff --git a/next/pages/guidelines/color/usage/borders.tsx b/next/pages/guidelines/color/usage/borders.tsx
@@ -5,9 +5,9 @@ import { ContentPage } from '../../../../components/mdx/mdx';
 import { H2, H3, LI, P, UL } from '../../../../components/mdx/components';
 import getLayoutProps from '../../../../utils/get-layout-props';
 import ExampleBox from '../../../../components/example-box';
-import UsageCategory from './usage-categories';
-import ColorUsageNav from './color-usage-nav';
-import { Usage, Image } from '../../../../utils/color-usage-types';
+import UsageCategory from '../../../../utils/guidelines/color/color-usage-categories';
+import ColorUsageNav from '../../../../utils/guidelines/color/color-usage-nav';
+import { Usage, Image } from '../../../../utils/guidelines/color/color-usage-types';
 
 import intro from '../../../../images/pages/guide/product/color/usage/borders/intro.png';
 import neutral from '../../../../images/pages/guide/product/color/usage/borders/neutral.png';

diff --git a/next/pages/guidelines/color/usage/icons.tsx b/next/pages/guidelines/color/usage/icons.tsx
@@ -5,9 +5,9 @@ import { ContentPage } from '../../../../components/mdx/mdx';
 import { H2, H3, LI, P, UL } from '../../../../components/mdx/components';
 import getLayoutProps from '../../../../utils/get-layout-props';
 import ExampleBox from '../../../../components/example-box';
-import UsageCategory from './usage-categories';
-import ColorUsageNav from './color-usage-nav';
-import { Usage, Image } from '../../../../utils/color-usage-types';
+import UsageCategory from '../../../../utils/guidelines/color/color-usage-categories';
+import ColorUsageNav from '../../../../utils/guidelines/color/color-usage-nav';
+import { Usage, Image } from '../../../../utils/guidelines/color/color-usage-types';
 
 import intro from '../../../../images/pages/guide/product/color/usage/icons/intro.png';
 import neutral from '../../../../images/pages/guide/product/color/usage/icons/neutral.png';

diff --git a/next/pages/guidelines/color/usage/text.tsx b/next/pages/guidelines/color/usage/text.tsx
@@ -6,9 +6,9 @@ import { ContentPage } from '../../../../components/mdx/mdx';
 import { H2, H3, LI, P, UL } from '../../../../components/mdx/components';
 import getLayoutProps from '../../../../utils/get-layout-props';
 import ExampleBox from '../../../../components/example-box';
-import UsageCategory from './usage-categories';
-import ColorUsageNav from './color-usage-nav';
-import { Usage, Image } from '../../../../utils/color-usage-types';
+import UsageCategory from '../../../../utils/guidelines/color/color-usage-categories';
+import ColorUsageNav from '../../../../utils/guidelines/color/color-usage-nav';
+import { Usage, Image } from '../../../../utils/guidelines/color/color-usage-types';
 
 import intro from '../../../../images/pages/guide/product/color/usage/text/intro.png';
 import neutral from '../../../../images/pages/guide/product/color/usage/text/neutral.png';

diff --git a/...idelines/color/usage/usage-categories.tsx → ...idelines/color/color-usage-categories.tsx b/...idelines/color/usage/usage-categories.tsx → ...idelines/color/color-usage-categories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import usageContentMappings from '../../../../utils/color-usage-mappings';
-import ExampleBox from '../../../../components/example-box';
-import { H2, P } from '../../../../components/mdx/components';
+import usageContentMappings from './color-usage-mappings';
+import ExampleBox from '../../../components/example-box';
+import { H2, P } from '../../../components/mdx/components';
 
 function showInteractionColumn(usages) {
     return usages.filter(item => item.values.interaction !== '').length;

diff --git a/next/utils/color-usage-mappings.ts → .../guidelines/color/color-usage-mappings.ts b/next/utils/color-usage-mappings.ts → .../guidelines/color/color-usage-mappings.ts
diff --git a/...uidelines/color/usage/color-usage-nav.tsx → ...tils/guidelines/color/color-usage-nav.tsx b/...uidelines/color/usage/color-usage-nav.tsx → ...tils/guidelines/color/color-usage-nav.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import TabNav, { TabNavItem } from '../../../../components/tab-nav/tab-nav';
+import TabNav, { TabNavItem } from '../../../components/tab-nav/tab-nav';
 
 interface TabProps {
     [key: string]: {

diff --git a/next/utils/color-usage-types.ts → ...ils/guidelines/color/color-usage-types.ts b/next/utils/color-usage-types.ts → ...ils/guidelines/color/color-usage-types.ts