@uniweb/scholar 1.0.1 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/scholar",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "Academic content utilities for Uniweb - numbered equations with cross-references, bibliographic references, and inline citations",
   "type": "module",
   "exports": {
@@ -37,7 +37,7 @@
     "url": "https://github.com/uniweb/scholar/issues"
   },
   "engines": {
-    "node": ">=20.19"
+    "node": ">=22.12"
   },
   "dependencies": {
     "@citestyle/bibtex": "^1.0.0",

package/src/components/BibtexBlock.jsx

@@ -50,8 +50,8 @@ export function BibtexBlock({
       className={className}
       style={{
         position: 'relative',
-        backgroundColor: '#f8fafc',
-        border: '1px solid #e2e8f0',
+        backgroundColor: 'var(--card, #f8fafc)',
+        border: '1px solid var(--border, #e2e8f0)',
         borderRadius: '0.5rem',
         overflow: 'hidden',
       }}
@@ -64,15 +64,15 @@ export function BibtexBlock({
           justifyContent: 'space-between',
           alignItems: 'center',
           padding: '0.5rem 1rem',
-          backgroundColor: '#f1f5f9',
-          borderBottom: '1px solid #e2e8f0',
+          backgroundColor: 'var(--muted, #f1f5f9)',
+          borderBottom: '1px solid var(--border, #e2e8f0)',
         }}
       >
         <span
           style={{
             fontSize: '0.75rem',
             fontWeight: '600',
-            color: '#64748b',
+            color: 'var(--subtle, #64748b)',
             textTransform: 'uppercase',
             letterSpacing: '0.05em',
           }}
@@ -90,8 +90,8 @@ export function BibtexBlock({
               gap: '0.25rem',
               padding: '0.25rem 0.5rem',
               fontSize: '0.75rem',
-              color: copied ? '#059669' : '#64748b',
-              backgroundColor: copied ? '#ecfdf5' : 'transparent',
+              color: copied ? 'var(--success, #059669)' : 'var(--subtle, #64748b)',
+              backgroundColor: copied ? 'var(--success-subtle, #ecfdf5)' : 'transparent',
               border: 'none',
               borderRadius: '0.25rem',
               cursor: 'pointer',
@@ -145,7 +145,7 @@ export function BibtexBlock({
           lineHeight: '1.6',
           fontFamily:
             'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace',
-          color: '#334155',
+          color: 'var(--body, #334155)',
           overflowX: 'auto',
           whiteSpace: 'pre-wrap',
           wordBreak: 'break-word',

package/src/components/CiteButton.jsx

@@ -18,6 +18,8 @@ import { exportBibtex } from '../bibliography/parsers/index.js'
  * @param {Object} props.publication - Publication data (Scholar or CSL-JSON)
  * @param {Array<string>} [props.styles] - Style names to show (defaults to all + bibtex)
  * @param {string} [props.label='Cite'] - Button label
+ * @param {string} [props.copiedLabel] - What a style's entry says once its citation is copied.
+ *   Without one it says ✓ and the style's name, so the button brings no words of its own there.
  * @param {string} [props.className] - Additional CSS classes
  *
  * @example
@@ -27,6 +29,7 @@ export function CiteButton({
   publication,
   styles,
   label = 'Cite',
+  copiedLabel,
   className,
   ...props
 }) {
@@ -177,8 +180,8 @@ export function CiteButton({
                 padding: '0.375rem 0.625rem',
                 fontSize: '0.8125rem',
                 textAlign: 'left',
-                color: copied === style ? '#059669' : 'var(--body, #374151)',
-                backgroundColor: copied === style ? '#ecfdf5' : 'transparent',
+                color: copied === style ? 'var(--success, #059669)' : 'var(--body, #374151)',
+                backgroundColor: copied === style ? 'var(--success-subtle, #ecfdf5)' : 'transparent',
                 border: 'none',
                 borderRadius: '0.25rem',
                 cursor: 'pointer',
@@ -195,7 +198,7 @@ export function CiteButton({
               }}
             >
               {copied === style
-                ? '✓ Copied!'
+                ? copiedLabel || `✓ ${styleLabels[style] || style.toUpperCase()}`
                 : styleLabels[style] || style.toUpperCase()}
             </button>
           ))}