chore: update lockfile and copy react build into docs, update usage to correct font

colinscz · colinscz · commit 5bdfdc788c68 · 2025-02-21T14:52:50.000+01:00
diff --git a/docs/package.json b/docs/package.json
@@ -17,11 +17,12 @@
   },
   "scripts": {
     "start": "vitepress dev",
-    "build": "run-s clean generate:components build:doc copy:angular copy:vue",
+    "build": "run-s clean generate:components build:doc copy:angular copy:vue copy:react",
     "preview": "vitepress preview",
     "build:doc": "vitepress build",
     "copy:angular": "cpy '../examples/angular/dist/demo-app-angular/**/*' ./.vitepress/dist/demo/angular/",
     "copy:vue": "cpy '../examples/vue/dist/**/*' ./.vitepress/dist/demo/vue/",
+    "copy:react": "cpy '../examples/react/dist/**/*' ./.vitepress/dist/demo/react/",
     "generate:components": "node scripts/components.mjs",
     "clean": "rimraf examples components .vitepress/dist"
   },
diff --git a/examples/react/app/globals.css b/examples/react/app/globals.css
@@ -1,3 +1,5 @@
+@import '@six-group/ui-library/dist/ui-library/ui-library.css';
+
 :root {
   --background: #ffffff;
   --foreground: #171717;
@@ -19,11 +21,26 @@ body {
 body {
   color: var(--foreground);
   background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
+input,
+button,
+textarea,
+select {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
 * {
   box-sizing: border-box;
   padding: 0;
diff --git a/examples/react/app/layout.tsx b/examples/react/app/layout.tsx
@@ -1,17 +1,5 @@
 import type { Metadata } from 'next';
-import { Geist, Geist_Mono } from 'next/font/google';
 import './globals.css';
-import '@six-group/ui-library/dist/ui-library/ui-library.css';
-
-const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
-});
-
-const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin'],
-});
 
 export const metadata: Metadata = {
   title: 'Create Next App',
@@ -25,7 +13,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>{children}</body>
+      <body>{children}</body>
     </html>
   );
 }
diff --git a/examples/react/app/page.module.css b/examples/react/app/page.module.css
@@ -13,7 +13,7 @@
   min-height: 100svh;
   padding: 80px;
   gap: 64px;
-  font-family: var(--font-geist-sans);
+  font-family: inherit;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -35,7 +35,7 @@
 }
 
 .main ol {
-  font-family: var(--font-geist-mono);
+  font-family: inherit;
   padding-left: 0;
   margin: 0;
   font-size: 14px;
@@ -125,8 +125,7 @@ a.secondary {
 
 @media (max-width: 600px) {
   .page {
-    padding: 32px;
-    padding-bottom: 80px;
+    padding: 32px 32px 80px;
   }
 
   .main {
diff --git a/examples/react/package.json b/examples/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react",
-  "version": "0.1.0",
+  "version": "0.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/libraries/ui-library/package.json b/libraries/ui-library/package.json
@@ -52,8 +52,8 @@
     "@stencil/react-output-target": "^0.8.2",
     "@stencil/vue-output-target": "0.x",
     "@stencil/sass": "^3.0.7",
-    "@typescript-eslint/eslint-plugin": "^6.15.0",
-    "@typescript-eslint/parser": "^6.15.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "replace-in-file": "^6.3.5",
     "rimraf": "^3.0.2"
   },
diff --git a/package-lock.json b/package-lock.json

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react",`
`3`		`- "version": "0.1.0",`
	`3`	`+ "version": "0.0.0",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"dev": "next dev",`