move generated code to src dirs

libs/@guardian/design-tokens/package.json

@@ -3,12 +3,13 @@
 	"version": "0.1.0--pre.0",
 	"private": true,
 	"type": "module",
-	"main": "./vendor/tokens.js",
+	"main": "src/__generated__/tokens.js",
+	"types": "src/__generated__/tokens.d.ts",
 	"files": [
-		"vendor"
+		"src/__generated__"
 	],
 	"scripts": {
-		"build": "co build && prettier --write vendor/**",
+		"build": "co build && prettier --write src/__generated__/**",
 		"fix": "pnpm lint --fix",
 		"lint": "eslint --cache ."
 	},
@@ -29,7 +30,7 @@
 					"{projectRoot}/package.json"
 				],
 				"outputs": [
-					"{projectRoot}/vendor"
+					"{projectRoot}/src/__generated__"
 				]
 			},
 			"lint": {

libs/@guardian/design-tokens/tokens.config.js

@@ -25,7 +25,7 @@ const pxToRem = (token) => {
 /** @type {import('@cobalt-ui/core').Config} */
 export default {
 	tokens: 'src/tokens.json',
-	outDir: './vendor',
+	outDir: './src/__generated__',
 	plugins: [
 		pluginCSS({
 			p3: false,

libs/@guardian/source-foundations/scripts/build-type-presets.ts

@@ -16,7 +16,7 @@ console.log('Building typography presets…');
 
 const presetTotal = Object.keys(typographyPresets).length;
 
-const outputPath = `${process.cwd()}/vendor/typography`;
+const outputPath = `${process.cwd()}/src/__generated__/typography`;
 fs.mkdirSync(outputPath, { recursive: true });
 
 const cssOutputPath = `${outputPath}/css.ts`;

libs/@guardian/source-foundations/src/index.ts

@@ -33,8 +33,8 @@ export {
 export { space, remSpace } from './space/space';
 
 // typography
-export * from '../vendor/typography/css';
-export * from '../vendor/typography/objects';
+export * from './__generated__/typography/css';
+export * from './__generated__/typography/objects';
 
 // utils
 export { appearance } from './utils/supports-queries';

libs/@guardian/source-foundations/src/tokens.test.ts

@@ -1,5 +1,5 @@
-import * as typePresetCss from '../vendor/typography/css';
-import * as typePresetObject from '../vendor/typography/objects';
+import * as typePresetCss from './__generated__/typography/css';
+import * as typePresetObject from './__generated__/typography/objects';
 import {
 	background,
 	border,

libs/@guardian/source-foundations/src/typography/stories/TypographyPresets.tsx

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { typographyPresets } from '@guardian/design-tokens';
-import * as presets from '../../../vendor/typography/css';
+import * as presets from '../../__generated__/typography/css';
 import { palette } from '../../colour/palette';
 import { space } from '../../space/space';
 

libs/@guardian/source-react-components/scripts/create-icons/create-icon-component.ts

@@ -76,7 +76,7 @@ export const createIconComponent = async ({
 			import { css } from '@emotion/react';
 
 			import { iconSize, visuallyHidden } from '@guardian/source-foundations';
-			import type { IconProps } from '../../src';
+			import type { IconProps } from '../..';
 
 			${variables.imports};
 
@@ -92,7 +92,7 @@ export const createIconComponent = async ({
 			import { css } from '@emotion/react';
 
 			import { iconSize, visuallyHidden } from '@guardian/source-foundations';
-			import type { IconProps } from '../../src';
+			import type { IconProps } from '../..';
 
 			${variables.imports};
 

libs/@guardian/source-react-components/scripts/create-icons/index.ts

@@ -24,7 +24,14 @@ const SPECIAL_CASES = {
 	isWide: ['direct-debit-wide'],
 };
 
-const VENDOR_ICON_PATH = path.resolve(__dirname, '..', '..', 'vendor', 'icons');
+const VENDOR_ICON_PATH = path.resolve(
+	__dirname,
+	'..',
+	'..',
+	'src',
+	'__generated__',
+	'icons',
+);
 
 const warning = [
 	'// DO NOT EDIT',