@betterinternship/components 2.0.1 → 2.1.0

package/README.md

@@ -2,39 +2,49 @@
 
 Contains common components shared between the different interfaces of the site.
 
-## How to update
+## Running the playground
 
-1. Build the package:
+This package comes with a simple React app that you can use to test components. It runs on `localhost:5173` in your browser.
+
+Run the playground:
 
 ```bash
-npm run build
+npm run dev:playground
 ```
 
-2. Commit the build:
+## Running the test suite
+
+Run the test suite:
 
 ```bash
-git add .
-git commit -m "<follow conventional commits, k thanks>"
-git push
+npm run test
 ```
 
-3. Update the version and publish the package to NPM:
+or run the test suite in watch mode if you're making changes:
 
 ```bash
-npm version <major|minor|patch>
-npm publish
+npm run test:watch
 ```
 
-## How to test components
+## Updating the package
 
-Run the test suite:
+1. Build the package:
 
 ```bash
-npm run test
+npm run build
 ```
 
-or Run the test suite in watch mode if you're making changes:
+2. Commit the build:
 
 ```bash
-npm run test:watch
+git add .
+git commit -m "<follow conventional commits, k thanks>"
+git push
+```
+
+3. Update the version and publish the package to NPM:
+
+```bash
+npm version <major|minor|patch>
+npm publish
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterinternship/components",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,7 +8,8 @@
     "build": "rollup -c && tsc-alias",
     "test": "vitest run",
     "test:watch": "vitest",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "dev:playground": "npm --prefix playground run dev"
   },
   "publishConfig": {
     "access": "public"
@@ -220,6 +221,7 @@
   ],
   "dependencies": {
     "@daypicker/react": "^10.0.1",
+    "@types/react-dom": "^19.2.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": ">=0.454.0",

package/theme.css

@@ -8,19 +8,24 @@
   --card-foreground: oklch(0.145 0 0);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.145 0 0);
+
+  /* primary brand (deep royal blue) */
   --primary: oklch(0.441 0.122 251);
   --primary-foreground: oklch(0.984 0.003 210);
+
+  /* secondary (soft tinted gray-blue) */
+  --secondary: oklch(0.441 0.122 251);
+  --secondary-foreground: oklch(0.25 0.08 251);
+
   --supportive: oklch(0.663 0.137 137);
   --supportive-foreground: oklch(0.984 0.003 210);
-  --secondary: oklch(0.208 0.04 266);
-  --secondary-foreground: oklch(0.968 0.007 210);
   --muted: oklch(0.968 0.007 210);
   --muted-foreground: oklch(0.554 0.041 257);
   --warning: oklch(0.731 0.144 64);
   --warning-foreground: oklch(0.968 0.007 210);
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.64 0.218 29);
+  --destructive: oklch(0.48 0.218 29);
   --destructive-foreground: oklch(0.984 0.003 210);
   --border: oklch(0.922 0 0);
   --input: oklch(0.922 0 0);
@@ -45,11 +50,11 @@
   --animate-accordion-up: accordion-up 0.2s ease-out;
 
   --font-sans:
-    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
+    Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif;
   --font-mono:
-    "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, "Liberation Mono",
-    "Courier New", monospace;
+    'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
 
   --color-background: var(--background);
   --color-foreground: var(--foreground);