docs(examples): update examples to include primitives

primer · Jan 9, 2025 · 5b1abb6 · 5b1abb6
1 parent e1aeb1e
commit 5b1abb6
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 2 deletions.
diff --git a/examples/app-router/next-env.d.ts b/examples/app-router/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/examples/app-router/src/app/global.css b/examples/app-router/src/app/global.css
@@ -0,0 +1,8 @@
+@import '@primer/primitives/dist/css/primitives.css';
+@import '@primer/primitives/dist/css/functional/themes/light.css';
+@import '@primer/primitives/dist/css/functional/themes/dark.css';
+
+body {
+  color: var(--fgColor-default);
+  background-color: var(--bgColor-default);
+}
diff --git a/examples/app-router/src/app/layout.tsx b/examples/app-router/src/app/layout.tsx
@@ -1,3 +1,4 @@
+import './global.css'
 import {BaseStyles, ThemeProvider} from '@primer/react'
 import {StyledComponentsRegistry} from './registry'
 

diff --git a/examples/codesandbox/src/App.tsx b/examples/codesandbox/src/App.tsx
@@ -1,7 +1,7 @@
 import {Button} from '@primer/react'
 
 function App() {
-  return <Button>Hello</Button>
+  return <Button>Hello World</Button>
 }
 
 export default App
diff --git a/examples/codesandbox/src/index.css b/examples/codesandbox/src/index.css
@@ -0,0 +1,8 @@
+@import '@primer/primitives/dist/css/primitives.css';
+@import '@primer/primitives/dist/css/functional/themes/light.css';
+@import '@primer/primitives/dist/css/functional/themes/dark.css';
+
+body {
+  color: var(--fgColor-default);
+  background-color: var(--bgColor-default);
+}