@gamepark/react-game 7.4.1 → 7.5.1

package/dist/components/dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAqC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAUxC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,GAAG,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACxI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,wIAAwI;IACxI,mJAAmJ;IACnJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;YAC9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC,CAAA;YAC3E,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;IAC5C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,KAAK,CAAC,qEAAqE,EAAE,MAAM,CAAC,CAAA;QAC5F,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,YAAY,CACjB,cAAK,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,IAAI,eAAe,EAAE,CAAC,KAAK,CAAC,YACnJ,cAAK,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,KAAM,KAAK,YACtF,QAAQ,GACL,GACF,EACN,IAAI,CACL,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;CAOvB,CAAA;AAED,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;CAOxB,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;wBAS9B,eAAe;eACxB,MAAM,IAAI,eAAe;;;;CAIvC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;eAC9B,OAAO,IAAI,eAAe;;CAExC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;sBAEjB,KAAK,CAAC,MAAM,CAAC,eAAe;WACvC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAI5B,CAAA"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACxE,OAAO,EAAqC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAUxC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,GAAG,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACxI,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,wIAAwI;IACxI,mJAAmJ;IACnJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;YAC9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC,CAAA;YAC3E,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;IAC5C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,KAAK,CAAC,qEAAqE,EAAE,MAAM,CAAC,CAAA;QAC5F,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,YAAY,CACjB,cAAK,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,IAAI,eAAe,EAAE,CAAC,KAAK,CAAC,YACnJ,cAAK,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAM,KAAK,YAChG,QAAQ,GACL,GACF,EACN,IAAI,CACL,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;CAOvB,CAAA;AAED,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;CAOxB,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;wBAS9B,eAAe;eACxB,MAAM,IAAI,eAAe;;;;CAIvC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;eAC9B,OAAO,IAAI,eAAe;;CAExC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;CAOpB,CAAA"}

package/dist/components/dialogs/FailuresDialog.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { clearFailures, Failure, useGameDispatch, useGameSelector } from '@gamepark/react-client';
 import { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { menuButtonCss, menuDialogCss } from '../menus/menuCss';
+import { menuButtonCss, menuDialogCss, paletteMenuButtonCss } from '../menus/menuCss';
 import { Dialog } from './Dialog';
 export const FailuresDialog = (props) => {
     const { t } = useTranslation('common');
+    const theme = useTheme();
     const failures = useGameSelector((state) => state.failures);
     const dispatch = useGameDispatch();
     const [displayedFailure, setDisplayedFailure] = useState('');
@@ -19,7 +20,8 @@ export const FailuresDialog = (props) => {
         }
     }, [failures]);
     const description = failuresDescription[displayedFailure] || fallbackDescription(displayedFailure);
-    return (_jsxs(Dialog, { open: failures.length > 0, css: menuDialogCss, ...props, children: [_jsx("h2", { children: description.title(t) }), _jsx("p", { children: description.text(t) }), _jsx("button", { css: [menuButtonCss, inDialogButton], onClick: () => dispatch(clearFailures()), children: t('OK') }), displayedFailure === Failure.MOVE_FORBIDDEN && _jsx("p", { children: _jsx(Trans, { ns: "common", i18nKey: "failure.dialog.play2", components: [_jsx("button", { css: [menuButtonCss, css `display: inline-block`], onClick: () => window.location.reload() })] }) })] }));
+    const themedButtonCss = [menuButtonCss, paletteMenuButtonCss, theme.menu?.button];
+    return (_jsxs(Dialog, { open: failures.length > 0, css: menuDialogCss, ...props, children: [_jsx("h2", { children: description.title(t) }), _jsx("p", { children: description.text(t) }), _jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: () => dispatch(clearFailures()), children: t('OK') }), displayedFailure === Failure.MOVE_FORBIDDEN && _jsx("p", { children: _jsx(Trans, { ns: "common", i18nKey: "failure.dialog.play2", components: [_jsx("button", { css: [...themedButtonCss, css `display: inline-block`], onClick: () => window.location.reload() })] }) })] }));
 };
 const failuresDescription = {
     [Failure.NETWORK]: {

package/dist/components/dialogs/FailuresDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FailuresDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/FailuresDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FailuresDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/FailuresDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEjG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACrF,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAgC,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC3D,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACd,MAAM,WAAW,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IAClG,MAAM,eAAe,GAAG,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjF,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,aAAa,KAAM,KAAK,aAC9D,uBAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAM,EAC/B,sBAAI,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAK,EAC5B,iBAAQ,GAAG,EAAE,CAAC,GAAG,eAAe,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,YAAG,CAAC,CAAC,IAAI,CAAC,GAAU,EAC9G,gBAAgB,KAAK,OAAO,CAAC,cAAc,IAAI,sBAC9C,KAAC,KAAK,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAC,sBAAsB,EAC1C,UAAU,EAAE,CAAC,iBAAQ,GAAG,EAAE,CAAC,GAAG,eAAe,EAAE,GAAG,CAAA,uBAAuB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAC/H,IACG,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG;IAC1B,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACjB,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;QACvC,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC;KACpD;IACD,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;QACxB,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAChD,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC;KACjD;IACD,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;QACxB,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;QACvC,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC;KACjD;IACD,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE;QAChC,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,mCAAmC,CAAC;QAC/D,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;KACrD;CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,CAAC;IAChD,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC5C,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO;CACpB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,GAAG,CAAA;;;CAGzB,CAAA"}

package/dist/components/dialogs/ResultDialog/RematchDisplay.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { PLATFORM_URI, pusherClient, trpc, useMe } from '@gamepark/react-client';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { NavButton } from '../../menus/Menu/NavButton';
-import { menuButtonCss } from '../../menus/menuCss';
+import { menuButtonCss, paletteMenuButtonCss } from '../../menus/menuCss';
 export const RematchDisplay = ({ rematch }) => {
     const { t } = useTranslation('common');
+    const theme = useTheme();
     const me = useMe();
     const { mutate: acceptRematch } = trpc.rematch.acceptRematch.useMutation();
     const { mutate: refuseRematch } = trpc.rematch.refuseRematch.useMutation();
@@ -24,7 +25,7 @@ export const RematchDisplay = ({ rematch }) => {
                     t('rematch.mine') :
                     rematch.startDate ?
                         t('rematch.offered', { player: rematch.players[0].name }) :
-                        t('rematch.offer', { player: rematch.players[0].name }) }), player && !player.ready && _jsxs("div", { css: css `margin-bottom: 0.5em;`, children: [_jsx("button", { css: [menuButtonCss, rematchButton, declineButton], onClick: () => refuseRematch(rematch.id), children: t('rematch.decline') }), _jsx("button", { css: [menuButtonCss, rematchButton, acceptButton], onClick: () => acceptRematch(rematch.id), children: t('rematch.accept') })] }), _jsx(NavButton, { css: rematchButton, url: `${PLATFORM_URI}/?id=${rematch.id}`, children: t('rematch.go') })] }));
+                        t('rematch.offer', { player: rematch.players[0].name }) }), player && !player.ready && _jsxs("div", { css: css `margin-bottom: 0.5em;`, children: [_jsx("button", { css: [menuButtonCss, paletteMenuButtonCss, theme.menu?.button, rematchButton, declineButton], onClick: () => refuseRematch(rematch.id), children: t('rematch.decline') }), _jsx("button", { css: [menuButtonCss, paletteMenuButtonCss, theme.menu?.button, rematchButton, acceptButton], onClick: () => acceptRematch(rematch.id), children: t('rematch.accept') })] }), _jsx(NavButton, { css: rematchButton, url: `${PLATFORM_URI}/?id=${rematch.id}`, children: t('rematch.go') })] }));
 };
 const rematchTitle = css `
   margin: 1em;

package/dist/components/dialogs/ResultDialog/RematchDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"RematchDisplay.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/RematchDisplay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RematchDisplay.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/RematchDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialogs/ResultDialog/RematchSection.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { faRepeat } from '@fortawesome/free-solid-svg-icons/faRepeat';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useRematch } from '@gamepark/react-client';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { RematchDisplay } from './RematchDisplay';
-import { menuButtonCss } from '../../menus/menuCss';
+import { menuButtonCss, paletteMenuButtonCss } from '../../menus/menuCss';
 export const RematchSection = ({ openDialog }) => {
     const { t } = useTranslation('common');
+    const theme = useTheme();
     const { game, rematch } = useRematch();
     useEffect(() => {
         if (game?.rematch)
             openDialog();
     }, [game?.rematch]);
     return (_jsxs("div", { children: [game?.canRematch &&
-                _jsxs("button", { css: [menuButtonCss, css `display: inline-block`], onClick: () => rematch(), children: [_jsx(FontAwesomeIcon, { icon: faRepeat }), t('rematch.button')] }), game?.rematch && _jsx(RematchDisplay, { rematch: game.rematch })] }));
+                _jsxs("button", { css: [menuButtonCss, paletteMenuButtonCss, theme.menu?.button, css `display: inline-block`], onClick: () => rematch(), children: [_jsx(FontAwesomeIcon, { icon: faRepeat }), t('rematch.button')] }), game?.rematch && _jsx(RematchDisplay, { rematch: game.rematch })] }));
 };
 //# sourceMappingURL=RematchSection.js.map

package/dist/components/dialogs/ResultDialog/RematchSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"RematchSection.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/RematchSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAMnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAS,EAAE,EAAE;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,OAAO;YAAE,UAAU,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,OAAO,CACL,0BACG,IAAI,EAAE,UAAU;gBACf,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,GAAG,CAAA,uBAAuB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAChF,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,GAAG,EACjC,CAAC,CAAC,gBAAgB,CAAC,IACb,EAEV,IAAI,EAAE,OAAO,IAAI,KAAC,cAAc,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,IACtD,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"RematchSection.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/RematchSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAMzE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAS,EAAE,EAAE;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,OAAO;YAAE,UAAU,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,OAAO,CACL,0BACG,IAAI,EAAE,UAAU;gBACf,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAA,uBAAuB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAC1H,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,GAAG,EACjC,CAAC,CAAC,gBAAgB,CAAC,IACb,EAEV,IAAI,EAAE,OAAO,IAAI,KAAC,cAAc,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,IACtD,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/dialogs/ResultDialog/ResultDialog.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { faChessPawn } from '@fortawesome/free-solid-svg-icons/faChessPawn';
 import { faTrophy } from '@fortawesome/free-solid-svg-icons/faTrophy';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
@@ -23,6 +23,7 @@ const locale = query.get('locale') || 'en';
 const gameId = query.get('game');
 export const ResultDialog = ({ openDialog, close, ...props }) => {
     const { t } = useTranslation('common');
+    const theme = useTheme();
     const rankedPlayers = useRankedPlayers();
     const context = useContext(gameContext);
     const rules = useRules();
@@ -31,21 +32,21 @@ export const ResultDialog = ({ openDialog, close, ...props }) => {
     const scoringCells = useScoringHeader();
     let row = (gameMode === GameMode.TOURNAMENT ? 3 : gameMode === GameMode.COMPETITIVE ? 2 : 1) + (scoringCells?.length ?? 0);
     const resultText = useResultText();
-    return (_jsxs(Dialog, { onBackdropClick: close, css: style, ...props, children: [_jsx(FontAwesomeIcon, { icon: faXmark, css: closeIcon, onClick: close }), _jsx("h2", { children: resultText }), _jsxs("div", { css: buttonLine, children: [gameMode === GameMode.TOURNAMENT && tournament ?
-                        _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/tournaments/${tournament.number}`, children: t('result.tournament.link') })
-                        :
-                            _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}`, children: t('Back to Game Park') }), gameMode === GameMode.COMPETITIVE &&
-                        _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/play?mode=matchmaking`, children: t('Play again') }), gameMode === GameMode.COMPETITIVE &&
-                        _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/ranking`, children: t('See overall ranking') })] }), _jsxs("div", { css: [gridCss, row > 1 ? multiRows(rankedPlayers.length, row) : singleRow(rankedPlayers.length)], children: [row > 1 && _jsx("div", {}), gameMode === GameMode.TOURNAMENT && _jsx("div", { css: [borderTop, left], children: t('Tournament') }), (gameMode === GameMode.TOURNAMENT || gameMode === GameMode.COMPETITIVE) && _jsx("div", { css: [borderTop, left], children: t('Ranking') }), scoringCells.map((cell, index) => (_jsx("div", { css: [borderTop, left], children: cell }, index))), rankedPlayers.map((player, index) => _jsx(PlayerDisplay, { playerId: player.id, gameMode: gameMode, rank: isCompetitive(rules) && player.rank <= 3 ? player.rank : undefined, border: row > 1 }, index))] }), gameMode === GameMode.TUTORIAL &&
-                _jsxs("div", { children: [_jsx("p", { css: css `white-space: break-spaces;`, children: t('tuto.over') }), _jsxs("p", { css: buttonsLine, children: [_jsx(RestartTutorialButton, {}), _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/play`, css: css `margin-left: 1em;`, children: [_jsx(FontAwesomeIcon, { icon: faChessPawn }), t('Play')] })] })] }), gameId !== null && _jsx(RematchSection, { openDialog: openDialog })] }));
+    return (_jsxs(Dialog, { onBackdropClick: close, css: [style, theme.result?.container], ...props, children: [_jsx(FontAwesomeIcon, { icon: faXmark, css: [closeIcon, theme.result?.closeIcon], onClick: close }), _jsxs("div", { css: scrollableContent, children: [_jsx("h2", { children: resultText }), _jsxs("div", { css: buttonLine, children: [gameMode === GameMode.TOURNAMENT && tournament ?
+                                _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/tournaments/${tournament.number}`, children: t('result.tournament.link') })
+                                :
+                                    _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}`, children: t('Back to Game Park') }), gameMode === GameMode.COMPETITIVE &&
+                                _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/play?mode=matchmaking`, children: t('Play again') }), gameMode === GameMode.COMPETITIVE &&
+                                _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/ranking`, children: t('See overall ranking') })] }), _jsxs("div", { css: [gridCss, row > 1 ? multiRows(rankedPlayers.length, row) : singleRow(rankedPlayers.length)], children: [row > 1 && _jsx("div", { css: stickyHeader }), gameMode === GameMode.TOURNAMENT && _jsx("div", { css: [borderTopCss, left], children: t('Tournament') }), (gameMode === GameMode.TOURNAMENT || gameMode === GameMode.COMPETITIVE) && _jsx("div", { css: [borderTopCss, left], children: t('Ranking') }), scoringCells.map((cell, index) => (_jsx("div", { css: [borderTopCss, left], children: cell }, index))), rankedPlayers.map((player, index) => _jsx(PlayerDisplay, { playerId: player.id, gameMode: gameMode, rank: isCompetitive(rules) && player.rank <= 3 ? player.rank : undefined, border: row > 1 }, index))] }), gameMode === GameMode.TUTORIAL &&
+                        _jsxs("div", { children: [_jsx("p", { css: css `white-space: break-spaces;`, children: t('tuto.over') }), _jsxs("p", { css: buttonsLine, children: [_jsx(RestartTutorialButton, {}), _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/play`, css: css `margin-left: 1em;`, children: [_jsx(FontAwesomeIcon, { icon: faChessPawn }), t('Play')] })] })] }), gameId !== null && _jsx(RematchSection, { openDialog: openDialog })] })] }));
 };
 const PlayerDisplay = ({ gameMode, playerId, rank, border }) => {
     const playerName = usePlayerName(playerId);
     const tournamentPoints = useGameSelector((state) => state.players.find(p => p.id === playerId)?.tournamentPoints ?? undefined);
     const playerData = usePlayerScoring(playerId);
-    return _jsxs(_Fragment, { children: [_jsxs("div", { css: [relative, border && borderLeft], children: [_jsxs("div", { css: avatarContainer, children: [_jsx(Avatar, { playerId: playerId, css: avatarCss }), rank !== undefined && _jsx(Medal, { rank: rank, css: medalCss })] }), _jsx("span", { children: playerName })] }), gameMode === GameMode.TOURNAMENT &&
-                _jsx("div", { css: [borderLeft, borderTop, centered], children: tournamentPoints !== undefined && _jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { icon: faTrophy, css: trophyIcon }), _jsxs("span", { children: ["+", tournamentPoints] })] }) }), (gameMode === GameMode.TOURNAMENT || gameMode === GameMode.COMPETITIVE) &&
-                _jsx("div", { css: [borderLeft, borderTop, centered], children: _jsx(GamePoints, { playerId: playerId }) }), playerData.map((cell, index) => (_jsx("div", { css: [borderLeft, borderTop], children: cell }, index)))] });
+    return _jsxs(_Fragment, { children: [_jsxs("div", { css: [relative, border && borderLeftCss, stickyHeader], children: [_jsxs("div", { css: avatarContainer, children: [_jsx(Avatar, { playerId: playerId, css: avatarCss }), rank !== undefined && _jsx(Medal, { rank: rank, css: medalCss })] }), _jsx("span", { children: playerName })] }), gameMode === GameMode.TOURNAMENT &&
+                _jsx("div", { css: [borderLeftCss, borderTopCss, centered], children: tournamentPoints !== undefined && _jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { icon: faTrophy, css: trophyIconCss }), _jsxs("span", { children: ["+", tournamentPoints] })] }) }), (gameMode === GameMode.TOURNAMENT || gameMode === GameMode.COMPETITIVE) &&
+                _jsx("div", { css: [borderLeftCss, borderTopCss, centered], children: _jsx(GamePoints, { playerId: playerId }) }), playerData.map((cell, index) => (_jsx("div", { css: [borderLeftCss, borderTopCss], children: cell }, index)))] });
 };
 const centered = css `
   > * {
@@ -53,23 +54,37 @@ const centered = css `
   }
 `;
 const style = css `
-  font-size: 3.2em;
+  font-size: calc(3.2em * var(--gp-scale));
   text-align: center;
   max-height: 90vh;
   max-height: 90dvh;
-  overflow-y: auto;
-
+  display: flex;
+  flex-direction: column;
 
   > h2 {
     margin: 0 1em 0.5em;
   }
 `;
+const scrollableContent = css `
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+`;
 const closeIcon = css `
   position: absolute;
   right: 0.8em;
   top: 0.6em;
   font-size: 1.3em;
   cursor: pointer;
+  z-index: 1;
+`;
+const stickyHeader = css `
+  position: sticky;
+  top: 0;
+  background-color: var(--gp-dialog-bg);
+  z-index: 1;
+  padding-top: 0.3em;
+  padding-bottom: 0.3em;
 `;
 const buttonLine = css `
   display: flex;
@@ -106,7 +121,7 @@ const avatarCss = css `
 const medalCss = css `
   width: 1.3em;
   height: 1.6em;
-  fill: #002448;
+  fill: var(--gp-result-icon);
   position: absolute;
   top: -0.5em;
   left: -0.8em;
@@ -114,14 +129,14 @@ const medalCss = css `
 const relative = css `
   position: relative;
 `;
-const borderLeft = css `
-  border-left: 0.1em solid #28b8ce;
+const borderLeftCss = css `
+  border-left: 0.1em solid var(--gp-result-border);
 `;
-const borderTop = css `
-  border-top: 0.1em solid #28b8ce;
+const borderTopCss = css `
+  border-top: 0.1em solid var(--gp-result-border);
 `;
-const trophyIcon = css `
-  color: #28b8ce;
+const trophyIconCss = css `
+  color: var(--gp-result-border);
 `;
 const left = css `
   text-align: left;

package/dist/components/dialogs/ResultDialog/ResultDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/ResultDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResultDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/ResultDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.d.ts

@@ -0,0 +1,2 @@
+import { MaterialHelpDisplayProps } from '../../material';
+export declare const DefaultHelpDisplay: <P extends number = number, M extends number = number, L extends number = number>({ item, itemType, itemIndex, displayIndex }: MaterialHelpDisplayProps<P, M, L>) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { fontSizeCss } from '../../../css';
+import { useMaterialContext, useMaterialDescription } from '../../../hooks';
+import { MaterialComponent } from '../../material';
+import { LocationDisplay } from '../../material/locations/LocationDisplay';
+export const DefaultHelpDisplay = ({ item, itemType, itemIndex, displayIndex }) => {
+    const context = useMaterialContext();
+    const description = useMaterialDescription(itemType);
+    if (!description)
+        return null;
+    const itemContext = { ...context, type: itemType, index: itemIndex, displayIndex: displayIndex };
+    const { width, height } = description.getSize(item.id);
+    const locations = item.location ? context.material[itemType]?.getLocations(item, itemContext) ?? [] : [];
+    return (_jsx("div", { css: css `position: relative; flex-shrink: 0;`, children: _jsx(MaterialComponent, { type: itemType, itemId: item.id, itemIndex: itemIndex, css: [
+                fontSizeCss(Math.min(75 / height, 75 / width, 10)),
+                description.getHelpDisplayExtraCss(item, itemContext)
+            ], children: locations.map((location) => {
+                const locationDescription = context.locators[location.type]?.getLocationDescription(location, context);
+                if (!locationDescription || !locationDescription.displayInParentItemHelp)
+                    return null;
+                return _jsx(LocationDisplay, { location: location, description: locationDescription }, JSON.stringify(location));
+            }) }) }));
+};
+//# sourceMappingURL=DefaultHelpDisplay.js.map

package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultHelpDisplay.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/DefaultHelpDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAE3E,OAAO,EAAE,iBAAiB,EAA4B,MAAM,gBAAgB,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAE1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAqC,EAC9E,EAAE;IACF,MAAM,OAAO,GAAG,kBAAkB,EAAW,CAAA;IAC7C,MAAM,WAAW,GAAG,sBAAsB,CAAU,QAAQ,CAAC,CAAA;IAC7D,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAC7B,MAAM,WAAW,GAAyB,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAU,EAAE,YAAY,EAAE,YAAa,EAAE,CAAA;IACxH,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACtD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,IAA+B,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACnI,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,CAAA,qCAAqC,YAChD,KAAC,iBAAiB,IAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE;gBAC7E,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;gBAClD,WAAW,CAAC,sBAAsB,CAAC,IAAI,EAAE,WAAW,CAAC;aACtD,YACE,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;gBACtG,IAAI,CAAC,mBAAmB,IAAI,CAAC,mBAAmB,CAAC,uBAAuB;oBAAE,OAAO,IAAI,CAAA;gBACrF,OAAO,KAAC,eAAe,IAAgC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,mBAA0B,IAArF,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAgE,CAAA;YACvH,CAAC,CAAC,GACgB,GAChB,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { MaterialMoveBuilder } from '@gamepark/rules-api';
 import { fontSizeCss } from '../../../css';
 import { useItemLocator, useMaterialContext, usePlay } from '../../../hooks';
@@ -7,6 +7,7 @@ import { helpDialogContentCss } from './RulesHelpDialogContent';
 var displayHelp = MaterialMoveBuilder.displayHelp;
 export const LocationRulesDialogContent = ({ helpDisplay: { location } }) => {
     const play = usePlay();
+    const theme = useTheme();
     const context = useMaterialContext();
     const locator = useItemLocator(location.type);
     const description = locator?.getLocationDescription(location, context);
@@ -16,7 +17,7 @@ export const LocationRulesDialogContent = ({ helpDisplay: { location } }) => {
     const image = description?.getHelpImage(location, context);
     const { width, height } = description?.getLocationSize(location, context) ?? { width: 0, height: 0 };
     return _jsxs("div", { css: flex, children: [!!image &&
-                _jsx("div", { css: [noShrink, fontSizeCss(Math.min(75 / height, 75 / width, 10)), backgroundImage(image, height, width)] }), _jsx("div", { css: helpDialogContentCss, children: _jsx(Help, { location: location, closeDialog: () => play(displayHelp(undefined), { transient: true }) }) })] });
+                _jsx("div", { css: [noShrink, fontSizeCss(Math.min(75 / height, 75 / width, 10)), backgroundImage(image, height, width)] }), _jsx("div", { css: [helpDialogContentCss, theme.dialog.content], children: _jsx(Help, { location: location, closeDialog: () => play(displayHelp(undefined), { transient: true }) }) })] });
 };
 const flex = css `
   display: flex;

package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAuB,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AAMpD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,EAAyC,EACpE,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,kBAAkB,EAAW,CAAA;IAC7C,MAAM,OAAO,GAAG,cAAc,CAAU,QAAQ,CAAC,IAAI,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,OAAO,EAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,IAAI,GAAG,WAAW,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,CAAA;IAC/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,MAAM,KAAK,GAAG,WAAW,EAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC1D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;IACpG,OAAO,eAAK,GAAG,EAAE,IAAI,aAClB,CAAC,CAAC,KAAK;gBACN,cAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,EAEpH,cAAK,GAAG,EAAE,oBAAoB,YAC5B,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,GAC7F,IACF,CAAA;AACR,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;CAKf,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAEnB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;0BACnD,KAAK;;YAEnB,MAAM;WACP,KAAK;CACf,CAAA"}
+{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAuB,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AAMpD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,EAAyC,EACpE,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,kBAAkB,EAAW,CAAA;IAC7C,MAAM,OAAO,GAAG,cAAc,CAAU,QAAQ,CAAC,IAAI,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,OAAO,EAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,IAAI,GAAG,WAAW,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,CAAA;IAC/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,MAAM,KAAK,GAAG,WAAW,EAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC1D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;IACpG,OAAO,eAAK,GAAG,EAAE,IAAI,aAClB,CAAC,CAAC,KAAK;gBACN,cAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,EAEpH,cAAK,GAAG,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YACpD,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,GAC7F,IACF,CAAA;AACR,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;CAKf,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAEnB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;0BACnD,KAAK;;YAEnB,MAAM;WACP,KAAK;CACf,CAAA"}

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js

@@ -5,11 +5,8 @@ import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { isSameLocationArea, MaterialMoveBuilder } from '@gamepark/rules-api';
 import { useMemo } from 'react';
-import { fontSizeCss } from '../../../css';
 import { useKeyDown, useMaterialContext, useMaterialDescription, usePlay, useRules } from '../../../hooks';
 import { useLocators } from '../../../hooks/useLocators';
-import { MaterialComponent } from '../../material';
-import { LocationDisplay } from '../../material/locations/LocationDisplay';
 import { helpDialogContentCss } from './RulesHelpDialogContent';
 var displayHelp = MaterialMoveBuilder.displayHelp;
 var displayMaterialHelp = MaterialMoveBuilder.displayMaterialHelp;
@@ -47,6 +44,7 @@ const useMaterialNavigation = (helpDisplay, context) => {
 };
 export const MaterialRulesDialogContent = ({ helpDisplay }) => {
     const play = usePlay();
+    const theme = useTheme();
     const context = useMaterialContext();
     const description = useMaterialDescription(helpDisplay.itemType);
     const itemContext = { ...context, type: helpDisplay.itemType, index: helpDisplay.itemIndex, displayIndex: helpDisplay.displayIndex };
@@ -56,37 +54,25 @@ export const MaterialRulesDialogContent = ({ helpDisplay }) => {
     if (!description)
         return null;
     const item = helpDisplay.item;
-    const { width, height } = description.getSize(item.id);
     const hasNavigation = previous || next;
-    const locations = item.location ? context.material[helpDisplay.itemType]?.getLocations(item, itemContext) ?? [] : [];
-    return _jsxs(_Fragment, { children: [_jsxs("div", { css: [flex, hasNavigation && fullSize], children: [_jsx(MaterialComponent, { type: helpDisplay.itemType, itemId: item.id, itemIndex: helpDisplay.itemIndex, css: [
-                            noShrink, fontSizeCss(Math.min(75 / height, 75 / width, 10)),
-                            description.getHelpDisplayExtraCss(item, itemContext)
-                        ], children: locations.map((location) => {
-                            const locationDescription = context.locators[location.type]?.getLocationDescription(location, context);
-                            if (!locationDescription || !locationDescription.displayInParentItemHelp)
-                                return null;
-                            return _jsx(LocationDisplay, { location: location, description: locationDescription }, JSON.stringify(location));
-                        }) }), _jsx("div", { css: helpDialogContentCss, children: description.help && _jsx(description.help, { ...helpDisplay, closeDialog: closeDialog }) })] }), previous && _jsx(PreviousArrow, { onPrevious: () => play(previous, { transient: true }) }), next && _jsx(NextArrow, { onNext: () => play(next, { transient: true }) })] });
+    return _jsxs(_Fragment, { children: [_jsxs("div", { css: [flex, hasNavigation && fullSize], children: [_jsx(description.helpDisplay, { item: item, itemType: helpDisplay.itemType, itemIndex: helpDisplay.itemIndex, displayIndex: helpDisplay.displayIndex, closeDialog: closeDialog }), _jsx("div", { css: [helpDialogContentCss, theme.dialog.content], children: description.help && _jsx(description.help, { ...helpDisplay, closeDialog: closeDialog }) })] }), previous && _jsx(PreviousArrow, { onPrevious: () => play(previous, { transient: true }) }), next && _jsx(NextArrow, { onNext: () => play(next, { transient: true }) })] });
 };
 const NextArrow = (props) => {
     const { onNext } = props;
-    const theme = useTheme();
-    return (_jsx("div", { tabIndex: 2, css: [navigationArrow(theme), nextArrow], onClick: onNext, children: _jsx(FontAwesomeIcon, { icon: faChevronRight }) }));
+    return (_jsx("div", { tabIndex: 2, css: [navigationArrow, nextArrow], onClick: onNext, children: _jsx(FontAwesomeIcon, { icon: faChevronRight }) }));
 };
 const PreviousArrow = (props) => {
     const { onPrevious } = props;
-    const theme = useTheme();
-    return (_jsx("div", { tabIndex: 1, css: [navigationArrow(theme), previousArrow], onClick: onPrevious, children: _jsx(FontAwesomeIcon, { icon: faChevronLeft }) }));
+    return (_jsx("div", { tabIndex: 1, css: [navigationArrow, previousArrow], onClick: onPrevious, children: _jsx(FontAwesomeIcon, { icon: faChevronLeft }) }));
 };
-const navigationArrow = (theme) => css `
+const navigationArrow = css `
   position: absolute;
   top: 50%;
   z-index: -1;
   transform: translateY(-50%);
-  background-color: ${theme.dialog.backgroundColor};
-  color: ${theme.dialog.color};
-  font-size: 4em;
+  background-color: var(--gp-dialog-bg);
+  color: var(--gp-dialog-color);
+  font-size: 3.2em;
   display: flex;
   align-items: center;
   border-radius: 1.4em;
@@ -133,9 +119,6 @@ const flex = css `
   max-width: inherit;
   max-height: inherit;
 `;
-const noShrink = css `
-  flex-shrink: 0;
-`;
 const fullSize = css `
   width: 80vw;
   width: 80dvw;

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAqC,mBAAmB,EAAiB,MAAM,qBAAqB,CAAA;AAC/H,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC1G,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AACpD,IAAO,mBAAmB,GAAG,mBAAmB,CAAC,mBAAmB,CAAA;AAMpE,MAAM,qBAAqB,GAAG,CAAkF,WAAgC,EAAE,OAA6B,EAAE,EAAE;IACjL,MAAM,KAAK,GAAG,QAAQ,EAAkB,CAAA;IACxC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAA;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAG,CAAA;IAC/B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,QAAQ,CAAC,QAAQ;YAAE,OAAM;QAC9B,MAAM,kBAAkB,GAAG,KAAK;aAC7B,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC;aAC9B,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAS,CAAC,CAAC,CAAA;QAE3E,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAiC,CAAA;QAChF,MAAM,KAAK,GAAmB,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;QACxE,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QACzB,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,UAAU,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACtF,UAAU,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAE7F,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEzE,IAAI,CAAC,QAAQ,IAAI,CAAC,eAAe;QAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;IAElF,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC,SAAU,CAAC,CAAA;IACpE,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;IAC9D,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACrI,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAErH,OAAO;QACL,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QAC1H,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;KAC3G,CAAA;AAEH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,EAAE,WAAW,EAA4C,EACzD,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,kBAAkB,EAAW,CAAA;IAC7C,MAAM,WAAW,GAAG,sBAAsB,CAAU,WAAW,CAAC,QAAQ,CAAC,CAAA;IACzE,MAAM,WAAW,GAAyB,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,SAAU,EAAE,YAAY,EAAE,WAAW,CAAC,YAAa,EAAE,CAAA;IAC5J,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,qBAAqB,CAAU,WAAW,EAAE,WAAW,CAAC,CAAA;IACnF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IAC3E,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;IACjC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAC7B,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAA;IAC7B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACtD,MAAM,aAAa,GAAG,QAAQ,IAAI,IAAI,CAAA;IACtC,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,IAA+B,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/I,OAAO,8BACL,eAAK,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,IAAI,QAAQ,CAAC,aACzC,KAAC,iBAAiB,IAAC,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE;4BACrG,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;4BAC5D,WAAW,CAAC,sBAAsB,CAAC,IAAI,EAAE,WAAW,CAAC;yBACtD,YACE,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;4BAC1B,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;4BACtG,IAAI,CAAC,mBAAmB,IAAI,CAAC,mBAAmB,CAAC,uBAAuB;gCAAE,OAAO,IAAI,CAAA;4BACrF,OAAO,KAAC,eAAe,IAAgC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,mBAA0B,IAArF,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAgE,CAAA;wBACvH,CAAC,CAAC,GACgB,EACpB,cAAK,GAAG,EAAE,oBAAoB,YAC3B,WAAW,CAAC,IAAI,IAAI,KAAC,WAAW,CAAC,IAAI,OAAK,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,GAC/E,IACF,EACL,QAAQ,IAAI,KAAC,aAAa,IAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,EACnF,IAAI,IAAI,KAAC,SAAS,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,IACnE,CAAA;AACL,CAAC,CAAA;AAMD,MAAM,SAAS,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,cAAK,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,YACzE,KAAC,eAAe,IAAC,IAAI,EAAE,cAAc,GAAG,GACpC,CACP,CAAA;AACH,CAAC,CAAA;AAKD,MAAM,aAAa,GAA2B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,cAAK,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,UAAU,YACjF,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAG,GACnC,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;sBAKvB,KAAK,CAAC,MAAM,CAAC,eAAe;WACvC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;CAS5B,CAAA;AAED,MAAM,iBAAiB,GAAG,SAAS,CAAA;;;;;;;CAOlC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;iBAKR,iBAAiB;;CAEjC,CAAA;AACD,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;CAO9B,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;iBAKJ,aAAa;;CAE7B,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;CAKf,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAEnB,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;;CAGnB,CAAA"}
+{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialogs/RulesDialog/RulesDialog.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css, ThemeProvider } from '@emotion/react';
+import { css, ThemeProvider, useTheme } from '@emotion/react';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { buttonCss } from '../../../css';
+import { onSurfaceButtonCss } from '../../../css';
 import { Dialog } from '../index';
 export const RulesDialog = ({ close, children, ...props }) => {
-    return (_jsxs(Dialog, { onBackdropClick: close, css: dialogCss, ...props, children: [close && _jsx(FontAwesomeIcon, { icon: faXmark, css: dialogCloseIcon, onClick: close }), _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: buttonCss('#002448', '#c2ebf1', '#ade4ec') }), children: children })] }));
+    const theme = useTheme();
+    return (_jsxs(Dialog, { onBackdropClick: close, css: dialogCss, ...props, children: [close && _jsx(FontAwesomeIcon, { icon: faXmark, css: [dialogCloseIcon, theme.dialog.closeIcon], onClick: close }), _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: onSurfaceButtonCss }), children: children })] }));
 };
 const dialogCss = css `
   max-width: 90vw;
@@ -18,7 +19,7 @@ const dialogCloseIcon = css `
   position: absolute;
   right: 0.5em;
   top: 0.3em;
-  font-size: 4em;
+  font-size: calc(4em * var(--gp-scale));
   cursor: pointer;
   z-index: 100;
 `;

package/dist/components/dialogs/RulesDialog/RulesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACnG,OAAO,CACL,MAAC,MAAM,IAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,KAAM,KAAK,aACtD,KAAK,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACjF,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,YAC/F,QAAQ,GACK,IACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;CAO1B,CAAA"}
+{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACnG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,MAAC,MAAM,IAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,KAAM,KAAK,aACtD,KAAK,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,EAC3G,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,YACvE,QAAQ,GACK,IACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;CAO1B,CAAA"}

package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { MaterialMoveBuilder } from '@gamepark/rules-api';
 import { useContext } from 'react';
 import { usePlay } from '../../../hooks';
@@ -7,9 +7,10 @@ import { gameContext } from '../../GameProvider';
 var displayHelp = MaterialMoveBuilder.displayHelp;
 export const RulesHelpDialogContent = ({ helpDisplay }) => {
     const play = usePlay();
+    const theme = useTheme();
     const context = useContext(gameContext);
     const RulesHelp = context.rulesHelp?.[helpDisplay.ruleId];
-    return _jsx("div", { css: helpDialogCss, children: _jsx("div", { css: helpDialogContentCss, children: RulesHelp ?
+    return _jsx("div", { css: helpDialogCss, children: _jsx("div", { css: [helpDialogContentCss, theme.dialog.content], children: RulesHelp ?
                 _jsx(RulesHelp, { close: () => play(displayHelp(undefined), { transient: true }) })
                 : _jsxs(_Fragment, { children: [_jsx("h2", { children: "Missing help" }), _jsxs("p", { children: ["Please provide some text to explain rule #", helpDisplay.ruleId] })] }) }) });
 };
@@ -22,7 +23,7 @@ const helpDialogCss = css `
 export const helpDialogContentCss = css `
   margin: 0 0.5em;
   padding: 0 0.5em;
-  font-size: 3em;
+  font-size: 2.4em;
   overflow: auto;
   flex: 1;
 

package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RulesHelpDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesHelpDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAoB,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AAMpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,EAAE,WAAW,EAA+B,EAC5C,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IACzD,OAAO,cAAK,GAAG,EAAE,aAAa,YAC5B,cAAK,GAAG,EAAE,oBAAoB,YAC3B,SAAS,CAAC,CAAC;gBACV,KAAC,SAAS,IAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG;gBAC5E,CAAC,CAAC,8BACA,wCAAqB,EACrB,sEAA8C,WAAW,CAAC,MAAM,IAAK,IACpE,GAED,GACF,CAAA;AACR,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;CAKxB,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAetC,CAAA"}
+{"version":3,"file":"RulesHelpDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesHelpDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAoB,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AAMpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,EAAE,WAAW,EAA+B,EAC5C,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IACzD,OAAO,cAAK,GAAG,EAAE,aAAa,YAC5B,cAAK,GAAG,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YACnD,SAAS,CAAC,CAAC;gBACV,KAAC,SAAS,IAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG;gBAC5E,CAAC,CAAC,8BACA,wCAAqB,EACrB,sEAA8C,WAAW,CAAC,MAAM,IAAK,IACpE,GAED,GACF,CAAA;AACR,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;CAKxB,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAetC,CAAA"}

package/dist/components/dialogs/RulesDialog/index.d.ts

@@ -1,2 +1,3 @@
+export * from './DefaultHelpDisplay';
 export * from './MaterialRulesDialog';
 export * from './RulesDialog';

package/dist/components/dialogs/RulesDialog/index.js

@@ -1,3 +1,4 @@
+export * from './DefaultHelpDisplay';
 export * from './MaterialRulesDialog';
 export * from './RulesDialog';
 //# sourceMappingURL=index.js.map

package/dist/components/dialogs/RulesDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,eAAe,CAAA"}

package/dist/components/material/GameTable/GameTableNavigation.js

@@ -36,7 +36,7 @@ const navigationContainer = css `
   transform: translateZ(100em);
 `;
 const button = [buttonResetCss, css `
-  font-size: 3em;
+  font-size: calc(3em * var(--gp-scale));
   height: 2em;
   width: 2em;
   border-radius: 2em;

package/dist/components/material/MaterialDescription.d.ts

@@ -8,6 +8,13 @@ import { ItemButtonProps } from './ItemMenuButton';
 export type MaterialHelpProps<P extends number = number, M extends number = number, L extends number = number> = {
     closeDialog: () => void;
 } & Omit<MaterialHelpDisplay<P, M, L>, 'type'>;
+export type MaterialHelpDisplayProps<P extends number = number, M extends number = number, L extends number = number> = {
+    item: Partial<MaterialItem<P, L>>;
+    itemType: M;
+    itemIndex?: number;
+    displayIndex?: number;
+    closeDialog: () => void;
+};
 export type MaterialContentProps<ItemId = any, M extends number = number> = {
     itemId: ItemId;
     itemIndex?: number;
@@ -24,6 +31,12 @@ export declare abstract class MaterialDescription<P extends number = number, M e
      * Content of the help dialog opened when an item is clicked
      */
     help?: ComponentType<MaterialHelpProps<P, M, L>>;
+    /**
+     * Custom component to render the item display area in the help dialog.
+     * Replaces the default item rendering (left side of the dialog).
+     * Use this to customize item positioning, show multiple items, add overlays, etc.
+     */
+    helpDisplay: ComponentType<MaterialHelpDisplayProps<P, M, L>>;
     /**
      * The React component to display
      */