fansunited-frontend-components 0.0.1-RC11 → 0.0.1-RC12

package/README.md

@@ -40,13 +40,11 @@ const App: React.FC = () => {
 export default App;
 ```
 
-## Components
-
-### ClassicQuizPlay
+## Classic Quiz Component
 
 An interactive quiz component that supports multiple templates and customization options.
 
-#### Props
+### Props
 
 All props are defined in `fansunited-frontend-core`.
 
@@ -60,7 +58,7 @@ import {
 } from "fansunited-frontend-core";
 ```
 
-#### Required Props
+### Required Props
 
 | Prop       | Type                 | Description                    |
 | ---------- | -------------------- | ------------------------------ |
@@ -69,7 +67,7 @@ import {
 | `template` | `WidgetTemplate`     | Widget template type           |
 | `language` | `LanguageType`       | Display language               |
 
-#### Optional Props
+### Optional Props
 
 | Prop                     | Type                 | Description                                                    |
 | ------------------------ | -------------------- | -------------------------------------------------------------- |
@@ -78,7 +76,7 @@ import {
 | `leads`                  | `LeadsOptions`       | Lead collection configuration                                  |
 | `imagePosition`          | `"left" \| "right"`  | Image position (STANDARD template only)                        |
 
-#### Templates
+### Templates
 
 ```tsx
 import { WidgetTemplate } from "fansunited-frontend-core";
@@ -98,7 +96,7 @@ const overlayProps: ClassicQuizPlayProps = {
 };
 ```
 
-## Theming
+### Theming
 
 Customize the appearance using theme options:
 
@@ -246,7 +244,7 @@ const themeOptions: CustomThemeOptions = {
 <ClassicQuizPlay {...otherProps} themeOptions={themeOptions} />;
 ```
 
-## Lead Collection
+### Lead Collection
 
 Enable lead capture functionality:
 
@@ -264,7 +262,7 @@ const leads: LeadsOptions = {
 <ClassicQuizPlay {...otherProps} leads={leads} />;
 ```
 
-## TypeScript Support
+### TypeScript Support
 
 This package is built with TypeScript and provides full type definitions. Import types from `fansunited-frontend-core`:
 
@@ -279,7 +277,7 @@ import {
 } from "fansunited-frontend-core";
 ```
 
-## Peer Dependencies
+### Peer Dependencies
 
 ```json
 {
@@ -288,13 +286,13 @@ import {
 }
 ```
 
-## Bundle Size
+### Bundle Size
 
 The component uses shadow DOM and emotion for isolated styling, ensuring no CSS conflicts with your application.
 
-## Examples
+### Examples
 
-### Basic Quiz
+#### Basic Quiz
 
 ```tsx
 import { ClassicQuizPlay } from "fansunited-frontend-components";
@@ -308,7 +306,7 @@ import { WidgetTemplate } from "fansunited-frontend-core";
 />;
 ```
 
-### Customized Quiz
+#### Customized Quiz
 
 ```tsx
 <ClassicQuizPlay
@@ -327,6 +325,6 @@ import { WidgetTemplate } from "fansunited-frontend-core";
 />
 ```
 
-## Related Packages
+#### Related Packages
 
 - [`fansunited-frontend-core`](https://www.npmjs.com/package/fansunited-frontend-core) - Core types and utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-frontend-components",
-  "version": "0.0.1-RC11",
+  "version": "0.0.1-RC12",
   "description": "Various user centric components for Fans United features",
   "main": "components.js",
   "types": "components.d.ts",
@@ -9,6 +9,11 @@
   "dependencies": {
     "fansunited-frontend-core": "latest"
   },
+  "keywords": [
+    "fansunited",
+    "frontend",
+    "components"
+  ],
   "devDependencies": {
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.0.0",