Bump react from 18.3.1 to 19.2.0

Bumps [react](https://github.com/facebook/react/tree/HEAD/packages/react) from 18.3.1 to 19.2.0. - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/v19.2.0/packages/react) --- updated-dependencies: - dependency-name: react dependency-version: 19.2.0 dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>
2026-01-23 14:23:21 +00:00 · 2025-11-03 03:57:35 +00:00
62 changed files with 3069 additions and 2956 deletions
--- a/changelog.md
+++ b/changelog.md
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -4,13 +4,13 @@ const React = require('react');
 const { useState, useRef, useMemo, useEffect } = React;
 const _ = require('lodash');

-const MarkdownLegacy = require('markdownLegacy.js');
-import Markdown from 'markdown.js';
+const MarkdownLegacy = require('naturalcrit/markdownLegacy.js');
+import Markdown from 'naturalcrit/markdown.js';
 const ErrorBar = require('./errorBar/errorBar.jsx');
 const ToolBar  = require('./toolBar/toolBar.jsx');

 //TODO: move to the brew renderer
-const RenderWarnings = require('client/components/renderWarnings/renderWarnings.jsx');
+const RenderWarnings = require('homebrewery/renderWarnings/renderWarnings.jsx');
 const NotificationPopup = require('./notificationPopup/notificationPopup.jsx');
 const Frame = require('react-frame-component').default;
 const dedent = require('dedent-tabs').default;
--- a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx
+++ b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx
@@ -1,7 +1,7 @@
 require('./notificationPopup.less');
 import React, { useEffect, useState } from 'react';
 import request from '../../utils/request-middleware.js';
-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 import Dialog from '../../../components/dialog.jsx';

--- a/client/homebrew/editor/editor.jsx
+++ b/client/homebrew/editor/editor.jsx
@@ -4,9 +4,9 @@ const React = require('react');
 const createClass = require('create-react-class');
 const _ = require('lodash');
 const dedent = require('dedent-tabs').default;
-import Markdown from '../../../shared/markdown.js';
+import Markdown from '../../../shared/naturalcrit/markdown.js';

-const CodeEditor = require('client/components/codeEditor/codeEditor.jsx');
+const CodeEditor = require('naturalcrit/codeEditor/codeEditor.jsx');
 const SnippetBar = require('./snippetbar/snippetbar.jsx');
 const MetadataEditor = require('./metadataEditor/metadataEditor.jsx');

@@ -58,7 +58,7 @@ const Editor = createClass({
 		return {
 			editorTheme      : this.props.editorTheme,
 			view             : 'text', //'text', 'style', 'meta', 'snippet'
-			snippetBarHeight : 26,
+			snippetbarHeight : 25
 		};
 	},

@@ -85,15 +85,7 @@ const Editor = createClass({
 				editorTheme : editorTheme
 			});
 		}
-		const snippetBar = document.querySelector('.editor > .snippetBar');
-		if (!snippetBar) return;
-
-		this.resizeObserver = new ResizeObserver(entries => {
-			const height = document.querySelector('.editor > .snippetBar').offsetHeight;
-			this.setState({ snippetBarHeight: height });
-		});
-
-		this.resizeObserver.observe(snippetBar);
+		this.setState({ snippetbarHeight: document.querySelector('.editor > .snippetBar').offsetHeight });
 	},

 	componentDidUpdate : function(prevProps, prevState, snapshot) {
@@ -116,10 +108,6 @@ const Editor = createClass({
 		}
 	},

-	componentWillUnmount() {
-		if (this.resizeObserver) this.resizeObserver.disconnect();
-	},
-
 	handleControlKeys : function(e){
 		if(!(e.ctrlKey && e.metaKey && e.shiftKey)) return;
 		const LEFTARROW_KEY = 37;
@@ -420,7 +408,11 @@ const Editor = createClass({
 	},

 	//Called when there are changes to the editor's dimensions
-	update : function(){},
+	update : function(){
+		const snipHeight = document.querySelector('.editor > .snippetBar').offsetHeight;
+		if(snipHeight !== this.state.snippetbarHeight)
+			this.setState({ snippetbarHeight: snipHeight });
+	},

 	updateEditorTheme : function(newTheme){
 		window.localStorage.setItem(EDITOR_THEME_KEY, newTheme);
@@ -445,7 +437,7 @@ const Editor = createClass({
 					onChange={this.props.onBrewChange('text')}
 					editorTheme={this.state.editorTheme}
 					rerenderParent={this.rerenderParent}
-					style={{  height: `calc(100% - ${this.state.snippetBarHeight}px)` }} />
+					style={{  height: `calc(100% - ${this.state.snippetbarHeight}px)` }} />
 			</>;
 		}
 		if(this.isStyle()){
@@ -459,7 +451,7 @@ const Editor = createClass({
 					enableFolding={true}
 					editorTheme={this.state.editorTheme}
 					rerenderParent={this.rerenderParent}
-					style={{  height: `calc(100% - ${this.state.snippetBarHeight}px)` }} />
+					style={{  height: `calc(100% - ${this.state.snippetbarHeight}px)` }} />
 			</>;
 		}
 		if(this.isMeta()){
@@ -476,6 +468,7 @@ const Editor = createClass({
 					userThemes={this.props.userThemes}/>
 			</>;
 		}
+
 		if(this.isSnip()){
 			if(!this.props.brew.snippets) { this.props.brew.snippets = DEFAULT_SNIPPET_TEXT; }
 			return <>
@@ -488,7 +481,7 @@ const Editor = createClass({
 					enableFolding={true}
 					editorTheme={this.state.editorTheme}
 					rerenderParent={this.rerenderParent}
-					style={{  height: `calc(100% -${this.state.snippetBarHeight}px)` }} />
+					style={{  height: `calc(100% - ${this.state.snippetbarHeight}px)` }} />
 			</>;
 		}
 	},
--- a/client/homebrew/editor/snippetbar/snippetbar.less
+++ b/client/homebrew/editor/snippetbar/snippetbar.less
@@ -14,7 +14,7 @@
 	.snippets {
 		display         : flex;
 		justify-content : flex-start;
-		min-width       : 499.35px;  //must be controlled every time an item is added, must be hardcoded for the wrapping as it is applied
+		min-width       : 432.18px;  //must be controlled every time an item is added, must be hardcoded for the wrapping as it is applied
 	}

 	.editors {
@@ -237,7 +237,7 @@
 	}

 }
-@container editor (width < 750px) {
+@container editor (width < 683px) {
 	.snippetBar {
 		.editors { 
 			flex            : 1;
--- a/client/homebrew/navbar/account.navitem.jsx
+++ b/client/homebrew/navbar/account.navitem.jsx
@@ -1,6 +1,6 @@
 const React = require('react');
 const createClass = require('create-react-class');
-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
 const request = require('superagent');

 const Account = createClass({
@@ -70,7 +70,7 @@ const Account = createClass({
 					{global.account.username}
 				</Nav.item>
 				<Nav.item
-					href={`/user/${encodeURIComponent(global.account.username)}`}
+					href={`/user/${encodeURI(global.account.username)}`}
 					color='yellow'
 					icon='fas fa-beer'
 				>
--- a/client/homebrew/navbar/error-navitem.jsx
+++ b/client/homebrew/navbar/error-navitem.jsx
@@ -1,6 +1,6 @@
 require('./error-navitem.less');
 const React = require('react');
-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 const ErrorNavItem = ({ error = '', clearError })=>{
 	const response    = error.response;
--- a/client/homebrew/navbar/help.navitem.jsx
+++ b/client/homebrew/navbar/help.navitem.jsx
@@ -1,7 +1,7 @@
 const React = require('react');
 const dedent = require('dedent-tabs').default;

-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 module.exports = function(props){
 	return <Nav.dropdown>
--- a/client/homebrew/navbar/metadata.navitem.jsx
+++ b/client/homebrew/navbar/metadata.navitem.jsx
@@ -2,7 +2,7 @@ const React = require('react');
 const createClass = require('create-react-class');
 const Moment = require('moment');

-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');


 const MetadataNav = createClass({
@@ -32,7 +32,7 @@ const MetadataNav = createClass({
 		return <>
 			{this.props.brew.authors.map((author, idx, arr)=>{
 				const spacer = arr.length - 1 == idx ? <></> : <span>, </span>;
-				return <span key={idx}><a className='userPageLink' href={`/user/${encodeURIComponent(author)}`}>{author}</a>{spacer}</span>;
+				return <span key={idx}><a className='userPageLink' href={`/user/${author}`}>{author}</a>{spacer}</span>;
 			})}
 		</>;
 	},
--- a/client/homebrew/navbar/navbar.jsx
+++ b/client/homebrew/navbar/navbar.jsx
@@ -2,7 +2,7 @@ require('./navbar.less');
 const React = require('react');
 const createClass = require('create-react-class');

-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
 const PatreonNavItem = require('./patreon.navitem.jsx');

 const Navbar = createClass({
--- a/client/homebrew/navbar/newbrew.navitem.jsx
+++ b/client/homebrew/navbar/newbrew.navitem.jsx
@@ -1,18 +1,21 @@
 const React = require('react');
 const _ = require('lodash');
-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
 const { splitTextStyleAndMetadata } = require('../../../shared/helpers.js'); // Importing the function from helpers.js

-const BREWKEY  = 'HB_newPage_content';
-const STYLEKEY = 'HB_newPage_style';
-const METAKEY = 'HB_newPage_meta';
+const BREWKEY  = 'homebrewery-new';
+const STYLEKEY = 'homebrewery-new-style';
+const METAKEY = 'homebrewery-new-meta';

 const NewBrew = ()=>{
 	const handleFileChange = (e)=>{
 		const file = e.target.files[0];
 		if(!file) return;

-		if(!confirmLocalStorageChange()) return;
+		const currentNew = localStorage.getItem(BREWKEY);
+		if(currentNew && !confirm(
+			`You have some text in the new brew space, if you load a file that text will be lost, are you sure you want to load the file?`
+		)) return;

 		const reader = new FileReader();
 		reader.onload = (e)=>{
@@ -34,35 +37,12 @@ const NewBrew = ()=>{

 			alert(`This file is invalid: ${!type ? 'Missing file extension' :`.${type} files are not supported`}. Only .txt files exported from the Homebrewery are allowed.`);

+
 			console.log(file);
 		};
 		reader.readAsText(file);
 	};

-	const confirmLocalStorageChange = ()=>{
-		const currentText  = localStorage.getItem(BREWKEY);
-		const currentStyle = localStorage.getItem(STYLEKEY);
-		const currentMeta  = localStorage.getItem(METAKEY);
-
-		// TRUE if no data in any local storage key
-		// TRUE if data in any local storage key AND approval given
-		// FALSE if data in any local storage key AND approval declined
-		return (!(currentText || currentStyle || currentMeta) || confirm(
-			`You have made changes in the new brew space. If you continue, that information will be PERMANENTLY LOST.\nAre you sure you wish to continue?`
-		));
-	};
-
-	const clearLocalStorage = ()=>{
-		if(!confirmLocalStorageChange()) return;
-
-		localStorage.removeItem(BREWKEY);
-		localStorage.removeItem(STYLEKEY);
-		localStorage.removeItem(METAKEY);
-
-		window.location.href = '/new';
-		return;
-	};
-

 	return (
 		<Nav.dropdown>
@@ -70,31 +50,24 @@ const NewBrew = ()=>{
 				className='new'
 				color='purple'
 				icon='fa-solid fa-plus-square'>
-					new
+                new
 			</Nav.item>
 			<Nav.item
-				className='new'
+				className='fromBlank'
 				href='/new'
 				newTab={true}
 				color='purple'
 				icon='fa-solid fa-file'>
-					resume draft
-			</Nav.item>
-			<Nav.item
-				className='fromBlank'
-				newTab={true}
-				color='yellow'
-				icon='fa-solid fa-file-circle-plus'
-				onClick={()=>{ clearLocalStorage(); }}>
-					from blank
+                from blank
 			</Nav.item>
+
 			<Nav.item
 				className='fromFile'
-				color='green'
+				color='purple'
 				icon='fa-solid fa-upload'
 				onClick={()=>{ document.getElementById('uploadTxt').click(); }}>
 				<input id='uploadTxt' className='newFromLocal' type='file' onChange={handleFileChange} style={{ display: 'none' }} />
-					from file
+                from file
 			</Nav.item>
 		</Nav.dropdown>
 	);
--- a/client/homebrew/navbar/patreon.navitem.jsx
+++ b/client/homebrew/navbar/patreon.navitem.jsx
@@ -1,5 +1,5 @@
 const React = require('react');
-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 module.exports = function(props){
 	return <Nav.item
--- a/client/homebrew/navbar/print.navitem.jsx
+++ b/client/homebrew/navbar/print.navitem.jsx
@@ -1,5 +1,5 @@
 const React = require('react');
-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
 const { printCurrentBrew } = require('../../../shared/helpers.js');

 module.exports = function(){
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -3,7 +3,7 @@ const createClass = require('create-react-class');
 const _ = require('lodash');
 const Moment = require('moment');

-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 const EDIT_KEY = 'HB_nav_recentlyEdited';
 const VIEW_KEY = 'HB_nav_recentlyViewed';
--- a/client/homebrew/navbar/share.navitem.jsx
+++ b/client/homebrew/navbar/share.navitem.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import dedent from 'dedent-tabs';
-import Nav from 'client/homebrew/navbar/nav.jsx';
+import Nav from 'naturalcrit/nav/nav.jsx';

 const getShareId = (brew)=>(
 	brew.googleId && !brew.stubbed
--- a/client/homebrew/navbar/vault.navitem.jsx
+++ b/client/homebrew/navbar/vault.navitem.jsx
@@ -1,6 +1,6 @@
 const React = require('react');

-const Nav = require('client/homebrew/navbar/nav.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');

 module.exports = function (props) {
 	return (
--- a/client/homebrew/pages/accountPage/accountPage.jsx
+++ b/client/homebrew/pages/accountPage/accountPage.jsx
@@ -1,7 +1,7 @@
 const React  = require('react');
 const moment = require('moment');
 const UIPage = require('../basePages/uiPage/uiPage.jsx');
-const NaturalCritIcon = require('client/components/svg/naturalcrit-d20.svg.jsx');
+const NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');

 let SAVEKEY = '';

--- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
+++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
@@ -143,7 +143,7 @@ const BrewItem = ({
 								<span title="Username contained an email address; hidden to protect user's privacy">
 									{author}
 								</span>
-							) : (<a href={`/user/${encodeURIComponent(author)}`}>{author}</a>)}
+							) : (<a href={`/user/${author}`}>{author}</a>)}
 							{index < brew.authors.length - 1 && ', '}
 						</React.Fragment>
 					))}
--- a/client/homebrew/pages/basePages/uiPage/uiPage.jsx
+++ b/client/homebrew/pages/basePages/uiPage/uiPage.jsx
@@ -2,12 +2,12 @@ require('./uiPage.less');
 const React = require('react');
 const createClass = require('create-react-class');

-const Nav = require('client/homebrew/navbar/nav.jsx');
-const Navbar = require('client/homebrew/navbar/navbar.jsx');
-const NewBrewItem = require('client/homebrew/navbar/newbrew.navitem.jsx');
-const HelpNavItem = require('client/homebrew/navbar/help.navitem.jsx');
-const RecentNavItem = require('client/homebrew/navbar/recent.navitem.jsx').both;
-const Account = require('client/homebrew/navbar/account.navitem.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
+const Navbar = require('../../../navbar/navbar.jsx');
+const NewBrewItem = require('../../../navbar/newbrew.navitem.jsx');
+const HelpNavItem = require('../../../navbar/help.navitem.jsx');
+const RecentNavItem = require('../../../navbar/recent.navitem.jsx').both;
+const Account = require('../../../navbar/account.navitem.jsx');


 const UIPage = createClass({
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -4,7 +4,7 @@ import './editPage.less';
 // Common imports
 import React, { useState, useEffect, useRef } from 'react';
 import request                                from '../../utils/request-middleware.js';
-import Markdown                               from 'markdown.js';
+import Markdown                               from 'naturalcrit/markdown.js';
 import _                                      from 'lodash';

 import { DEFAULT_BREW_LOAD }                  from '../../../../server/brewDefaults.js';
@@ -14,15 +14,15 @@ import SplitPane    from 'client/components/splitPane/splitPane.jsx';
 import Editor       from '../../editor/editor.jsx';
 import BrewRenderer from '../../brewRenderer/brewRenderer.jsx';

-import Nav                       from 'client/homebrew/navbar/nav.jsx';
-import Navbar                    from 'client/homebrew/navbar/navbar.jsx';
-import NewBrewItem               from 'client/homebrew/navbar/newbrew.navitem.jsx';
-import AccountNavItem            from 'client/homebrew/navbar/account.navitem.jsx';
-import ErrorNavItem              from 'client/homebrew/navbar/error-navitem.jsx';
-import HelpNavItem               from 'client/homebrew/navbar/help.navitem.jsx';
-import VaultNavItem              from 'client/homebrew/navbar/vault.navitem.jsx';
-import PrintNavItem              from 'client/homebrew/navbar/print.navitem.jsx';
-import { both as RecentNavItem } from 'client/homebrew/navbar/recent.navitem.jsx';
+import Nav                       from 'naturalcrit/nav/nav.jsx';
+import Navbar                    from '../../navbar/navbar.jsx';
+import NewBrewItem               from '../../navbar/newbrew.navitem.jsx';
+import AccountNavItem            from '../../navbar/account.navitem.jsx';
+import ErrorNavItem              from '../../navbar/error-navitem.jsx';
+import HelpNavItem               from '../../navbar/help.navitem.jsx';
+import VaultNavItem              from '../../navbar/vault.navitem.jsx';
+import PrintNavItem              from '../../navbar/print.navitem.jsx';
+import { both as RecentNavItem } from '../../navbar/recent.navitem.jsx';

 // Page specific imports
 import { Meta }                          from 'vitreum/headtags';
@@ -30,7 +30,7 @@ import { md5 }                           from 'hash-wasm';
 import { gzipSync, strToU8 }             from 'fflate';
 import { makePatches, stringifyPatches } from '@sanity/diff-match-patch';

-import ShareNavItem              from 'client/homebrew/navbar/share.navitem.jsx';
+import ShareNavItem              from '../../navbar/share.navitem.jsx';
 import LockNotification from './lockNotification/lockNotification.jsx';
 import { updateHistory, versionHistoryGarbageCollection } from '../../utils/versionHistory.js';
 import googleDriveIcon from '../../googleDrive.svg';
@@ -119,10 +119,6 @@ const EditPage = (props)=>{
 		if(autoSaveEnabled) trySave(false, hasChange);
 	}, [currentBrew]);

-	useEffect(()=>{
-		trySave(true);
-	}, [saveGoogle]);
-
 	const handleSplitMove = ()=>{
 		editorRef.current?.update();
 	};
@@ -183,6 +179,7 @@ const EditPage = (props)=>{
 	const toggleGoogleStorage = ()=>{
 		setSaveGoogle((prev)=>!prev);
 		setError(null);
+		trySave(true);
 	};

 	const trySave = (immediate = false, hasChanges = true)=>{
--- a/client/homebrew/pages/errorPage/errorPage.jsx
+++ b/client/homebrew/pages/errorPage/errorPage.jsx
@@ -1,7 +1,7 @@
 require('./errorPage.less');
 const React      = require('react');
 const UIPage     = require('../basePages/uiPage/uiPage.jsx');
-import Markdown  from '../../../../shared/markdown.js';
+import Markdown  from '../../../../shared/naturalcrit/markdown.js';
 const ErrorIndex = require('./errors/errorIndex.js');

 const ErrorPage = ({ brew })=>{
--- a/client/homebrew/pages/errorPage/errors/errorIndex.js
+++ b/client/homebrew/pages/errorPage/errors/errorIndex.js
@@ -96,7 +96,7 @@ const errorIndex = (props)=>{

 		**Brew Title:** ${escape(props.brew.brewTitle) || 'Unable to show title'}

-		**Current Authors:** ${props.brew.authors?.map((author)=>{return `[${author}](/user/${encodeURIComponent(author)})`;}).join(', ') || 'Unable to list authors'}
+		**Current Authors:** ${props.brew.authors?.map((author)=>{return `[${author}](/user/${author})`;}).join(', ') || 'Unable to list authors'}
 		
 		[Click here to be redirected to the brew's share page.](/share/${props.brew.shareId})`,

@@ -111,7 +111,7 @@ const errorIndex = (props)=>{

 		**Brew Title:** ${escape(props.brew.brewTitle) || 'Unable to show title'}

-		**Current Authors:** ${props.brew.authors?.map((author)=>{return `[${author}](/user/${encodeURIComponent(author)})`;}).join(', ') || 'Unable to list authors'}
+		**Current Authors:** ${props.brew.authors?.map((author)=>{return `[${author}](/user/${author})`;}).join(', ') || 'Unable to list authors'}

 		[Click here to be redirected to the brew's share page.](/share/${props.brew.shareId})`,

@@ -222,7 +222,7 @@ const errorIndex = (props)=>{
 		
 		**Brew Title:** ${escape(props.brew.brewTitle)}
 		
-		**Brew Authors:**  ${props.brew.authors?.map((author)=>{return `[${author}](/user/${encodeURIComponent(author)})`;}).join(', ') || 'Unable to list authors'}`,
+		**Brew Authors:**  ${props.brew.authors?.map((author)=>{return `[${author}](/user/${author})`;}).join(', ') || 'Unable to list authors'}`,

 		// ####### Admin page error #######
 		'52' : dedent`
--- a/client/homebrew/pages/homePage/homePage.jsx
+++ b/client/homebrew/pages/homePage/homePage.jsx
@@ -4,7 +4,7 @@ import './homePage.less';
 // Common imports
 import React, { useState, useEffect, useRef } from 'react';
 import request                                from '../../utils/request-middleware.js';
-import Markdown                               from 'markdown.js';
+import Markdown                               from 'naturalcrit/markdown.js';
 import _                                      from 'lodash';

 import { DEFAULT_BREW }                       from '../../../../server/brewDefaults.js';
@@ -14,15 +14,15 @@ import SplitPane    from 'client/components/splitPane/splitPane.jsx';
 import Editor       from '../../editor/editor.jsx';
 import BrewRenderer from '../../brewRenderer/brewRenderer.jsx';

-import Nav                       from 'client/homebrew/navbar/nav.jsx';
-import Navbar                    from 'client/homebrew/navbar/navbar.jsx';
-import NewBrewItem               from 'client/homebrew/navbar/newbrew.navitem.jsx';
-import AccountNavItem            from 'client/homebrew/navbar/account.navitem.jsx';
-import ErrorNavItem              from 'client/homebrew/navbar/error-navitem.jsx';
-import HelpNavItem               from 'client/homebrew/navbar/help.navitem.jsx';
-import VaultNavItem              from 'client/homebrew/navbar/vault.navitem.jsx';
-import PrintNavItem              from 'client/homebrew/navbar/print.navitem.jsx';
-import { both as RecentNavItem } from 'client/homebrew/navbar/recent.navitem.jsx';
+import Nav                       from 'naturalcrit/nav/nav.jsx';
+import Navbar                    from '../../navbar/navbar.jsx';
+import NewBrewItem               from '../../navbar/newbrew.navitem.jsx';
+import AccountNavItem            from '../../navbar/account.navitem.jsx';
+import ErrorNavItem              from '../../navbar/error-navitem.jsx';
+import HelpNavItem               from '../../navbar/help.navitem.jsx';
+import VaultNavItem              from '../../navbar/vault.navitem.jsx';
+import PrintNavItem              from '../../navbar/print.navitem.jsx';
+import { both as RecentNavItem } from '../../navbar/recent.navitem.jsx';

 // Page specific imports
 import { Meta }                               from 'vitreum/headtags';
@@ -53,9 +53,8 @@ const HomePage =(props)=>{
 	const [isSaving                  , setIsSaving]                   = useState(false);
 	const [autoSaveEnabled           , setAutoSaveEnable]             = useState(false);

-	const editorRef         = useRef(null);
-	const lastSavedBrew     = useRef(_.cloneDeep(props.brew));
-	const unsavedChangesRef = useRef(unsavedChanges);
+	const editorRef     = useRef(null);
+	const lastSavedBrew = useRef(_.cloneDeep(props.brew));

 	useEffect(()=>{
 		fetchThemeBundle(setError, setThemeBundle, currentBrew.renderer, currentBrew.theme);
@@ -71,20 +70,12 @@ const HomePage =(props)=>{
 		};

 		document.addEventListener('keydown', handleControlKeys);
-		window.onbeforeunload = ()=>{
-			if(unsavedChangesRef.current)
-				return 'You have unsaved changes!';
-		};
+
 		return ()=>{
 			document.removeEventListener('keydown', handleControlKeys);
-			window.onbeforeunload = null;
 		};
 	}, []);

-	useEffect(()=>{
-		unsavedChangesRef.current = unsavedChanges;
-	}, [unsavedChanges]);
-
 	const save = ()=>{
 		request.post('/api')
 			.send(currentBrew)
--- a/client/homebrew/pages/newPage/newPage.jsx
+++ b/client/homebrew/pages/newPage/newPage.jsx
@@ -4,7 +4,7 @@ import './newPage.less';
 // Common imports
 import React, { useState, useEffect, useRef } from 'react';
 import request                                from '../../utils/request-middleware.js';
-import Markdown                               from 'markdown.js';
+import Markdown                               from 'naturalcrit/markdown.js';
 import _                                      from 'lodash';

 import { DEFAULT_BREW }                       from '../../../../server/brewDefaults.js';
@@ -14,15 +14,15 @@ import SplitPane    from 'client/components/splitPane/splitPane.jsx';
 import Editor       from '../../editor/editor.jsx';
 import BrewRenderer from '../../brewRenderer/brewRenderer.jsx';

-import Nav                       from 'client/homebrew/navbar/nav.jsx';
-import Navbar                    from 'client/homebrew/navbar/navbar.jsx';
-import NewBrewItem               from 'client/homebrew/navbar/newbrew.navitem.jsx';
-import AccountNavItem            from 'client/homebrew/navbar/account.navitem.jsx';
-import ErrorNavItem              from 'client/homebrew/navbar/error-navitem.jsx';
-import HelpNavItem               from 'client/homebrew/navbar/help.navitem.jsx';
-import VaultNavItem              from 'client/homebrew/navbar/vault.navitem.jsx';
-import PrintNavItem              from 'client/homebrew/navbar/print.navitem.jsx';
-import { both as RecentNavItem } from 'client/homebrew/navbar/recent.navitem.jsx';
+import Nav                       from 'naturalcrit/nav/nav.jsx';
+import Navbar                    from '../../navbar/navbar.jsx';
+import NewBrewItem               from '../../navbar/newbrew.navitem.jsx';
+import AccountNavItem            from '../../navbar/account.navitem.jsx';
+import ErrorNavItem              from '../../navbar/error-navitem.jsx';
+import HelpNavItem               from '../../navbar/help.navitem.jsx';
+import VaultNavItem              from '../../navbar/vault.navitem.jsx';
+import PrintNavItem              from '../../navbar/print.navitem.jsx';
+import { both as RecentNavItem } from '../../navbar/recent.navitem.jsx';

 // Page specific imports
 import { Meta }                  from 'vitreum/headtags';
@@ -56,10 +56,6 @@ const NewPage = (props)=>{

 	const editorRef     = useRef(null);
 	const lastSavedBrew = useRef(_.cloneDeep(props.brew));
-	// const saveTimeout        = useRef(null);
-	// const warnUnsavedTimeout = useRef(null);
-	const trySaveRef         = useRef(trySave); // CTRL+S listener lives outside React and needs ref to use trySave with latest copy of brew
-	const unsavedChangesRef  = useRef(unsavedChanges); // Similarly, onBeforeUnload lives outside React and needs ref to unsavedChanges

 	useEffect(()=>{
 		loadBrew();
@@ -118,11 +114,6 @@ const NewPage = (props)=>{
 		if(autoSaveEnabled) trySave(false, hasChange);
 	}, [currentBrew]);

-	useEffect(()=>{
-		trySaveRef.current = trySave;
-		unsavedChangesRef.current = unsavedChanges;
-	});
-
 	const handleSplitMove = ()=>{
 		editorRef.current.update();
 	};
@@ -150,7 +141,7 @@ const NewPage = (props)=>{
 		}
 	};

-	const trySave = async ()=>{
+	const save = async ()=>{
  	setIsSaving(true);

 		const updatedBrew = { ...currentBrew };
@@ -199,7 +190,7 @@ const NewPage = (props)=>{

 		// #3 - Unsaved changes exist, click to save, show SAVE NOW
 		if(unsavedChanges)
-			return <Nav.item className='save' onClick={trySave} color='blue' icon='fas fa-save'>save now</Nav.item>;
+			return <Nav.item className='save' onClick={save} color='blue' icon='fas fa-save'>save now</Nav.item>;

 		// #4 - No unsaved changes, autosave is ON, show AUTO-SAVED
 		if(autoSaveEnabled)
--- a/client/homebrew/pages/newPage/newPage.less
+++ b/client/homebrew/pages/newPage/newPage.less
@@ -1,15 +1,12 @@
 .newPage {
 	.navItem.save {
+		.fadeInRight();
+		.transition(opacity);
 		background-color : @orange;
-		transition:all 0.2s;
 		&:hover { background-color : @green; }
-		
 		&.neverSaved {
-			translate:-100%;
+			.fadeOutRight();
 			opacity: 0;
-			background-color :#333;
-			cursor:auto;
 		}
 	}
 }
-
--- a/client/homebrew/pages/sharePage/sharePage.jsx
+++ b/client/homebrew/pages/sharePage/sharePage.jsx
@@ -3,12 +3,12 @@ const React = require('react');
 const { useState, useEffect, useCallback } = React;
 const { Meta } = require('vitreum/headtags');

-const Nav = require('client/homebrew/navbar/nav.jsx');
-const Navbar = require('client/homebrew/navbar/navbar.jsx');
-const MetadataNav = require('client/homebrew/navbar/metadata.navitem.jsx');
-const PrintNavItem = require('client/homebrew/navbar/print.navitem.jsx');
-const RecentNavItem = require('client/homebrew/navbar/recent.navitem.jsx').both;
-const Account = require('client/homebrew/navbar/account.navitem.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
+const Navbar = require('../../navbar/navbar.jsx');
+const MetadataNav = require('../../navbar/metadata.navitem.jsx');
+const PrintNavItem = require('../../navbar/print.navitem.jsx');
+const RecentNavItem = require('../../navbar/recent.navitem.jsx').both;
+const Account = require('../../navbar/account.navitem.jsx');
 const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');

 const { DEFAULT_BREW_LOAD } = require('../../../../server/brewDefaults.js');
--- a/client/homebrew/pages/userPage/userPage.jsx
+++ b/client/homebrew/pages/userPage/userPage.jsx
@@ -4,14 +4,14 @@ const _ = require('lodash');

 const ListPage = require('../basePages/listPage/listPage.jsx');

-const Nav = require('client/homebrew/navbar/nav.jsx');
-const Navbar = require('client/homebrew/navbar/navbar.jsx');
-const RecentNavItem = require('client/homebrew/navbar/recent.navitem.jsx').both;
-const Account = require('client/homebrew/navbar/account.navitem.jsx');
-const NewBrew = require('client/homebrew/navbar/newbrew.navitem.jsx');
-const HelpNavItem = require('client/homebrew/navbar/help.navitem.jsx');
-const ErrorNavItem = require('client/homebrew/navbar/error-navitem.jsx');
-const VaultNavitem = require('client/homebrew/navbar/vault.navitem.jsx');
+const Nav = require('naturalcrit/nav/nav.jsx');
+const Navbar = require('../../navbar/navbar.jsx');
+const RecentNavItem = require('../../navbar/recent.navitem.jsx').both;
+const Account = require('../../navbar/account.navitem.jsx');
+const NewBrew = require('../../navbar/newbrew.navitem.jsx');
+const HelpNavItem = require('../../navbar/help.navitem.jsx');
+const ErrorNavItem = require('../../navbar/error-navitem.jsx');
+const VaultNavitem = require('../../navbar/vault.navitem.jsx');

 const UserPage = (props)=>{
 	props = {
--- a/client/homebrew/pages/vaultPage/vaultPage.jsx
+++ b/client/homebrew/pages/vaultPage/vaultPage.jsx
@@ -5,12 +5,12 @@ require('./vaultPage.less');
 const React = require('react');
 const { useState, useEffect, useRef } = React;

-const Nav           = require('client/homebrew/navbar/nav.jsx');
-const Navbar        = require('client/homebrew/navbar/navbar.jsx');
-const RecentNavItem = require('client/homebrew/navbar/recent.navitem.jsx').both;
-const Account       = require('client/homebrew/navbar/account.navitem.jsx');
-const NewBrew       = require('client/homebrew/navbar/newbrew.navitem.jsx');
-const HelpNavItem   = require('client/homebrew/navbar/help.navitem.jsx');
+const Nav           = require('naturalcrit/nav/nav.jsx');
+const Navbar        = require('../../navbar/navbar.jsx');
+const RecentNavItem = require('../../navbar/recent.navitem.jsx').both;
+const Account       = require('../../navbar/account.navitem.jsx');
+const NewBrew       = require('../../navbar/newbrew.navitem.jsx');
+const HelpNavItem   = require('../../navbar/help.navitem.jsx');
 const BrewItem      = require('../basePages/listPage/brewItem/brewItem.jsx');
 const SplitPane     = require('client/components/splitPane/splitPane.jsx');
 const ErrorIndex    = require('../errorPage/errors/errorIndex.js');
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,28 +1,28 @@
 {
  "name": "homebrewery",
-  "version": "3.20.0",
+  "version": "3.19.3",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "homebrewery",
-      "version": "3.20.0",
+      "version": "3.19.3",
      "hasInstallScript": true,
      "license": "MIT",
      "dependencies": {
        "@babel/core": "^7.28.4",
        "@babel/plugin-transform-runtime": "^7.28.3",
        "@babel/preset-env": "^7.28.3",
-        "@babel/preset-react": "^7.28.5",
+        "@babel/preset-react": "^7.27.1",
        "@babel/runtime": "^7.28.4",
        "@dmsnell/diff-match-patch": "^1.1.0",
-        "@googleapis/drive": "^19.2.0",
+        "@googleapis/drive": "^18.0.0",
        "@sanity/diff-match-patch": "^3.2.0",
        "body-parser": "^2.2.0",
        "classnames": "^2.5.1",
        "codemirror": "^5.65.6",
        "cookie-parser": "^1.4.7",
-        "core-js": "^3.47.0",
+        "core-js": "^3.46.0",
        "cors": "^2.8.5",
        "create-react-class": "^15.7.0",
        "dedent-tabs": "^0.10.3",
@@ -34,29 +34,29 @@
        "fs-extra": "11.3.2",
        "hash-wasm": "^4.12.0",
        "idb-keyval": "^6.2.2",
-        "js-yaml": "^4.1.1",
+        "js-yaml": "^4.1.0",
        "jwt-simple": "^0.5.6",
        "less": "^3.13.1",
        "lodash": "^4.17.21",
        "marked": "15.0.12",
        "marked-alignment-paragraphs": "^1.0.0",
        "marked-definition-lists": "^1.0.1",
-        "marked-emoji": "^2.0.2",
+        "marked-emoji": "^2.0.1",
        "marked-extended-tables": "^2.0.1",
-        "marked-gfm-heading-id": "^4.1.3",
+        "marked-gfm-heading-id": "^4.1.2",
        "marked-nonbreaking-spaces": "^1.0.1",
        "marked-smartypants-lite": "^1.0.3",
        "marked-subsuper-text": "^1.0.4",
        "marked-variables": "^1.0.4",
        "markedLegacy": "npm:marked@^0.3.19",
        "moment": "^2.30.1",
-        "mongoose": "^8.20.0",
+        "mongoose": "^8.19.1",
        "nanoid": "5.1.6",
        "nconf": "^0.13.0",
-        "react": "^18.3.1",
+        "react": "^19.2.0",
        "react-dom": "^18.3.1",
        "react-frame-component": "^4.1.3",
-        "react-router": "^7.9.6",
+        "react-router": "^7.9.4",
        "romans": "^3.1.0",
        "sanitize-filename": "1.6.3",
        "superagent": "^10.2.1",
@@ -66,8 +66,8 @@
      "devDependencies": {
        "@stylistic/stylelint-plugin": "^4.0.0",
        "babel-plugin-transform-import-meta": "^2.3.3",
-        "eslint": "^9.39.1",
-        "eslint-plugin-jest": "^29.1.0",
+        "eslint": "^9.37.0",
+        "eslint-plugin-jest": "^29.0.1",
        "eslint-plugin-react": "^7.37.5",
        "globals": "^16.4.0",
        "jest": "^30.2.0",
@@ -1427,9 +1427,9 @@
      }
    },
    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz",
-      "integrity": "sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.27.1.tgz",
+      "integrity": "sha512-p9+Vl3yuHPmkirRrg021XiP+EETmPMQTLr6Ayjj85RLNEbb3Eya/4VI0vAdzQG9SEAl2Lnt7fy5lZyMzjYoZQQ==",
      "license": "MIT",
      "dependencies": {
        "@babel/helper-plugin-utils": "^7.27.1"
@@ -1795,14 +1795,14 @@
      }
    },
    "node_modules/@babel/preset-react": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.28.5.tgz",
-      "integrity": "sha512-Z3J8vhRq7CeLjdC58jLv4lnZ5RKFUJWqH5emvxmv9Hv3BD1T9R/Im713R4MTKwvFaV74ejZ3sM01LyEKk4ugNQ==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.27.1.tgz",
+      "integrity": "sha512-oJHWh2gLhU9dW9HHr42q0cI0/iHHXTLGe39qvpAZZzagHy0MzYLCnCVV0symeRvzmjHyVU7mw2K06E6u/JwbhA==",
      "license": "MIT",
      "dependencies": {
        "@babel/helper-plugin-utils": "^7.27.1",
        "@babel/helper-validator-option": "^7.27.1",
-        "@babel/plugin-transform-react-display-name": "^7.28.0",
+        "@babel/plugin-transform-react-display-name": "^7.27.1",
        "@babel/plugin-transform-react-jsx": "^7.27.1",
        "@babel/plugin-transform-react-jsx-development": "^7.27.1",
        "@babel/plugin-transform-react-pure-annotations": "^7.27.1"
@@ -2258,9 +2258,9 @@
      }
    },
    "node_modules/@eslint/js": {
-      "version": "9.39.1",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.1.tgz",
-      "integrity": "sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==",
+      "version": "9.39.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.0.tgz",
+      "integrity": "sha512-BIhe0sW91JGPiaF1mOuPy5v8NflqfjIcDNpC+LbW9f609WVRX1rArrhi6Z2ymvrAry9jw+5POTj4t2t62o8Bmw==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -2295,9 +2295,9 @@
      }
    },
    "node_modules/@googleapis/drive": {
-      "version": "19.2.0",
-      "resolved": "https://registry.npmjs.org/@googleapis/drive/-/drive-19.2.0.tgz",
-      "integrity": "sha512-XzhQ+CNwW54umLecZLzQ5Q2RborJD1+u2YzJIT/BOpne+VJfsCyxWVG0nxYQmcGdiFXJPeW5+V3sdP/A/nt3eA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@googleapis/drive/-/drive-18.0.0.tgz",
+      "integrity": "sha512-nk4TirsHttwZSOjBEBjltCPDKUqwFso59G3WitNE+EGNVSVseSEq981f8Dmjq2ah0/fk3i206wuCU4PUCwcoTQ==",
      "license": "Apache-2.0",
      "dependencies": {
        "googleapis-common": "^8.0.0"
@@ -5343,9 +5343,9 @@
      }
    },
    "node_modules/core-js": {
-      "version": "3.47.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.47.0.tgz",
-      "integrity": "sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==",
+      "version": "3.46.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.46.0.tgz",
+      "integrity": "sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA==",
      "hasInstallScript": true,
      "license": "MIT",
      "funding": {
@@ -6259,9 +6259,9 @@
      }
    },
    "node_modules/eslint": {
-      "version": "9.39.1",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.1.tgz",
-      "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
+      "version": "9.39.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.0.tgz",
+      "integrity": "sha512-iy2GE3MHrYTL5lrCtMZ0X1KLEKKUjmK0kzwcnefhR66txcEmXZD2YWgR5GNdcEwkNx3a0siYkSvl0vIC+Svjmg==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -6271,7 +6271,7 @@
        "@eslint/config-helpers": "^0.4.2",
        "@eslint/core": "^0.17.0",
        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.1",
+        "@eslint/js": "9.39.0",
        "@eslint/plugin-kit": "^0.4.1",
        "@humanfs/node": "^0.16.6",
        "@humanwhocodes/module-importer": "^1.0.1",
@@ -6319,9 +6319,9 @@
      }
    },
    "node_modules/eslint-plugin-jest": {
-      "version": "29.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.1.0.tgz",
-      "integrity": "sha512-LabxXbASXVjguqL+kBHTPMf3gUeSqwH4fsrEyHTY/MCs42I/p9+ctg09SJpYiD8eGaIsP6GwYr5xW6xWS9XgZg==",
+      "version": "29.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.0.1.tgz",
+      "integrity": "sha512-EE44T0OSMCeXhDrrdsbKAhprobKkPtJTbQz5yEktysNpHeDZTAL1SfDTNKmcFfJkY6yrQLtTKZALrD3j/Gpmiw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -9466,9 +9466,9 @@
      "license": "MIT"
    },
    "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
      "license": "MIT",
      "dependencies": {
        "argparse": "^2.0.1"
@@ -10026,12 +10026,12 @@
      }
    },
    "node_modules/marked-emoji": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/marked-emoji/-/marked-emoji-2.0.2.tgz",
-      "integrity": "sha512-EFnLQn4wTyf+6pXfptkm83Z2mt3VbdEYedHBAsDpwUas5n5satsj42RGqAijBpmetgGerI1EzUuzf7NIccINUQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/marked-emoji/-/marked-emoji-2.0.1.tgz",
+      "integrity": "sha512-P+nRr02dD+yPOFhtGdaVBzp0qzwlksI2f5GumIdHW/3UadzJ5sVi78CZikiSLr9PmdtUOZodZUBNIO6k38pDMQ==",
      "license": "MIT",
      "peerDependencies": {
-        "marked": ">=4 <18"
+        "marked": ">=4 <17"
      }
    },
    "node_modules/marked-extended-tables": {
@@ -10044,15 +10044,15 @@
      }
    },
    "node_modules/marked-gfm-heading-id": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/marked-gfm-heading-id/-/marked-gfm-heading-id-4.1.3.tgz",
-      "integrity": "sha512-aR0i63LmFbuxU/gAgrgz1Ir+8HK6zAIFXMlckeKHpV+qKbYaOP95L4Ux5Gi+sKmCZU5qnN2rdKpvpb7PnUBIWg==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/marked-gfm-heading-id/-/marked-gfm-heading-id-4.1.2.tgz",
+      "integrity": "sha512-EQ1WiEGHJh0C8viU+hbXbhHyWTDgEia2i96fiSemm2wdYER6YBw/9QI5TB6YFTqFfmMOxBFXPcPJtlgD0fVV2w==",
      "license": "MIT",
      "dependencies": {
        "github-slugger": "^2.0.0"
      },
      "peerDependencies": {
-        "marked": ">=13 <18"
+        "marked": ">=13 <17"
      }
    },
    "node_modules/marked-nonbreaking-spaces": {
@@ -10436,9 +10436,9 @@
      }
    },
    "node_modules/mongoose": {
-      "version": "8.20.0",
-      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.20.0.tgz",
-      "integrity": "sha512-SxqNb8yx+VOjIOx2l7HqkGvYuLC/T85d+jPvqGDdUbKJFz/5PVSsVxQzypQsX7chenYvq5bd8jIr4LtunedE7g==",
+      "version": "8.19.2",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.19.2.tgz",
+      "integrity": "sha512-ww2T4dBV+suCbOfG5YPwj9pLCfUVyj8FEA1D3Ux1HHqutpLxGyOYEPU06iPRBW4cKr3PJfOSYsIpHWPTkz5zig==",
      "license": "MIT",
      "dependencies": {
        "bson": "^6.10.4",
@@ -12022,13 +12022,10 @@
      }
    },
    "node_modules/react": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
      "engines": {
        "node": ">=0.10.0"
      }
@@ -12065,9 +12062,9 @@
      "license": "MIT"
    },
    "node_modules/react-router": {
-      "version": "7.9.6",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.9.6.tgz",
-      "integrity": "sha512-Y1tUp8clYRXpfPITyuifmSoE2vncSME18uVLgaqyxh9H35JWpIfzHo+9y3Fzh5odk/jxPW29IgLgzcdwxGqyNA==",
+      "version": "7.9.5",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.9.5.tgz",
+      "integrity": "sha512-JmxqrnBZ6E9hWmf02jzNn9Jm3UqyeimyiwzD69NjxGySG6lIz/1LVPsoTCwN7NBX2XjCEa1LIX5EMz1j2b6u6A==",
      "license": "MIT",
      "dependencies": {
        "cookie": "^1.0.1",
@@ -14742,8 +14739,7 @@
    },
    "node_modules/vitreum": {
      "version": "6.0.4",
-      "resolved": "git+https://git@github.com/calculuschild/vitreum.git#929c351881c4229550374421c7e2890a94f4dca7",
-      "integrity": "sha512-dclfZIgvZU4pOeju1U7CjfGcAMNY+HwhYxF5O1cB6j9EtBrUXQh5+8XlYvNrw2XIcjWIxWcWaCpAQgJxKssfbQ==",
+      "resolved": "git+https://git@github.com/calculuschild/vitreum.git#9d55fd6fb7e85e7070de798c4f9d5b983c1b7dba",
      "hasInstallScript": true,
      "license": "MIT",
      "dependencies": {
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "homebrewery",
  "description": "Create authentic looking D&D homebrews using only markdown",
-  "version": "3.20.0",
+  "version": "3.19.3",
  "type": "module",
  "engines": {
    "npm": "^10.8.x",
@@ -44,9 +44,7 @@
    "phb": "node --experimental-require-module scripts/phb.js",
    "prod": "set NODE_ENV=production && npm run build",
    "postinstall": "npm run build",
-    "start": "node --experimental-require-module server.js",
-    "docker:build": "docker build -t ${DOCKERID}/homebrewery:$npm_package_version .",
-    "docker:publish": "docker login && docker push  ${DOCKERID}/homebrewery:$npm_package_version"
+    "start": "node --experimental-require-module server.js"
  },
  "author": "stolksdorf",
  "license": "MIT",
@@ -88,16 +86,16 @@
    "@babel/core": "^7.28.4",
    "@babel/plugin-transform-runtime": "^7.28.3",
    "@babel/preset-env": "^7.28.3",
-    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-react": "^7.27.1",
    "@babel/runtime": "^7.28.4",
    "@dmsnell/diff-match-patch": "^1.1.0",
-    "@googleapis/drive": "^19.2.0",
+    "@googleapis/drive": "^18.0.0",
    "@sanity/diff-match-patch": "^3.2.0",
    "body-parser": "^2.2.0",
    "classnames": "^2.5.1",
    "codemirror": "^5.65.6",
    "cookie-parser": "^1.4.7",
-    "core-js": "^3.47.0",
+    "core-js": "^3.46.0",
    "cors": "^2.8.5",
    "create-react-class": "^15.7.0",
    "dedent-tabs": "^0.10.3",
@@ -109,29 +107,29 @@
    "fs-extra": "11.3.2",
    "hash-wasm": "^4.12.0",
    "idb-keyval": "^6.2.2",
-    "js-yaml": "^4.1.1",
+    "js-yaml": "^4.1.0",
    "jwt-simple": "^0.5.6",
    "less": "^3.13.1",
    "lodash": "^4.17.21",
    "marked": "15.0.12",
    "marked-alignment-paragraphs": "^1.0.0",
    "marked-definition-lists": "^1.0.1",
-    "marked-emoji": "^2.0.2",
+    "marked-emoji": "^2.0.1",
    "marked-extended-tables": "^2.0.1",
-    "marked-gfm-heading-id": "^4.1.3",
+    "marked-gfm-heading-id": "^4.1.2",
    "marked-nonbreaking-spaces": "^1.0.1",
    "marked-smartypants-lite": "^1.0.3",
    "marked-subsuper-text": "^1.0.4",
    "marked-variables": "^1.0.4",
    "markedLegacy": "npm:marked@^0.3.19",
    "moment": "^2.30.1",
-    "mongoose": "^8.20.0",
+    "mongoose": "^8.19.1",
    "nanoid": "5.1.6",
    "nconf": "^0.13.0",
-    "react": "^18.3.1",
+    "react": "^19.2.0",
    "react-dom": "^18.3.1",
    "react-frame-component": "^4.1.3",
-    "react-router": "^7.9.6",
+    "react-router": "^7.9.4",
    "romans": "^3.1.0",
    "sanitize-filename": "1.6.3",
    "superagent": "^10.2.1",
@@ -141,8 +139,8 @@
  "devDependencies": {
    "@stylistic/stylelint-plugin": "^4.0.0",
    "babel-plugin-transform-import-meta": "^2.3.3",
-    "eslint": "^9.39.1",
-    "eslint-plugin-jest": "^29.1.0",
+    "eslint": "^9.37.0",
+    "eslint-plugin-jest": "^29.0.1",
    "eslint-plugin-react": "^7.37.5",
    "globals": "^16.4.0",
    "jest": "^30.2.0",
--- a/server/googleActions.js
+++ b/server/googleActions.js
@@ -6,7 +6,6 @@ import config      from './config.js';


 let serviceAuth;
-let clientEmail;
 if(!config.get('service_account')){
 	const reset = '\x1b[0m'; // Reset to default style
 	const yellow = '\x1b[33m'; // yellow color
@@ -16,10 +15,6 @@ if(!config.get('service_account')){
 		JSON.parse(config.get('service_account')) :
 		config.get('service_account');

-	if(keys?.client_email) {
-		clientEmail = keys.client_email;
-	}
-
 	try {
 		serviceAuth = googleDrive.auth.fromJSON(keys);
 		serviceAuth.scopes = ['https://www.googleapis.com/auth/drive'];
@@ -232,30 +227,14 @@ const GoogleActions = {

 		if(!obj) return;

-		if(clientEmail) {
-			await drive.permissions.create({
-				resource : {
-					type         : 'user',
-					emailAddress : clientEmail,
-					role         : 'writer'
-				},
-				fileId : obj.data.id,
-				fields : 'id',
-			})
-			.catch((err)=>{
-				console.log('Error adding Service Account permissions on Google Drive file');
-				console.error(err);
-			});
-		}
-
 		await drive.permissions.create({
 			resource : { type : 'anyone',
-			             role : 'writer' },
+									 role : 'writer' },
 			fileId : obj.data.id,
 			fields : 'id',
 		})
 		.catch((err)=>{
-			console.log('Error adding "Anyone" permissions on Google Drive file');
+			console.log('Error updating permissions');
 			console.error(err);
 		});

--- a/server/homebrew.api.js
+++ b/server/homebrew.api.js
@@ -4,7 +4,7 @@ import { model as HomebrewModel }    from './homebrew.model.js';
 import express                       from 'express';
 import zlib                          from 'zlib';
 import GoogleActions                 from './googleActions.js';
-import Markdown                      from '../shared/markdown.js';
+import Markdown                      from '../shared/naturalcrit/markdown.js';
 import yaml                          from 'js-yaml';
 import asyncHandler                  from 'express-async-handler';
 import { nanoid }                    from 'nanoid';
--- a/shared/homebrewery/renderWarnings/renderWarnings.jsx
+++ b/shared/homebrewery/renderWarnings/renderWarnings.jsx
@@ -3,7 +3,7 @@ const React = require('react');
 const createClass = require('create-react-class');
 const _     = require('lodash');

-import Dialog from '../dialog.jsx';
+import Dialog from '../../../client/components/dialog.jsx';

 const RenderWarnings = createClass({
 	displayName     : 'RenderWarnings',
@@ -25,7 +25,7 @@ const RenderWarnings = createClass({
 			if(!isChrome){
 				return <li key='chrome'>
 					<em>Built for Chrome </em> <br />
-					Other browsers have not been tested for compatibility. If you
+					Other browsers have not been tested for compatiblilty. If you
 					experience issues with your document not rendering or printing
 					properly, please try using the latest version of Chrome before
 					submitting a bug report.
--- a/shared/homebrewery/renderWarnings/renderWarnings.less
+++ b/shared/homebrewery/renderWarnings/renderWarnings.less
--- a/shared/naturalcrit/codeEditor/autocompleteEmoji.js
+++ b/shared/naturalcrit/codeEditor/autocompleteEmoji.js
@@ -1,7 +1,7 @@
-import diceFont      from 'themes/fonts/iconFonts/diceFont.js';
-import elderberryInn from 'themes/fonts/iconFonts/elderberryInn.js';
-import fontAwesome   from 'themes/fonts/iconFonts/fontAwesome.js';
-import gameIcons     from 'themes/fonts/iconFonts/gameIcons.js';
+import diceFont      from '../../../themes/fonts/iconFonts/diceFont.js';
+import elderberryInn from '../../../themes/fonts/iconFonts/elderberryInn.js';
+import fontAwesome   from '../../../themes/fonts/iconFonts/fontAwesome.js';
+import gameIcons     from '../../../themes/fonts/iconFonts/gameIcons.js';

 const emojis = {
 	...diceFont,
--- a/shared/naturalcrit/codeEditor/close-tag.js
+++ b/shared/naturalcrit/codeEditor/close-tag.js
--- a/shared/naturalcrit/codeEditor/codeEditor.jsx
+++ b/shared/naturalcrit/codeEditor/codeEditor.jsx
--- a/shared/naturalcrit/codeEditor/codeEditor.less
+++ b/shared/naturalcrit/codeEditor/codeEditor.less
--- a/shared/naturalcrit/codeEditor/fold-css.js
+++ b/shared/naturalcrit/codeEditor/fold-css.js
--- a/shared/naturalcrit/codeEditor/fold-pages.js
+++ b/shared/naturalcrit/codeEditor/fold-pages.js
--- a/shared/naturalcrit/markdown.js
+++ b/shared/naturalcrit/markdown.js
@@ -16,10 +16,10 @@ import { gfmHeadingId as MarkedGFMHeadingId, resetHeadings as MarkedGFMResetHead
 import { markedEmoji as MarkedEmojis }                                                   from 'marked-emoji';

 //Icon fonts included so they can appear in emoji autosuggest dropdown
-import diceFont      from '../themes/fonts/iconFonts/diceFont.js';
-import elderberryInn from '../themes/fonts/iconFonts/elderberryInn.js';
-import gameIcons     from '../themes/fonts/iconFonts/gameIcons.js';
-import fontAwesome   from '../themes/fonts/iconFonts/fontAwesome.js';
+import diceFont      from '../../themes/fonts/iconFonts/diceFont.js';
+import elderberryInn from '../../themes/fonts/iconFonts/elderberryInn.js';
+import gameIcons     from '../../themes/fonts/iconFonts/gameIcons.js';
+import fontAwesome   from '../../themes/fonts/iconFonts/fontAwesome.js';

 const renderer  = new Marked.Renderer();
 const tokenizer = new Marked.Tokenizer();
@@ -31,12 +31,7 @@ renderer.html = function (token) {
 		const openTag = html.substring(0, html.indexOf('>')+1);
 		html = html.substring(html.indexOf('>')+1);
 		html = html.substring(0, html.lastIndexOf('</div>'));
-
-		// Repeat the markdown processing for content inside the div, minus the preprocessing and postprocessing hooks which should only run once globally
-		const opts = Marked.defaults;
-		const tokens = Marked.lexer(html, opts);
-		Marked.walkTokens(tokens, opts.walkTokens);
-		return `${openTag} ${Marked.parser(tokens, opts)} </div>`;
+		return `${openTag} ${Marked.parse(html)} </div>`;
 	}
 	return html;
 };
--- a/shared/naturalcrit/markdownLegacy.js
+++ b/shared/naturalcrit/markdownLegacy.js
--- a/shared/naturalcrit/nav/nav.jsx
+++ b/shared/naturalcrit/nav/nav.jsx
@@ -5,7 +5,7 @@ const createClass = require('create-react-class');
 const _ = require('lodash');
 const cx = require('classnames');

-const NaturalCritIcon = require('client/components/svg/naturalcrit-d20.svg.jsx');
+const NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');

 const Nav = {
 	base : createClass({
--- a/shared/naturalcrit/svg/combat.svg.jsx
+++ b/shared/naturalcrit/svg/combat.svg.jsx
@@ -0,0 +1,3 @@
+module.exports = function(props){
+	return <svg version='1.1' x='0px' y='0px' viewBox='0 0 80 100' enableBackground='new 0 0 80 80'><g><g><polygon fill='#000000' points='12.9,71.4 7.6,66.1 19.3,54.4 20.7,55.8 10.4,66.1 12.9,68.6 23.2,58.3 24.6,59.7   '/></g><g><path fill='#000000' d='M29,61.6c-1.7,0-3.4-0.7-4.6-1.9l-5.1-5.1c-2.5-2.5-2.5-6.6,0-9.2l0.7-0.7L34.3,59l-0.7,0.7    C32.4,60.9,30.8,61.6,29,61.6z M20.1,47.6c-1.1,1.7-0.9,4.1,0.6,5.6l5.1,5.1c0.8,0.8,2,1.3,3.2,1.3c0.9,0,1.7-0.2,2.4-0.7    L20.1,47.6z'/></g><g><path fill='#000000' d='M12.3,74.8c-0.8,0-1.5-0.3-2-0.8l-5.2-5.2c-0.5-0.5-0.8-1.2-0.8-2c0-0.8,0.3-1.5,0.8-2    c1.1-1.1,2.9-1.1,4,0l5.2,5.2c1.1,1.1,1.1,2.9,0,4C13.8,74.5,13.1,74.8,12.3,74.8z M7.1,65.9c-0.2,0-0.4,0.1-0.6,0.2    c-0.2,0.2-0.2,0.4-0.2,0.6s0.1,0.4,0.2,0.6l5.2,5.2c0.3,0.3,0.9,0.3,1.2,0c0.3-0.3,0.3-0.8,0-1.2l-5.2-5.2    C7.5,66,7.3,65.9,7.1,65.9z'/></g><g><polygon fill='#000000' points='31.7,58.7 30.3,57.3 70,17.6 70,9 62.4,9 23.3,49.4 21.9,48 61.6,7 72,7 72,18.4   '/></g><g><rect x='46' y='6.7' transform='matrix(0.7168 0.6973 -0.6973 0.7168 35.9716 -23.568)' fill='#000000' width='2' height='51.6'/></g><g><rect x='13' y='61' fill='#000000' width='2' height='7'/></g><g><rect x='17' y='57' fill='#000000' width='2' height='7'/></g></g><g><g><polygon fill='#000000' points='68.4,71.4 56.7,59.7 58.1,58.3 68.4,68.6 70.8,66.1 60.5,55.8 61.9,54.4 73.6,66.1   '/></g><g><path fill='#000000' d='M52.2,61.6c-1.7,0-3.4-0.7-4.6-1.9L46.9,59l14.3-14.3l0.7,0.7c2.5,2.5,2.5,6.6,0,9.2l-5.1,5.1    C55.6,60.9,53.9,61.6,52.2,61.6z M49.8,58.9c0.7,0.4,1.5,0.7,2.4,0.7c1.2,0,2.3-0.5,3.2-1.3l5.1-5.1c1.5-1.5,1.7-3.8,0.6-5.6    L49.8,58.9z'/></g><g><path fill='#000000' d='M68.9,74.8c-0.8,0-1.5-0.3-2-0.8c-1.1-1.1-1.1-2.9,0-4l5.2-5.2c1.1-1.1,2.9-1.1,4,0c0.5,0.5,0.8,1.2,0.8,2    c0,0.8-0.3,1.5-0.8,2L70.9,74C70.4,74.5,69.7,74.8,68.9,74.8z M74.2,65.9c-0.2,0-0.4,0.1-0.6,0.2l-5.2,5.2c-0.3,0.3-0.3,0.8,0,1.2    c0.3,0.3,0.9,0.3,1.2,0l5.2-5.2c0.2-0.2,0.2-0.4,0.2-0.6s-0.1-0.4-0.2-0.6C74.6,66,74.4,65.9,74.2,65.9z'/></g><g><rect x='38.6' y='52.3' transform='matrix(0.7082 0.706 -0.706 0.7082 50.8397 -16.4875)' fill='#000000' width='13.4' height='2'/></g><g><polygon fill='#000000' points='30.6,39.9 9,18.4 9,7 19.7,7 41.1,29.1 39.7,30.5 18.8,9 11,9 11,17.6 32,38.5   '/></g><g><rect x='47.8' y='43.1' transform='matrix(0.6959 0.7181 -0.7181 0.6959 48.1381 -25.5246)' fill='#000000' width='12.8' height='2'/></g><g><rect x='12' y='23.1' transform='matrix(0.6974 0.7167 -0.7167 0.6974 25.1384 -11.3825)' fill='#000000' width='28.1' height='2'/></g><g><rect x='43.8' y='46.4' transform='matrix(0.6974 0.7167 -0.7167 0.6974 48.7492 -20.5985)' fill='#000000' width='10' height='2'/></g><g><rect x='66' y='61' fill='#000000' width='2' height='7'/></g><g><rect x='62' y='57' fill='#000000' width='2' height='7'/></g></g></svg>;
+};
--- a/shared/naturalcrit/svg/homebrew.svg.jsx
+++ b/shared/naturalcrit/svg/homebrew.svg.jsx
--- a/client/components/svg/naturalcrit-d20.svg.jsx
+++ b/client/components/svg/naturalcrit-d20.svg.jsx
--- a/tests/markdown/basic.test.js
+++ b/tests/markdown/basic.test.js
@@ -1,6 +1,6 @@


-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 test('Processes the markdown within an HTML block if its just a class wrapper', function() {
 	const source = '<div>*Bold text*</div>';
--- a/tests/markdown/definition-lists.test.js
+++ b/tests/markdown/definition-lists.test.js
@@ -1,6 +1,6 @@


-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 describe('Inline Definition Lists', ()=>{
 	test('No Term 1 Definition', function() {
--- a/tests/markdown/emojis.test.js
+++ b/tests/markdown/emojis.test.js
@@ -1,4 +1,4 @@
-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';
 const dedent = require('dedent-tabs').default;

 // Marked.js adds line returns after closing tags on some default tokens.
--- a/tests/markdown/hard-breaks.test.js
+++ b/tests/markdown/hard-breaks.test.js
@@ -1,6 +1,6 @@


-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 describe('Hard Breaks', ()=>{
 	test('Single Break', function() {
--- a/tests/markdown/mustache-syntax.test.js
+++ b/tests/markdown/mustache-syntax.test.js
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */

 const dedent = require('dedent-tabs').default;
-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 // Marked.js adds line returns after closing tags on some default tokens.
 // This removes those line returns for comparison sake.
--- a/tests/markdown/non-breaking-spaces.test.js
+++ b/tests/markdown/non-breaking-spaces.test.js
@@ -1,6 +1,6 @@


-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 describe('Non-Breaking Spaces Interactions', ()=>{
 	test('I am actually a single-line definition list!', function() {
--- a/tests/markdown/paragraph-justification.test.js
+++ b/tests/markdown/paragraph-justification.test.js
@@ -1,6 +1,6 @@


-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 describe('Justification', ()=>{
 	test('Left Justify', function() {
--- a/tests/markdown/variables.test.js
+++ b/tests/markdown/variables.test.js
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */

 const dedent = require('dedent-tabs').default;
-import Markdown from 'markdown.js';
+import Markdown from 'naturalcrit/markdown.js';

 // Marked.js adds line returns after closing tags on some default tokens.
 // This removes those line returns for comparison sake.
--- a/themes/V3/Blank/snippets/footer.gen.js
+++ b/themes/V3/Blank/snippets/footer.gen.js
@@ -1,4 +1,4 @@
-import Markdown from '../../../../shared/markdown.js';
+import Markdown from '../../../../shared/naturalcrit/markdown.js';

 module.exports = {
 	createFooterFunc : function(headerSize=1){
--- a/themes/V3/Blank/style.less
+++ b/themes/V3/Blank/style.less
@@ -492,7 +492,7 @@ body { counter-reset : page-numbers 0; }
 		.pageNumber { left : 30px; }
 	}

-	&:has(.resetCounting) { counter-set : page-numbers 1; }
+	.resetCounting { counter-set : page-numbers 1; }

 	&:not(:has(.skipCounting)) { counter-increment : page-numbers; }

--- a/themes/V3/UnearthedArcana/settings.json
+++ b/themes/V3/UnearthedArcana/settings.json
@@ -1,6 +1,6 @@
 {
  "name" : "UnearthedArcana",
  "renderer" : "V3",
-  "baseTheme" : "Blank",
+  "baseTheme" : false,
  "baseSnippets" : false
 }
--- a/themes/fonts/iconFonts/diceFont.js
+++ b/themes/fonts/iconFonts/diceFont.js
@@ -192,109 +192,7 @@ const diceFont = {
 	'df_d10_97'               : 'df d10-97',
 	'df_d10_98'               : 'df d10-98',
 	'df_d10_99'               : 'df d10-99',
-	'df_d10_100'              : 'df d10-100',
-	'df_d100_00'              : 'df d100-00',
-	'df_d100_01'              : 'df d100-01',
-	'df_d100_02'              : 'df d100-02',
-	'df_d100_03'              : 'df d100-03',
-	'df_d100_04'              : 'df d100-04',
-	'df_d100_05'              : 'df d100-05',
-	'df_d100_06'              : 'df d100-06',
-	'df_d100_07'              : 'df d100-07',
-	'df_d100_08'              : 'df d100-08',
-	'df_d100_09'              : 'df d100-09',
-	'df_d100_10'              : 'df d100-10',
-	'df_d100_11'              : 'df d100-11',
-	'df_d100_12'              : 'df d100-12',
-	'df_d100_13'              : 'df d100-13',
-	'df_d100_14'              : 'df d100-14',
-	'df_d100_15'              : 'df d100-15',
-	'df_d100_16'              : 'df d100-16',
-	'df_d100_17'              : 'df d100-17',
-	'df_d100_18'              : 'df d100-18',
-	'df_d100_19'              : 'df d100-19',
-	'df_d100_20'              : 'df d100-20',
-	'df_d100_21'              : 'df d100-21',
-	'df_d100_22'              : 'df d100-22',
-	'df_d100_23'              : 'df d100-23',
-	'df_d100_24'              : 'df d100-24',
-	'df_d100_25'              : 'df d100-25',
-	'df_d100_26'              : 'df d100-26',
-	'df_d100_27'              : 'df d100-27',
-	'df_d100_28'              : 'df d100-28',
-	'df_d100_29'              : 'df d100-29',
-	'df_d100_30'              : 'df d100-30',
-	'df_d100_31'              : 'df d100-31',
-	'df_d100_32'              : 'df d100-32',
-	'df_d100_33'              : 'df d100-33',
-	'df_d100_34'              : 'df d100-34',
-	'df_d100_35'              : 'df d100-35',
-	'df_d100_36'              : 'df d100-36',
-	'df_d100_37'              : 'df d100-37',
-	'df_d100_38'              : 'df d100-38',
-	'df_d100_39'              : 'df d100-39',
-	'df_d100_40'              : 'df d100-40',
-	'df_d100_41'              : 'df d100-41',
-	'df_d100_42'              : 'df d100-42',
-	'df_d100_43'              : 'df d100-43',
-	'df_d100_44'              : 'df d100-44',
-	'df_d100_45'              : 'df d100-45',
-	'df_d100_46'              : 'df d100-46',
-	'df_d100_47'              : 'df d100-47',
-	'df_d100_48'              : 'df d100-48',
-	'df_d100_49'              : 'df d100-49',
-	'df_d100_50'              : 'df d100-50',
-	'df_d100_51'              : 'df d100-51',
-	'df_d100_52'              : 'df d100-52',
-	'df_d100_53'              : 'df d100-53',
-	'df_d100_54'              : 'df d100-54',
-	'df_d100_55'              : 'df d100-55',
-	'df_d100_56'              : 'df d100-56',
-	'df_d100_57'              : 'df d100-57',
-	'df_d100_58'              : 'df d100-58',
-	'df_d100_59'              : 'df d100-59',
-	'df_d100_60'              : 'df d100-60',
-	'df_d100_61'              : 'df d100-61',
-	'df_d100_62'              : 'df d100-62',
-	'df_d100_63'              : 'df d100-63',
-	'df_d100_64'              : 'df d100-64',
-	'df_d100_65'              : 'df d100-65',
-	'df_d100_66'              : 'df d100-66',
-	'df_d100_67'              : 'df d100-67',
-	'df_d100_68'              : 'df d100-68',
-	'df_d100_69'              : 'df d100-69',
-	'df_d100_70'              : 'df d100-70',
-	'df_d100_71'              : 'df d100-71',
-	'df_d100_72'              : 'df d100-72',
-	'df_d100_73'              : 'df d100-73',
-	'df_d100_74'              : 'df d100-74',
-	'df_d100_75'              : 'df d100-75',
-	'df_d100_76'              : 'df d100-76',
-	'df_d100_77'              : 'df d100-77',
-	'df_d100_78'              : 'df d100-78',
-	'df_d100_79'              : 'df d100-79',
-	'df_d100_80'              : 'df d100-80',
-	'df_d100_81'              : 'df d100-81',
-	'df_d100_82'              : 'df d100-82',
-	'df_d100_83'              : 'df d100-83',
-	'df_d100_84'              : 'df d100-84',
-	'df_d100_85'              : 'df d100-85',
-	'df_d100_86'              : 'df d100-86',
-	'df_d100_87'              : 'df d100-87',
-	'df_d100_88'              : 'df d100-88',
-	'df_d100_89'              : 'df d100-89',
-	'df_d100_90'              : 'df d100-90',
-	'df_d100_91'              : 'df d100-91',
-	'df_d100_92'              : 'df d100-92',
-	'df_d100_93'              : 'df d100-93',
-	'df_d100_94'              : 'df d100-94',
-	'df_d100_95'              : 'df d100-95',
-	'df_d100_96'              : 'df d100-96',
-	'df_d100_97'              : 'df d100-97',
-	'df_d100_98'              : 'df d100-98',
-	'df_d100_99'              : 'df d100-99',
-	'df_d100_100'             : 'df d100-100',
-	'df_d100'                 : 'df d100'
+	'df_d10_100'              : 'df d10-100'
 };

 export default diceFont;
--- a/themes/fonts/iconFonts/diceFont.less
+++ b/themes/fonts/iconFonts/diceFont.less
@@ -6,6 +6,14 @@
 	src : url('../../../fonts/iconFonts/diceFont.woff2');
 } 

+@font-face {
+	font-family  : 'DiceFontD100';
+	src          : url('../../../fonts/iconFonts/diceFontD100.woff2') format('woff2');
+	font-weight  : normal;
+	font-style   : normal;
+	font-display : block;
+  }
+  
 .df {
 	display                 : inline;
 	font-family             : 'DiceFont';
@@ -25,19 +33,8 @@
 	&.F-minus::before { content : '\f191'; }
 	&.F-plus::before { content : '\f192'; }
 	&.F-zero::before { content : '\f193'; }
-	&.d10::before    { content : '\f194'; }
-	&.d10-0::before  { content : '\f100'; }
-	&.d10-1:before   { content : '\f101'; }
-	&.d10-10::before { content : '\f102'; }
-	&.d10-2:before   { content : '\f103'; }
-	&.d10-3::before  { content : '\f104'; }
-	&.d10-4::before  { content : '\f105'; }
-	&.d10-5::before  { content : '\f106'; }
-	&.d10-6::before  { content : '\f107'; }
-	&.d10-7::before  { content : '\f108'; }
-	&.d10-8::before  { content : '\f109'; }
-	&.d10-9::before  { content : '\f10A'; }
-	&.d12::before   { content : '\f195'; }
+	&.d10::before { content : '\f194'; }
+	&.d12::before { content : '\f195'; }
 	&.d12-1::before { content : '\f10b'; }
 	&.d12-10::before { content : '\f10c'; }
 	&.d12-11::before { content : '\f10d'; }
@@ -95,208 +92,6 @@
 	&.d8-6::before { content : '\f13c'; }
 	&.d8-7::before { content : '\f13d'; }
 	&.d8-8::before { content : '\f13e'; }
-	&.d10-00::before { content : '\f19C'; }
-	&.d10-01::before { content : '\f19D'; }
-	&.d10-02::before { content : '\f19E'; }
-	&.d10-03::before { content : '\f19F'; }
-	&.d10-04::before { content : '\f1A0'; }
-	&.d10-05::before { content : '\f1A1'; }
-	&.d10-06::before { content : '\f1A2'; }
-	&.d10-07::before { content : '\f1A3'; }
-	&.d10-08::before { content : '\f1A4'; }
-	&.d10-09::before { content : '\f1A5'; }
-	&.d10-11::before { content : '\f1A7'; }
-	&.d10-12::before { content : '\f1A8'; }
-	&.d10-13::before { content : '\f1A9'; }
-	&.d10-14::before { content : '\f1AA'; }
-	&.d10-15::before { content : '\f1AB'; }
-	&.d10-16::before { content : '\f1AC'; }
-	&.d10-17::before { content : '\f1AD'; }
-	&.d10-18::before { content : '\f1AE'; }
-	&.d10-19::before { content : '\f1AF'; }
-	&.d10-20::before { content : '\f1B0'; }
-	&.d10-21::before { content : '\f1B1'; }
-	&.d10-22::before { content : '\f1B2'; }
-	&.d10-23::before { content : '\f1B3'; }
-	&.d10-24::before { content : '\f1B4'; }
-	&.d10-25::before { content : '\f1B5'; }
-	&.d10-26::before { content : '\f1B6'; }
-	&.d10-27::before { content : '\f1B7'; }
-	&.d10-28::before { content : '\f1B8'; }
-	&.d10-29::before { content : '\f1B9'; }
-	&.d10-30::before { content : '\f1BA'; }
-	&.d10-31::before { content : '\f1BB'; }
-	&.d10-32::before { content : '\f1BC'; }
-	&.d10-33::before { content : '\f1BD'; }
-	&.d10-34::before { content : '\f1BE'; }
-	&.d10-35::before { content : '\f1BF'; }
-	&.d10-36::before { content : '\f1C0'; }
-	&.d10-37::before { content : '\f1C1'; }
-	&.d10-38::before { content : '\f1C2'; }
-	&.d10-39::before { content : '\f1C3'; }
-	&.d10-40::before { content : '\f1C4'; }
-	&.d10-41::before { content : '\f1C5'; }
-	&.d10-42::before { content : '\f1C6'; }
-	&.d10-43::before { content : '\f1C7'; }
-	&.d10-44::before { content : '\f1C8'; }
-	&.d10-45::before { content : '\f1C9'; }
-	&.d10-46::before { content : '\f1CA'; }
-	&.d10-47::before { content : '\f1CB'; }
-	&.d10-48::before { content : '\f1CC'; }
-	&.d10-49::before { content : '\f1CD'; }
-	&.d10-50::before { content : '\f1CE'; }
-	&.d10-51::before { content : '\f1CF'; }
-	&.d10-52::before { content : '\f1D0'; }
-	&.d10-53::before { content : '\f1D1'; }
-	&.d10-54::before { content : '\f1D2'; }
-	&.d10-55::before { content : '\f1D3'; }
-	&.d10-56::before { content : '\f1D4'; }
-	&.d10-57::before { content : '\f1D5'; }
-	&.d10-58::before { content : '\f1D6'; }
-	&.d10-59::before { content : '\f1D7'; }
-	&.d10-60::before { content : '\f1D8'; }
-	&.d10-61::before { content : '\f1D9'; }
-	&.d10-62::before { content : '\f1DA'; }
-	&.d10-63::before { content : '\f1DB'; }
-	&.d10-64::before { content : '\f1DC'; }
-	&.d10-65::before { content : '\f1DD'; }
-	&.d10-66::before { content : '\f1DE'; }
-	&.d10-67::before { content : '\f1DF'; }
-	&.d10-68::before { content : '\f1E0'; }
-	&.d10-69::before { content : '\f1E1'; }
-	&.d10-70::before { content : '\f1E2'; }
-	&.d10-71::before { content : '\f1E3'; }
-	&.d10-72::before { content : '\f1E4'; }
-	&.d10-73::before { content : '\f1E5'; }
-	&.d10-74::before { content : '\f1E6'; }
-	&.d10-75::before { content : '\f1E7'; }
-	&.d10-76::before { content : '\f1E8'; }
-	&.d10-77::before { content : '\f1E9'; }
-	&.d10-78::before { content : '\f1EA'; }
-	&.d10-79::before { content : '\f1EB'; }
-	&.d10-80::before { content : '\f1EC'; }
-	&.d10-81::before { content : '\f1ED'; }
-	&.d10-82::before { content : '\f1EE'; }
-	&.d10-83::before { content : '\f1EF'; }
-	&.d10-84::before { content : '\f1F0'; }
-	&.d10-85::before { content : '\f1F1'; }
-	&.d10-86::before { content : '\f1F2'; }
-	&.d10-87::before { content : '\f1F3'; }
-	&.d10-88::before { content : '\f1F4'; }
-	&.d10-89::before { content : '\f1F5'; }
-	&.d10-90::before { content : '\f1F6'; }
-	&.d10-91::before { content : '\f1F7'; }
-	&.d10-92::before { content : '\f1F8'; }
-	&.d10-93::before { content : '\f1F9'; }
-	&.d10-94::before { content : '\f1FA'; }
-	&.d10-95::before { content : '\f1FB'; }
-	&.d10-96::before { content : '\f1FC'; }
-	&.d10-97::before { content : '\f1FD'; }
-	&.d10-98::before { content : '\f1FE'; }
-	&.d10-99::before { content : '\f1FF'; }
-	&.d10-100::before { content : '\f200'; }
-	&.d100-00::before { content : '\f201'; }
-	&.d100-01::before { content : '\f202'; }
-	&.d100-02::before { content : '\f203'; }
-	&.d100-03::before { content : '\f204'; }
-	&.d100-04::before { content : '\f205'; }
-	&.d100-05::before { content : '\f206'; }
-	&.d100-06::before { content : '\f207'; }
-	&.d100-07::before { content : '\f208'; }
-	&.d100-08::before { content : '\f209'; }
-	&.d100-09::before { content : '\f20A'; }
-	&.d100-10::before { content : '\f20B'; }
-	&.d100-11::before { content : '\f20C'; }
-	&.d100-12::before { content : '\f20D'; }
-	&.d100-13::before { content : '\f20E'; }
-	&.d100-14::before { content : '\f20F'; }
-	&.d100-15::before { content : '\f210'; }
-	&.d100-16::before { content : '\f211'; }
-	&.d100-17::before { content : '\f212'; }
-	&.d100-18::before { content : '\f213'; }
-	&.d100-19::before { content : '\f214'; }
-	&.d100-20::before { content : '\f215'; }
-	&.d100-21::before { content : '\f216'; }
-	&.d100-22::before { content : '\f217'; }
-	&.d100-23::before { content : '\f218'; }
-	&.d100-24::before { content : '\f219'; }
-	&.d100-25::before { content : '\f21A'; }
-	&.d100-26::before { content : '\f21B'; }
-	&.d100-27::before { content : '\f21C'; }
-	&.d100-28::before { content : '\f21D'; }
-	&.d100-29::before { content : '\f21E'; }
-	&.d100-30::before { content : '\f21F'; }
-	&.d100-31::before { content : '\f220'; }
-	&.d100-32::before { content : '\f221'; }
-	&.d100-33::before { content : '\f222'; }
-	&.d100-34::before { content : '\f223'; }
-	&.d100-35::before { content : '\f224'; }
-	&.d100-36::before { content : '\f225'; }
-	&.d100-37::before { content : '\f226'; }
-	&.d100-38::before { content : '\f227'; }
-	&.d100-39::before { content : '\f228'; }
-	&.d100-40::before { content : '\f229'; }
-	&.d100-41::before { content : '\f22A'; }
-	&.d100-42::before { content : '\f22B'; }
-	&.d100-43::before { content : '\f22C'; }
-	&.d100-44::before { content : '\f22D'; }
-	&.d100-45::before { content : '\f22E'; }
-	&.d100-46::before { content : '\f22F'; }
-	&.d100-47::before { content : '\f230'; }
-	&.d100-48::before { content : '\f231'; }
-	&.d100-49::before { content : '\f232'; }
-	&.d100-50::before { content : '\f233'; }
-	&.d100-51::before { content : '\f234'; }
-	&.d100-52::before { content : '\f235'; }
-	&.d100-53::before { content : '\f236'; }
-	&.d100-54::before { content : '\f237'; }
-	&.d100-55::before { content : '\f238'; }
-	&.d100-56::before { content : '\f239'; }
-	&.d100-57::before { content : '\f23A'; }
-	&.d100-58::before { content : '\f23B'; }
-	&.d100-59::before { content : '\f23C'; }
-	&.d100-60::before { content : '\f23D'; }
-	&.d100-61::before { content : '\f23E'; }
-	&.d100-62::before { content : '\f23F'; }
-	&.d100-63::before { content : '\f240'; }
-	&.d100-64::before { content : '\f241'; }
-	&.d100-65::before { content : '\f242'; }
-	&.d100-66::before { content : '\f243'; }
-	&.d100-67::before { content : '\f244'; }
-	&.d100-68::before { content : '\f245'; }
-	&.d100-69::before { content : '\f246'; }
-	&.d100-70::before { content : '\f247'; }
-	&.d100-71::before { content : '\f248'; }
-	&.d100-72::before { content : '\f249'; }
-	&.d100-73::before { content : '\f24A'; }
-	&.d100-74::before { content : '\f24B'; }
-	&.d100-75::before { content : '\f24C'; }
-	&.d100-76::before { content : '\f24D'; }
-	&.d100-77::before { content : '\f24E'; }
-	&.d100-78::before { content : '\f24F'; }
-	&.d100-79::before { content : '\f250'; }
-	&.d100-80::before { content : '\f251'; }
-	&.d100-81::before { content : '\f252'; }
-	&.d100-82::before { content : '\f253'; }
-	&.d100-83::before { content : '\f254'; }
-	&.d100-84::before { content : '\f255'; }
-	&.d100-85::before { content : '\f256'; }
-	&.d100-86::before { content : '\f257'; }
-	&.d100-87::before { content : '\f258'; }
-	&.d100-88::before { content : '\f259'; }
-	&.d100-89::before { content : '\f25A'; }
-	&.d100-90::before { content : '\f25B'; }
-	&.d100-91::before { content : '\f25C'; }
-	&.d100-92::before { content : '\f25D'; }
-	&.d100-93::before { content : '\f25E'; }
-	&.d100-94::before { content : '\f25F'; }
-	&.d100-95::before { content : '\f260'; }
-	&.d100-96::before { content : '\f261'; }
-	&.d100-97::before { content : '\f262'; }
-	&.d100-98::before { content : '\f263'; }
-	&.d100-99::before { content : '\f264'; }
-	&.d100-100::before { content : '\f265'; }
-	&.d100::before { content : '\f266'; }
 	&.dot-d6::before { content : '\f19b'; }
 	&.dot-d6-1::before { content : '\f13f'; }
 	&.dot-d6-2::before { content : '\f140'; }
@@ -316,4 +111,568 @@
 	&.solid-small-dot-d6-4::before { content : '\f18c'; }
 	&.solid-small-dot-d6-5::before { content : '\f18d'; }
 	&.solid-small-dot-d6-6::before { content : '\f18e'; }
+
+  // Replacement d10
+
+  &.d10-0::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e900';
+  }
+  
+  &.d10-1::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e901';
+  }
+  
+  &.d10-2::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e902';
+  }
+  
+  &.d10-3::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e903';
+  }
+  
+  &.d10-4::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e904';
+  }
+  
+  &.d10-5::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e905';
+  }
+  
+  &.d10-6::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e906';
+  }
+  
+  &.d10-7::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e907';
+  }
+  
+  &.d10-8::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e908';
+  }
+  
+  &.d10-9::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e909';
+  }
+  
+  &.d10-10::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e90a';
+  }
+
+  // d100
+
+  &.d10-00::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e90b';
+  }
+  
+  &.d10-01::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e90c';
+  }
+  
+  &.d10-02::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e90d';
+  }
+  
+  &.d10-03::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e90e';
+  }
+  
+  &.d10-04::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e90f';
+  }
+  
+  &.d10-05::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e910';
+  }
+  
+  &.d10-06::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e911';
+  }
+  
+  &.d10-07::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e912';
+  }
+  
+  &.d10-08::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e913';
+  }
+  
+  &.d10-09::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e914';
+  }
+  
+  &.d10-10::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e915';
+  }
+  
+  &.d10-11::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e916';
+  }
+  
+  &.d10-12::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e917';
+  }
+  
+  &.d10-13::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e918';
+  }
+  
+  &.d10-14::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e919';
+  }
+  
+  &.d10-15::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e91a';
+  }
+  
+  &.d10-16::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e91b';
+  }
+  
+  &.d10-17::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e91c';
+  }
+  
+  &.d10-18::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e91d';
+  }
+  
+  &.d10-19::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e91e';
+  }
+  
+  &.d10-20::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e91f';
+  }
+  
+  &.d10-21::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e920';
+  }
+  
+  &.d10-22::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e921';
+  }
+  
+  &.d10-23::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e922';
+  }
+  
+  &.d10-24::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e923';
+  }
+  
+  &.d10-25::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e924';
+  }
+  
+  &.d10-26::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e925';
+  }
+  
+  &.d10-27::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e926';
+  }
+  
+  &.d10-28::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e927';
+  }
+  
+  &.d10-29::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e928';
+  }
+  
+  &.d10-30::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e929';
+  }
+  
+  &.d10-31::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e92a';
+  }
+  
+  &.d10-32::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e92b';
+  }
+  
+  &.d10-33::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e92c';
+  }
+  
+  &.d10-34::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e92d';
+  }
+  
+  &.d10-35::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e92e';
+  }
+  
+  &.d10-36::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e92f';
+  }
+  
+  &.d10-37::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e930';
+  }
+  
+  &.d10-38::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e931';
+  }
+  
+  &.d10-39::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e932';
+  }
+  
+  &.d10-40::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e933';
+  }
+  
+  &.d10-41::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e934';
+  }
+  
+  &.d10-42::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e935';
+  }
+  
+  &.d10-43::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e936';
+  }
+  
+  &.d10-44::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e937';
+  }
+  
+  &.d10-45::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e938';
+  }
+  
+  &.d10-46::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e939';
+  }
+  
+  &.d10-47::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e93a';
+  }
+  
+  &.d10-48::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e93b';
+  }
+  
+  &.d10-49::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e93c';
+  }
+  
+  &.d10-50::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e93d';
+  }
+  
+  &.d10-51::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e93e';
+  }
+  
+  &.d10-52::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e93f';
+  }
+  
+  &.d10-53::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e940';
+  }
+  
+  &.d10-54::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e941';
+  }
+  
+  &.d10-55::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e942';
+  }
+  
+  &.d10-56::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e943';
+  }
+  
+  &.d10-57::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e944';
+  }
+  
+  &.d10-58::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e945';
+  }
+  
+  &.d10-59::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e946';
+  }
+  
+  &.d10-60::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e947';
+  }
+  
+  &.d10-61::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e948';
+  }
+  
+  &.d10-62::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e949';
+  }
+  
+  &.d10-63::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e94a';
+  }
+  
+  &.d10-64::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e94b';
+  }
+  
+  &.d10-65::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e94c';
+  }
+  
+  &.d10-66::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e94d';
+  }
+  
+  &.d10-67::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e94e';
+  }
+  
+  &.d10-68::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e94f';
+  }
+  
+  &.d10-69::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e950';
+  }
+  
+  &.d10-70::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e951';
+  }
+  
+  &.d10-71::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e952';
+  }
+  
+  &.d10-72::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e953';
+  }
+  
+  &.d10-73::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e954';
+  }
+  
+  &.d10-74::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e955';
+  }
+  
+  &.d10-75::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e956';
+  }
+  
+  &.d10-76::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e957';
+  }
+  
+  &.d10-77::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e958';
+  }
+  
+  &.d10-78::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e959';
+  }
+  
+  &.d10-79::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e95a';
+  }
+  
+  &.d10-80::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e95b';
+  }
+  
+  &.d10-81::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e95c';
+  }
+  
+  &.d10-82::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e95d';
+  }
+  
+  &.d10-83::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e95e';
+  }
+  
+  &.d10-84::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e95f';
+  }
+  
+  &.d10-85::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e960';
+  }
+  
+  &.d10-86::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e961';
+  }
+  
+  &.d10-87::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e962';
+  }
+  
+  &.d10-88::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e963';
+  }
+  
+  &.d10-89::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e964';
+  }
+  
+  &.d10-90::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e965';
+  }
+  
+  &.d10-91::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e966';
+  }
+  
+  &.d10-92::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e967';
+  }
+  
+  &.d10-93::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e968';
+  }
+  
+  &.d10-94::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e969';
+  }
+  
+  &.d10-95::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e96a';
+  }
+  
+  &.d10-96::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e96b';
+  }
+  
+  &.d10-97::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e96c';
+  }
+  
+  &.d10-98::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e96d';
+  }
+  
+  &.d10-99::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e96e';
+  }
+  
+  &.d10-100::before { 
+    font-family : 'DiceFontD100';
+    content     : '\e96f';
+  }
 }
--- a/themes/fonts/iconFonts/diceFont.woff2
+++ b/themes/fonts/iconFonts/diceFont.woff2
--- a/themes/fonts/iconFonts/diceFontD100.woff2
+++ b/themes/fonts/iconFonts/diceFontD100.woff2
--- a/themes/themes.json
+++ b/themes/themes.json
@@ -39,7 +39,7 @@
    "UnearthedArcana": {
      "name": "UnearthedArcana",
      "renderer": "V3",
-      "baseTheme": "Blank",
+      "baseTheme": false,
      "baseSnippets": false,
      "path": "UnearthedArcana"
    }