@gamepark/react-game 7.4.0 → 7.5.0

package/dist/components/menus/SoundButton/SoundButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SoundButton.js","sourceRoot":"","sources":["../../../../src/components/menus/SoundButton/SoundButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gDAAgD,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAClD,OAAO,CACL,kBAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,aAClE,KAAC,eAAe,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,GAAG,EAC1D,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IACrC,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SoundButton.js","sourceRoot":"","sources":["../../../../src/components/menus/SoundButton/SoundButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gDAAgD,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAClD,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,aAC1F,KAAC,eAAe,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,GAAG,EAC1D,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IACrC,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/menus/TimeStatsButton/TimeStatsButton.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 { faClock } from '@fortawesome/free-solid-svg-icons/faClock';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { Dialog } from '../../dialogs';
 import { Avatar } from '../../Avatar';
 import { usePlayerName, usePlayers } from '../../../hooks';
-import { menuButtonCss, menuDialogCss } from '../menuCss';
+import { menuButtonCss, menuDialogCss, paletteMenuButtonCss } from '../menuCss';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import utc from 'dayjs/plugin/utc';
@@ -16,9 +16,10 @@ dayjs.extend(duration);
 dayjs.extend(utc);
 export const TimeStatsButton = () => {
     const { t } = useTranslation('common');
+    const theme = useTheme();
     const [displayPopup, setDisplayPopup] = useState(false);
     const players = usePlayers();
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { css: menuButtonCss, onClick: () => setDisplayPopup(true), children: [_jsx(FontAwesomeIcon, { icon: faClock }), t('time.button')] }), _jsxs(Dialog, { open: displayPopup, css: menuDialogCss, onBackdropClick: () => setDisplayPopup(false), children: [_jsx(FontAwesomeIcon, { icon: faXmark, css: closeIcon, onClick: () => setDisplayPopup(false) }), _jsx("h2", { children: t('time.title') }), _jsxs("div", { css: gridCss(players.length), children: [_jsx("div", {}), _jsx("div", { css: [borderTop, orangeBackground], children: t('time.think.total') }), _jsx("div", { css: [borderTop, blueBackground], children: t('time.wait.total') }), _jsx("div", { css: [borderTop, orangeBackground], children: t('time.think.max') }), _jsx("div", { css: [borderTop, blueBackground], children: t('time.wait.max') }), _jsx("div", { css: [borderTop, orangeBackground], children: t('time.awaited') }), players.map((player, index) => _jsxs(Fragment, { children: [_jsxs("div", { css: [relative, borderLeft], children: [_jsx(Avatar, { playerId: player.id, css: avatarCss }), _jsx("span", { children: _jsx(PlayerName, { playerId: player.id }) })] }, index), _jsx("div", { css: [borderLeft, borderTop, orangeBackground], children: humanize(player.time?.cumulatedPlayTime) }), _jsx("div", { css: [borderLeft, borderTop, blueBackground], children: humanize(player.time?.cumulatedDownTime) }), _jsx("div", { css: [borderLeft, borderTop, orangeBackground], children: humanize(player.time?.highestPlayTime) }), _jsx("div", { css: [borderLeft, borderTop, blueBackground], children: humanize(player.time?.highestDownTime) }), _jsx("div", { css: [borderLeft, borderTop, orangeBackground], children: humanize(player.time?.weightedWaitForMeTime) })] }, index))] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { css: [menuButtonCss, paletteMenuButtonCss, theme.menu?.button], onClick: () => setDisplayPopup(true), children: [_jsx(FontAwesomeIcon, { icon: faClock }), t('time.button')] }), _jsxs(Dialog, { open: displayPopup, css: [menuDialogCss, theme.timeStats?.container], onBackdropClick: () => setDisplayPopup(false), children: [_jsx(FontAwesomeIcon, { icon: faXmark, css: closeIcon, onClick: () => setDisplayPopup(false) }), _jsx("h2", { children: t('time.title') }), _jsxs("div", { css: gridCss(players.length), children: [_jsx("div", {}), _jsx("div", { css: [borderTopCss, thinkBgCss], children: t('time.think.total') }), _jsx("div", { css: [borderTopCss, waitBgCss], children: t('time.wait.total') }), _jsx("div", { css: [borderTopCss, thinkBgCss], children: t('time.think.max') }), _jsx("div", { css: [borderTopCss, waitBgCss], children: t('time.wait.max') }), _jsx("div", { css: [borderTopCss, thinkBgCss], children: t('time.awaited') }), players.map((player, index) => _jsxs(Fragment, { children: [_jsxs("div", { css: [relative, borderLeftCss], children: [_jsx(Avatar, { playerId: player.id, css: avatarCss }), _jsx("span", { children: _jsx(PlayerName, { playerId: player.id }) })] }, index), _jsx("div", { css: [borderLeftCss, borderTopCss, thinkBgCss], children: humanize(player.time?.cumulatedPlayTime) }), _jsx("div", { css: [borderLeftCss, borderTopCss, waitBgCss], children: humanize(player.time?.cumulatedDownTime) }), _jsx("div", { css: [borderLeftCss, borderTopCss, thinkBgCss], children: humanize(player.time?.highestPlayTime) }), _jsx("div", { css: [borderLeftCss, borderTopCss, waitBgCss], children: humanize(player.time?.highestDownTime) }), _jsx("div", { css: [borderLeftCss, borderTopCss, thinkBgCss], children: humanize(player.time?.weightedWaitForMeTime) })] }, index))] })] })] }));
 };
 const PlayerName = ({ playerId }) => {
     const name = usePlayerName(playerId);
@@ -50,17 +51,17 @@ const avatarCss = css `
 const relative = css `
   position: relative;
 `;
-const borderLeft = css `
-  border-left: 0.2em solid #28b8ce;
+const borderLeftCss = css `
+  border-left: 0.2em solid var(--gp-primary);
 `;
-const borderTop = css `
-  border-top: 0.2em solid #28b8ce;
+const borderTopCss = css `
+  border-top: 0.2em solid var(--gp-primary);
 `;
-const orangeBackground = css `
-  background-color: #fff3e3;
+const thinkBgCss = css `
+  background-color: var(--gp-timestats-think-bg);
 `;
-const blueBackground = css `
-  background-color: #b3e9f0;
+const waitBgCss = css `
+  background-color: var(--gp-timestats-wait-bg);
 `;
 const oneDay = dayjs.duration(1, 'day');
 const oneHour = dayjs.duration(1, 'hour');

package/dist/components/menus/TimeStatsButton/TimeStatsButton.js.map

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

package/dist/components/menus/UndoButton/UndoButton.js

@@ -3,11 +3,11 @@ import { faUndoAlt } from '@fortawesome/free-solid-svg-icons/faUndoAlt';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useTranslation } from 'react-i18next';
 import { useUndo } from '../../../hooks';
-import { menuButtonCss } from '../menuCss';
+import { menuButtonCss, paletteMenuButtonCss } from '../menuCss';
 export const UndoButton = () => {
     const { t } = useTranslation('common');
     const [undo, canUndo] = useUndo();
     const canUndoLastMove = canUndo();
-    return (_jsxs("button", { css: menuButtonCss, disabled: !canUndoLastMove, onClick: () => undo(), children: [_jsx(FontAwesomeIcon, { icon: faUndoAlt }), t('Undo my last move')] }));
+    return (_jsxs("button", { css: [menuButtonCss, paletteMenuButtonCss], disabled: !canUndoLastMove, onClick: () => undo(), children: [_jsx(FontAwesomeIcon, { icon: faUndoAlt }), t('Undo my last move')] }));
 };
 //# sourceMappingURL=UndoButton.js.map

package/dist/components/menus/UndoButton/UndoButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndoButton.js","sourceRoot":"","sources":["../../../../src/components/menus/UndoButton/UndoButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAA;IACjC,MAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,kBAAQ,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,aAC3E,KAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAG,EAClC,CAAC,CAAC,mBAAmB,CAAC,IAChB,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"UndoButton.js","sourceRoot":"","sources":["../../../../src/components/menus/UndoButton/UndoButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEhE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAA;IACjC,MAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,aACnG,KAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAG,EAClC,CAAC,CAAC,mBAAmB,CAAC,IAChB,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/menus/UndoButton/UndoPopButton.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { faUndoAlt } from '@fortawesome/free-solid-svg-icons/faUndoAlt';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useTranslation } from 'react-i18next';
 import { useUndo } from '../../../hooks';
+import { palettePopButtonCss } from '../menuCss';
 import { MenuPopButton } from '../Menu/MenuPopButton';
 export const UndoPopButton = () => {
     const { t } = useTranslation('common');
+    const theme = useTheme();
     const [undo, canUndo] = useUndo();
     const canUndoLastMove = canUndo();
-    return (_jsx(MenuPopButton, { pop: canUndoLastMove, onClick: () => undo(), css: style, title: t('Undo my last move'), children: _jsx(FontAwesomeIcon, { icon: faUndoAlt }) }));
+    return (_jsx(MenuPopButton, { pop: canUndoLastMove, onClick: () => undo(), css: [style, palettePopButtonCss, theme.menu?.popButton], title: t('Undo my last move'), children: _jsx(FontAwesomeIcon, { icon: faUndoAlt }) }));
 };
 const style = css `
   background: white;

package/dist/components/menus/UndoButton/UndoPopButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndoPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/UndoButton/UndoPopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAA;IACjC,MAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAE,YACpG,KAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAG,GACrB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhB,CAAA"}
+{"version":3,"file":"UndoPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/UndoButton/UndoPopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAA;IACjC,MAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAE,YAClJ,KAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAG,GACrB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhB,CAAA"}

package/dist/components/menus/menuCss.d.ts

@@ -7,3 +7,8 @@ export declare const menuBaseCss: import("@emotion/utils").SerializedStyles;
 export declare const hide: import("@emotion/utils").SerializedStyles;
 export declare const backdrop: import("@emotion/utils").SerializedStyles;
 export declare const displayBackdrop: import("@emotion/utils").SerializedStyles;
+export declare const paletteMenuBaseCss: import("@emotion/utils").SerializedStyles;
+export declare const paletteMenuButtonCss: import("@emotion/utils").SerializedStyles;
+export declare const paletteDangerButtonCss: import("@emotion/utils").SerializedStyles;
+export declare const palettePrimaryButtonCss: import("@emotion/utils").SerializedStyles;
+export declare const palettePopButtonCss: import("@emotion/utils").SerializedStyles;

package/dist/components/menus/menuCss.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import { buttonResetCss } from '../../css';
 export const menuDialogCss = css `
-  font-size: 3.2em;
+  font-size: calc(3.2em * var(--gp-scale));
 
   h2 {
     margin: 0 0 0.5em;
@@ -12,10 +12,7 @@ export const menuDialogCss = css `
   }
 `;
 export const menuFontSize = css `
-  font-size: 4em;
-  @media only screen and (min-width: 960px) {
-    font-size: 3.2em;
-  }
+  font-size: calc(3.2em * var(--gp-scale));
 `;
 export const floatingButtonCss = css `
   ${menuFontSize};
@@ -100,4 +97,60 @@ export const displayBackdrop = css `
   opacity: 1;
   pointer-events: auto;
 `;
+export const paletteMenuBaseCss = css `
+  background: var(--gp-surface);
+  color: var(--gp-on-surface);
+  font-family: var(--gp-font-family);
+`;
+export const paletteMenuButtonCss = css `
+  border-color: var(--gp-on-surface);
+  color: var(--gp-on-surface);
+
+  &:focus, &:hover {
+    background: var(--gp-on-surface-focus);
+  }
+
+  &:active {
+    background: var(--gp-on-surface-active);
+  }
+
+  &:disabled {
+    color: var(--gp-disabled);
+    border-color: var(--gp-disabled);
+  }
+`;
+export const paletteDangerButtonCss = css `
+  color: var(--gp-danger);
+  border-color: var(--gp-danger);
+
+  &:focus, &:hover {
+    background: var(--gp-danger-hover);
+  }
+
+  &:active {
+    background: var(--gp-danger-active);
+  }
+`;
+export const palettePrimaryButtonCss = css `
+  background: var(--gp-primary);
+
+  &:focus, &:hover {
+    background: var(--gp-primary-hover);
+  }
+
+  &:active {
+    background: var(--gp-primary-active);
+  }
+`;
+export const palettePopButtonCss = css `
+  color: var(--gp-primary);
+
+  &:focus, &:hover {
+    background: var(--gp-primary-light);
+  }
+
+  &:active {
+    background: var(--gp-primary-lighter);
+  }
+`;
 //# sourceMappingURL=menuCss.js.map

package/dist/components/menus/menuCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuCss.js","sourceRoot":"","sources":["../../../src/components/menus/menuCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;CAU/B,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;IAChC,YAAY;IACZ,cAAc;;;;;;;;CAQjB,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;IACpC,iBAAiB;;;;CAIpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB7B,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;CAEtB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;CAGjC,CAAA"}
+{"version":3,"file":"menuCss.js","sourceRoot":"","sources":["../../../src/components/menus/menuCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;CAU/B,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;CAE9B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;IAChC,YAAY;IACZ,cAAc;;;;;;;;CAQjB,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;IACpC,iBAAiB;;;;CAIpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB7B,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;CAEtB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;CAGjC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;CAIpC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;CAWxC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;CAUzC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;CAUrC,CAAA"}

package/dist/components/tutorial/MaterialTutorialDisplay.js

@@ -1,5 +1,5 @@
 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 { faBackward } from '@fortawesome/free-solid-svg-icons/faBackward';
 import { faForward } from '@fortawesome/free-solid-svg-icons/faForward';
 import { faForwardFast } from '@fortawesome/free-solid-svg-icons/faForwardFast';
@@ -10,7 +10,7 @@ import { isCloseTutorialPopup, isSetTutorialStep } from '@gamepark/rules-api';
 import { maxBy, minBy } from 'es-toolkit';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { buttonCss, transformCss } from '../../css';
+import { onSurfaceButtonCss, transformCss } from '../../css';
 import { useLegalMove, useLegalMoves, useMaterialContext, useUndo } from '../../hooks';
 import { useTutorialStep } from '../../hooks/useTutorialStep';
 import { PlayMoveButton, ThemeButton } from '../buttons';
@@ -49,18 +49,20 @@ export const MaterialTutorialDisplay = () => {
             setFocus(undefined, false);
         }
     }, [tutorialStep, game?.tutorial?.popupClosed]);
+    const theme = useTheme();
     return (_jsx(Dialog, { open: popup !== undefined && !game?.tutorial?.popupClosed, css: [
             tutorialDialogCss,
             popup?.position && transformCss(`translate(${popup.position.x ?? 0}em, ${popup.position.y ?? 0}em)`),
-            sizeCss(popup?.size)
+            sizeCss(popup?.size),
+            theme.tutorial?.container
         ], backdropCss: backdropCss, children: popup &&
-            _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: buttonCss('#002448', '#c2ebf1', '#ade4ec') }), children: _jsxs("div", { css: rules, children: [passMove && _jsxs(PlayMoveButton, { move: passMove, css: passButton, children: [tCommon('Pass'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faForwardFast })] }), _jsx("p", { children: popup.text(t, game) }), _jsxs("p", { css: buttonsLine, children: [_jsxs(ThemeButton, { disabled: !canUndoLastMove, onClick: () => undo(), children: [_jsx(FontAwesomeIcon, { icon: faBackward }), "\u00A0", tCommon('Previous')] }), closeTutorialPopup ?
+            _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: onSurfaceButtonCss }), children: _jsxs("div", { css: [rules, theme.tutorial?.content], children: [passMove && _jsxs(PlayMoveButton, { move: passMove, css: passButton, children: [tCommon('Pass'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faForwardFast })] }), _jsx("p", { children: popup.text(t, game) }), _jsxs("p", { css: buttonsLine, children: [_jsxs(ThemeButton, { disabled: !canUndoLastMove, onClick: () => undo(), children: [_jsx(FontAwesomeIcon, { icon: faBackward }), "\u00A0", tCommon('Previous')] }), closeTutorialPopup ?
                                     _jsxs(PlayMoveButton, { move: closeTutorialPopup, children: [tCommon('OK'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faPlay })] })
                                     : _jsxs(PlayMoveButton, { move: nextStepMove, disabled: !nextStepMove, children: [tCommon('Next'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faForward })] })] })] }) }) }));
 };
 const rules = css `
   margin: 0 1em;
-  font-size: 3em;
+  font-size: calc(3em * var(--gp-scale));
   padding-top: 1em;
 
   > h2 {

package/dist/components/tutorial/MaterialTutorialDisplay.js.map

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

package/dist/css/GameTheme.d.ts

@@ -4,6 +4,14 @@ export interface GameTheme {
     dialog: DialogTheme;
     buttons?: Interpolation<GameTheme>;
     dropArea?: DropAreaTheme;
+    palette: PaletteTheme;
+    menu?: MenuTheme;
+    journal?: JournalTheme;
+    result?: ResultTheme;
+    header?: HeaderTheme;
+    playerPanel?: PlayerPanelTheme;
+    tutorial?: TutorialTheme;
+    timeStats?: TimeStatsTheme;
 }
 export interface DropAreaTheme {
     backgroundColor: string;
@@ -19,5 +27,61 @@ export interface BackgroundTheme {
 export interface DialogTheme {
     backgroundColor: string;
     color: string;
+    container?: Interpolation<GameTheme>;
+    backdrop?: Interpolation<GameTheme>;
+    closeIcon?: Interpolation<GameTheme>;
+    content?: Interpolation<GameTheme>;
 }
+export interface PaletteTheme {
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    primaryLight: string;
+    primaryLighter: string;
+    surface: string;
+    onSurface: string;
+    onSurfaceFocus: string;
+    onSurfaceActive: string;
+    danger: string;
+    dangerHover: string;
+    dangerActive: string;
+    disabled: string;
+}
+export interface MenuTheme {
+    panel?: Interpolation<GameTheme>;
+    button?: Interpolation<GameTheme>;
+    mainButton?: Interpolation<GameTheme>;
+    popButton?: Interpolation<GameTheme>;
+}
+export interface JournalTheme {
+    tab?: Interpolation<GameTheme>;
+    tabSelected?: Interpolation<GameTheme>;
+    chatBar?: Interpolation<GameTheme>;
+    historyEntry?: Interpolation<GameTheme>;
+}
+export interface ResultTheme {
+    border?: string;
+    icon?: string;
+    container?: Interpolation<GameTheme>;
+    closeIcon?: Interpolation<GameTheme>;
+}
+export interface HeaderTheme {
+    bar?: Interpolation<GameTheme>;
+    buttons?: Interpolation<GameTheme>;
+}
+export interface PlayerPanelTheme {
+    activeRingColors?: [string, string];
+    panel?: Interpolation<GameTheme>;
+    dataBadge?: Interpolation<GameTheme>;
+}
+export interface TutorialTheme {
+    container?: Interpolation<GameTheme>;
+    content?: Interpolation<GameTheme>;
+}
+export interface TimeStatsTheme {
+    container?: Interpolation<GameTheme>;
+    thinkBackground?: string;
+    waitBackground?: string;
+}
+export declare const defaultPalette: PaletteTheme;
 export declare const defaultTheme: GameTheme;

package/dist/css/GameTheme.js

@@ -1,5 +1,20 @@
 import { addStylesheetUrl } from './addStylesheetUrl';
 addStylesheetUrl('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+export const defaultPalette = {
+    primary: '#28B8CE',
+    primaryHover: '#24a5b9',
+    primaryActive: '#2092a3',
+    primaryLight: '#f0fbfc',
+    primaryLighter: '#dbf5f8',
+    surface: '#F0FBFC',
+    onSurface: '#002448',
+    onSurfaceFocus: '#c2ebf1',
+    onSurfaceActive: '#ade4ec',
+    danger: 'darkred',
+    dangerHover: '#ffd7d7',
+    dangerActive: '#ffbebe',
+    disabled: '#555555'
+};
 export const defaultTheme = {
     root: {
         fontFamily: 'Mulish',
@@ -14,6 +29,7 @@ export const defaultTheme = {
     },
     dropArea: {
         backgroundColor: 'rgba(0, 255, 0, 0.5)'
-    }
+    },
+    palette: defaultPalette
 };
 //# sourceMappingURL=GameTheme.js.map

package/dist/css/GameTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,gBAAgB,CAAC,wHAAwH,CAAC,CAAA;AA4B1I,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,sBAAsB;KACxC;CACF,CAAA"}
+{"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,gBAAgB,CAAC,wHAAwH,CAAC,CAAA;AAmG1I,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,SAAS;IACxB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,sBAAsB;KACxC;IACD,OAAO,EAAE,cAAc;CACxB,CAAA"}

package/dist/css/buttonCss.d.ts

@@ -1,3 +1,4 @@
 export declare const buttonResetCss: import("@emotion/utils").SerializedStyles;
 export declare const buttonCss: (color: string, focus: string, active: string) => import("@emotion/utils").SerializedStyles;
+export declare const onSurfaceButtonCss: import("@emotion/utils").SerializedStyles;
 export declare const linkButtonCss: import("@emotion/utils").SerializedStyles;

package/dist/css/buttonCss.js

@@ -32,6 +32,31 @@ export const buttonCss = (color, focus, active) => css `
     opacity: 0.5;
   }
 `;
+export const onSurfaceButtonCss = css `
+  ${buttonResetCss};
+
+  padding: 0.2em 0.5em;
+  border-radius: 2em;
+  border: 0.05em solid var(--gp-on-surface);
+  color: var(--gp-on-surface);
+  background: transparent;
+
+  &:focus, &:hover {
+    background: var(--gp-on-surface-focus);
+  }
+
+  &:active {
+    background: var(--gp-on-surface-active);
+  }
+
+  &:disabled {
+    color: #555555;
+    border-color: #555555;
+    background: transparent;
+    cursor: auto;
+    opacity: 0.5;
+  }
+`;
 export const linkButtonCss = css `
   ${buttonResetCss};
 

package/dist/css/buttonCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonCss.js","sourceRoot":"","sources":["../../src/css/buttonCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,MAAc,EAAE,EAAE,CAAC,GAAG,CAAA;IAC1E,cAAc;;;;yBAIO,KAAK;WACnB,KAAK;;;;kBAIE,KAAK;;;;kBAIL,MAAM;;;;;;;;;;CAUvB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,cAAc;;;;;;;;;;CAUjB,CAAA"}
+{"version":3,"file":"buttonCss.js","sourceRoot":"","sources":["../../src/css/buttonCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,MAAc,EAAE,EAAE,CAAC,GAAG,CAAA;IAC1E,cAAc;;;;yBAIO,KAAK;WACnB,KAAK;;;;kBAIE,KAAK;;;;kBAIL,MAAM;;;;;;;;;;CAUvB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;IACjC,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,cAAc;;;;;;;;;;CAUjB,CAAA"}

package/dist/locators/GridLocator.d.ts

@@ -0,0 +1,88 @@
+import { Coordinates, Location } from '@gamepark/rules-api';
+import { Locator, MaterialContext } from './Locator';
+/**
+ * Boundaries of items on the grid, in grid coordinates (not em).
+ */
+export type GridBoundaries = {
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+};
+/**
+ * Dimensions of the visible grid window, in cells.
+ */
+export type GridSize = {
+    columns: number;
+    rows: number;
+};
+/**
+ * This Locator places items on a rectangular grid with automatic panning.
+ *
+ * Items are positioned using their `location.x` and `location.y` as grid coordinates.
+ * The gap between cells is defined by {@link gap} (in em).
+ *
+ * When a {@link gridSize} is provided, the locator maintains a stable visible window:
+ * as long as all items fit inside, nothing moves. When items exceed the window,
+ * the view recenters on the barycentre.
+ *
+ * Without {@link gridSize}, the grid always centers on the barycentre of the items.
+ *
+ * Multiple independent grids are supported via {@link getGridId}, following the same
+ * pattern as {@link PileLocator.getPileId}.
+ *
+ * Override {@link getBoundaries} to provide custom boundaries (e.g. from a game helper).
+ */
+export declare class GridLocator<P extends number = number, M extends number = number, L extends number = number> extends Locator<P, M, L> {
+    constructor(clone?: Partial<GridLocator>);
+    /**
+     * The gap between two consecutive grid cells, in em.
+     */
+    gap?: Partial<Coordinates>;
+    /**
+     * Function to override to provide a {@link gap} that depends on the context.
+     * @param _location Location to position
+     * @param _context Context of the game
+     * @returns The gap between two consecutive grid cells
+     */
+    getGap(_location: Location<P, L>, _context: MaterialContext<P, M, L>): Partial<Coordinates>;
+    /**
+     * The size of the visible grid window, in cells.
+     * When items fit inside the window, the view does not move.
+     * When items exceed it, the view recenters on the barycentre.
+     * Without gridSize, the view always centers on the barycentre.
+     */
+    gridSize?: GridSize;
+    /**
+     * Function to override to provide a {@link gridSize} that depends on the context.
+     * @param _location Location to position
+     * @param _context Context of the game
+     * @returns The grid size
+     */
+    getGridSize(_location: Location<P, L>, _context: MaterialContext<P, M, L>): GridSize | undefined;
+    /**
+     * Identifier for the grid. By default, distinct location areas (different player, id or parent) form distinct grids.
+     * @param location Location in the grid
+     * @param _context Context of the game
+     * @returns A unique identifier for the grid this location belongs to
+     */
+    getGridId(location: Location<P, L>, _context: MaterialContext<P, M, L>): string;
+    /**
+     * Compute the boundaries of all items on this grid, in grid coordinates.
+     * Override this to provide custom boundaries (e.g. from a game helper).
+     *
+     * Default implementation scans all item types placed by this locator.
+     *
+     * @param location A location in the grid area
+     * @param context Context of the game
+     * @returns The grid boundaries, or undefined if no items exist
+     */
+    getBoundaries(location: Location<P, L>, context: MaterialContext<P, M, L>): GridBoundaries | undefined;
+    private deltas;
+    private game?;
+    private refreshedGrids;
+    private refreshDelta;
+    private ensureRefreshed;
+    getCoordinates(location: Location<P, L>, context: MaterialContext<P, M, L>): Partial<Coordinates>;
+    getPositionDependencies(location: Location<P, L>, context: MaterialContext<P, M, L>): unknown;
+}