feat(SW-375): new tokens

new asset generation logic

BREAKING CHANGE: New tokens.

packages/design-system/example/components/ContentPage/Main/Main.tsx

@@ -0,0 +1,17 @@
+import { Hero } from '../Hero'
+import { RichTextEditorContent } from '../RichTextEditorContent'
+import { Sidebar } from '../Sidebar'
+
+import styles from './main.module.css'
+
+export function Main() {
+  return (
+    <main className={styles.main}>
+      <Hero />
+      <div className={styles.content}>
+        <RichTextEditorContent />
+        <Sidebar />
+      </div>
+    </main>
+  )
+}

packages/design-system/example/components/ContentPage/Main/index.tsx

@@ -0,0 +1 @@
+export { Main } from './Main'

packages/design-system/example/components/ContentPage/Main/main.module.css

@@ -0,0 +1,18 @@
+.main {
+  display: flex;
+  flex-direction: column;
+  padding-top: var(--Space-x4);
+  padding-bottom: var(--Space-x8);
+}
+
+.main > * {
+  width: 1196px; /* TODO: Magic number, revisit */
+  margin: 0 auto;
+}
+
+.content {
+  padding-top: var(--Space-x4);
+  display: grid;
+  grid-template-columns: 792px 1fr; /* TODO: Magic number, revisit */
+  gap: var(--Space-x8);
+}