Merge remote-tracking branch 'origin/main'

# Conflicts:
#	package.json

Author: marvel-uiuc

.github/workflows/publish_npm.yml

@@ -0,0 +1,21 @@
+name: publish_npm
+on:
+  workflow_dispatch:
+  push:
+    tags: [ '**' ]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - name: 'Checkout GitHub Action'
+      uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: '22.x'
+        registry-url: 'https://registry.npmjs.org'
+    - name: Install dependencies
+      run: npm ci
+    - name: Install to npm
+      run: npm publish --access public
+      env:
+          NODE_AUTH_TOKEN: ${{secrets.TOOLKIT_NPM_SECRET}}

README.md

@@ -36,6 +36,12 @@ as long as you include them as inline SVG rather than with an `<img>` tag.
 
 With other icons, you may need to apply the change. For reference, here is the relevant CSS for the Illinois icons:
 
+```css
+ilw-card path.cls-1 {
+    fill: currentColor;
+}
+```
+
 ### Buttons in cards
 
 The card component overrides certain aspects of `ilw-button` and `ilw-buttons` elements to make them match
@@ -45,12 +51,6 @@ added to the buttons (eg. `ilw-theme-orange`).
 For clickable cards, the CSS background animation is also removed, because it doesn't really work with the card
 transition.
 
-```css
-ilw-card[clickable] path.cls-1 {
-    fill: currentColor;
-}
-```
-
 ## Code Examples
 
 ### Basic card with buttons

package.json

@@ -1,19 +1,27 @@
 {
     "name": "@illinois-toolkit/ilw-card",
-    "description": "Illinois Toolkit: A card component that can be used as a container for grouping information.",
+    "description": "Illinois Toolkit: A card component that can be used as a container for grouping information, reminiscent of a physical note or playing card.",
     "repository": "github:web-illinois/ilw-card",
     "private": false,
     "version": "1.0.0-alpha1",
     "type": "module",
+    "files": [
+      "src/**",
+      "dist/**",
+      "builder/**"
+    ],
     "exports": {
         ".": {
-            "import": "./src/ilw-card.js"
+            "import": "./src/ilw-card.js",
+            "require": "./src/ilw-card.cjs",
+            "default": "./src/ilw-card.js"
         }
     },
     "scripts": {
         "dev": "vite",
         "build": "vite build --config vite.build.config.js --emptyOutDir",
-        "preview": "vite preview"
+        "preview": "vite preview",
+        "prepack": "npm run build"
     },
     "dependencies": {
         "lit": "3.1.3"
@@ -22,4 +30,4 @@
         "vite": "^5.2.0",
         "postcss-nested": "^6.2.0"
     }
-}
+}