@gamepark/react-game 7.4.1 → 7.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Avatar/SpeechBubble.js +1 -1
- package/dist/components/GameProvider/GameProvider.js +33 -1
- package/dist/components/GameProvider/GameProvider.js.map +1 -1
- package/dist/components/Header/Header.js +10 -7
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/JournalTabs/Chat/ChatTextInput.js +4 -1
- package/dist/components/JournalTabs/Chat/ChatTextInput.js.map +1 -1
- package/dist/components/JournalTabs/Chat/SignInToChat.js +13 -1
- package/dist/components/JournalTabs/Chat/SignInToChat.js.map +1 -1
- package/dist/components/JournalTabs/History/History.js +3 -2
- package/dist/components/JournalTabs/History/History.js.map +1 -1
- package/dist/components/JournalTabs/JournalTabs.js +8 -7
- package/dist/components/JournalTabs/JournalTabs.js.map +1 -1
- package/dist/components/LoadingScreen/LoadingScreen.js +2 -2
- package/dist/components/Log/LiveLogButton.js +2 -2
- package/dist/components/Log/LiveLogButton.js.map +1 -1
- package/dist/components/PlayerPanel/Counters.js +3 -1
- package/dist/components/PlayerPanel/Counters.js.map +1 -1
- package/dist/components/PlayerPanel/PlayerPanel.js +9 -7
- package/dist/components/PlayerPanel/PlayerPanel.js.map +1 -1
- package/dist/components/PlayerPanel/StyledPlayerPanel.js +6 -5
- package/dist/components/PlayerPanel/StyledPlayerPanel.js.map +1 -1
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js +6 -6
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js.map +1 -1
- package/dist/components/dialogs/Dialog.js +6 -5
- package/dist/components/dialogs/Dialog.js.map +1 -1
- package/dist/components/dialogs/FailuresDialog.js +5 -3
- package/dist/components/dialogs/FailuresDialog.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/RematchDisplay.js +4 -3
- package/dist/components/dialogs/ResultDialog/RematchDisplay.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/RematchSection.js +4 -3
- package/dist/components/dialogs/ResultDialog/RematchSection.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/ResultDialog.js +36 -21
- package/dist/components/dialogs/ResultDialog/ResultDialog.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.d.ts +2 -0
- package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.js +25 -0
- package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.js.map +1 -0
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js +3 -2
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js +8 -25
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesDialog.js +5 -4
- package/dist/components/dialogs/RulesDialog/RulesDialog.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js +4 -3
- package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/index.d.ts +1 -0
- package/dist/components/dialogs/RulesDialog/index.js +1 -0
- package/dist/components/dialogs/RulesDialog/index.js.map +1 -1
- package/dist/components/material/GameTable/GameTableNavigation.js +1 -1
- package/dist/components/material/MaterialDescription.d.ts +13 -0
- package/dist/components/material/MaterialDescription.js +7 -0
- package/dist/components/material/MaterialDescription.js.map +1 -1
- package/dist/components/material/animations/CreateItemAnimations.js +24 -17
- package/dist/components/material/animations/CreateItemAnimations.js.map +1 -1
- package/dist/components/material/animations/MoveItemAnimations.js +1 -2
- package/dist/components/material/animations/MoveItemAnimations.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerButton.js +2 -22
- package/dist/components/menus/EjectPlayer/EjectPlayerButton.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js +6 -16
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.js +12 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.js.map +1 -1
- package/dist/components/menus/Fullscreen/FullscreenButton.js +4 -2
- package/dist/components/menus/Fullscreen/FullscreenButton.js.map +1 -1
- package/dist/components/menus/Fullscreen/FullscreenDialog.js +6 -4
- package/dist/components/menus/Fullscreen/FullscreenDialog.js.map +1 -1
- package/dist/components/menus/Fullscreen/FullscreenPopButton.js +4 -2
- package/dist/components/menus/Fullscreen/FullscreenPopButton.js.map +1 -1
- package/dist/components/menus/GiveUpButton/GiveUpButton.js +7 -16
- package/dist/components/menus/GiveUpButton/GiveUpButton.js.map +1 -1
- package/dist/components/menus/Menu/Menu.js +7 -6
- package/dist/components/menus/Menu/Menu.js.map +1 -1
- package/dist/components/menus/Menu/NavButton.js +4 -2
- package/dist/components/menus/Menu/NavButton.js.map +1 -1
- package/dist/components/menus/PlayerQuit/TrackPlayersQuit.js +4 -2
- package/dist/components/menus/PlayerQuit/TrackPlayersQuit.js.map +1 -1
- package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.js +2 -2
- package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.js.map +1 -1
- package/dist/components/menus/Result/ResultButton.js +2 -2
- package/dist/components/menus/Result/ResultButton.js.map +1 -1
- package/dist/components/menus/Result/ResultPopButton.js +4 -2
- package/dist/components/menus/Result/ResultPopButton.js.map +1 -1
- package/dist/components/menus/SoundButton/SoundButton.js +2 -2
- package/dist/components/menus/SoundButton/SoundButton.js.map +1 -1
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js +12 -11
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js.map +1 -1
- package/dist/components/menus/UndoButton/UndoButton.js +2 -2
- package/dist/components/menus/UndoButton/UndoButton.js.map +1 -1
- package/dist/components/menus/UndoButton/UndoPopButton.js +4 -2
- package/dist/components/menus/UndoButton/UndoPopButton.js.map +1 -1
- package/dist/components/menus/menuCss.d.ts +5 -0
- package/dist/components/menus/menuCss.js +58 -5
- package/dist/components/menus/menuCss.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js +7 -5
- package/dist/components/tutorial/MaterialTutorialDisplay.js.map +1 -1
- package/dist/css/GameTheme.d.ts +64 -0
- package/dist/css/GameTheme.js +17 -1
- package/dist/css/GameTheme.js.map +1 -1
- package/dist/css/buttonCss.d.ts +1 -0
- package/dist/css/buttonCss.js +25 -0
- package/dist/css/buttonCss.js.map +1 -1
- package/dist/locators/GridLocator.d.ts +88 -0
- package/dist/locators/GridLocator.js +156 -0
- package/dist/locators/GridLocator.js.map +1 -0
- package/dist/locators/HandLocator.d.ts +1 -1
- package/dist/locators/ListLocator.d.ts +1 -1
- package/dist/locators/PileLocator.d.ts +1 -1
- package/dist/locators/index.d.ts +1 -0
- package/dist/locators/index.js +1 -0
- package/dist/locators/index.js.map +1 -1
- package/dist/utilities/translation.util.js +7 -9
- package/dist/utilities/translation.util.js.map +1 -1
- package/package.json +3 -3
|
@@ -43,6 +43,38 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
43
43
|
console.error = (message, ...optionalParams) => datadogLogs.logger.error(buildMessage(message, optionalParams), { origin: 'console' });
|
|
44
44
|
}
|
|
45
45
|
const globalCss = (theme) => css `
|
|
46
|
+
:root {
|
|
47
|
+
--gp-primary: ${theme.palette.primary};
|
|
48
|
+
--gp-primary-hover: ${theme.palette.primaryHover};
|
|
49
|
+
--gp-primary-active: ${theme.palette.primaryActive};
|
|
50
|
+
--gp-primary-light: ${theme.palette.primaryLight};
|
|
51
|
+
--gp-primary-lighter: ${theme.palette.primaryLighter};
|
|
52
|
+
--gp-surface: ${theme.palette.surface};
|
|
53
|
+
--gp-on-surface: ${theme.palette.onSurface};
|
|
54
|
+
--gp-on-surface-focus: ${theme.palette.onSurfaceFocus};
|
|
55
|
+
--gp-on-surface-active: ${theme.palette.onSurfaceActive};
|
|
56
|
+
--gp-danger: ${theme.palette.danger};
|
|
57
|
+
--gp-danger-hover: ${theme.palette.dangerHover};
|
|
58
|
+
--gp-danger-active: ${theme.palette.dangerActive};
|
|
59
|
+
--gp-disabled: ${theme.palette.disabled};
|
|
60
|
+
--gp-dialog-bg: ${theme.dialog.backgroundColor};
|
|
61
|
+
--gp-dialog-color: ${theme.dialog.color};
|
|
62
|
+
--gp-font-family: "${theme.root.fontFamily}", sans-serif;
|
|
63
|
+
--gp-result-border: ${theme.result?.border ?? theme.palette.primary};
|
|
64
|
+
--gp-result-icon: ${theme.result?.icon ?? theme.palette.onSurface};
|
|
65
|
+
--gp-timestats-think-bg: ${theme.timeStats?.thinkBackground ?? '#fff3e3'};
|
|
66
|
+
--gp-timestats-wait-bg: ${theme.timeStats?.waitBackground ?? '#b3e9f0'};
|
|
67
|
+
--gp-ring-color-1: ${theme.playerPanel?.activeRingColors?.[0] ?? 'gold'};
|
|
68
|
+
--gp-ring-color-2: ${theme.playerPanel?.activeRingColors?.[1] ?? theme.palette.primary};
|
|
69
|
+
--gp-scale: 1;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
@media only screen and (min-height: 600px) {
|
|
73
|
+
:root {
|
|
74
|
+
--gp-scale: 0.8;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
46
78
|
html {
|
|
47
79
|
box-sizing: border-box;
|
|
48
80
|
}
|
|
@@ -53,7 +85,7 @@ const globalCss = (theme) => css `
|
|
|
53
85
|
|
|
54
86
|
body {
|
|
55
87
|
margin: 0;
|
|
56
|
-
font-family:
|
|
88
|
+
font-family: var(--gp-font-family);
|
|
57
89
|
}
|
|
58
90
|
|
|
59
91
|
#root {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css, ThemeProvider } from '@emotion/react';
|
|
2
|
+
import { css, ThemeProvider, useTheme } from '@emotion/react';
|
|
3
3
|
import { buttonCss } from '../../css';
|
|
4
|
-
export const Header = ({ buttonsCss
|
|
5
|
-
const
|
|
6
|
-
const
|
|
4
|
+
export const Header = ({ buttonsCss, children, ...props }) => {
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
const resolvedButtonsCss = buttonsCss ?? theme.header?.buttons ?? defaultButtonsCss;
|
|
7
|
+
return (_jsx(ThemeProvider, { theme: t => ({ ...t, buttons: resolvedButtonsCss }), children: _jsx("div", { css: [headerStyle, theme.header?.bar], ...props, children: _jsx("h1", { css: titleStyle, children: children }) }) }));
|
|
8
|
+
};
|
|
7
9
|
const headerStyle = css `
|
|
8
10
|
position: absolute;
|
|
9
11
|
width: 100%;
|
|
12
|
+
font-size: calc(1em * var(--gp-scale));
|
|
10
13
|
height: 7em;
|
|
11
14
|
background-color: rgba(0, 0, 0, 0.5);
|
|
12
15
|
color: white;
|
|
13
16
|
text-align: center;
|
|
14
|
-
padding: 0
|
|
17
|
+
padding: 0 10em;
|
|
15
18
|
overflow: hidden;
|
|
16
19
|
`;
|
|
17
20
|
const titleStyle = css `
|
|
@@ -19,8 +22,8 @@ const titleStyle = css `
|
|
|
19
22
|
text-overflow: ellipsis;
|
|
20
23
|
overflow: hidden;
|
|
21
24
|
margin: 0.2em 0;
|
|
22
|
-
font-size:
|
|
23
|
-
|
|
25
|
+
font-size: 4.5em;
|
|
26
|
+
|
|
24
27
|
img {
|
|
25
28
|
height: 1em;
|
|
26
29
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAwB,aAAa,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAwB,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEnF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAMrC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,kBAAkB,GAAG,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,iBAAiB,CAAA;IACnF,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,YAChE,cAAK,GAAG,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,KAAM,KAAK,YACnD,aAAI,GAAG,EAAE,UAAU,YAAG,QAAQ,GAAM,GAChC,GACQ,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;CAUtB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;CAYrB,CAAA;AAED,MAAM,iBAAiB,GAAG,GAAG,CAAA;IACzB,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;;;CAG7C,CAAA"}
|
|
@@ -38,7 +38,7 @@ export const ChatInput = (props) => {
|
|
|
38
38
|
onSubmit(text);
|
|
39
39
|
setText('');
|
|
40
40
|
};
|
|
41
|
-
return (_jsxs("form", { css: [messageBar, !open && hidden], onSubmit: doSubmit, children: [_jsx("input", { ref: inputRef, type: "text", placeholder: t('Type a message'), css: textInputCss, value: text, onChange: event => setText(event.target.value) }), _jsx("button", { disabled: !text, "aria-label": t('Send'), title: t('Send'), css: [buttonResetCss, sendButtonStyle, !text && disableSubmit], children: _jsx(FontAwesomeIcon, { css: !text && transparent, icon: faPaperPlane }) })] }));
|
|
41
|
+
return (_jsxs("form", { css: [messageBar, messageBarPalette, !open && hidden], onSubmit: doSubmit, children: [_jsx("input", { ref: inputRef, type: "text", placeholder: t('Type a message'), css: textInputCss, value: text, onChange: event => setText(event.target.value) }), _jsx("button", { disabled: !text, "aria-label": t('Send'), title: t('Send'), css: [buttonResetCss, sendButtonStyle, !text && disableSubmit], children: _jsx(FontAwesomeIcon, { css: !text && transparent, icon: faPaperPlane }) })] }));
|
|
42
42
|
};
|
|
43
43
|
const disableSubmit = css `
|
|
44
44
|
cursor: not-allowed;
|
|
@@ -56,6 +56,9 @@ const messageBar = css `
|
|
|
56
56
|
display: flex;
|
|
57
57
|
font-size: 0.5em;
|
|
58
58
|
`;
|
|
59
|
+
const messageBarPalette = css `
|
|
60
|
+
background: var(--gp-primary);
|
|
61
|
+
`;
|
|
59
62
|
const textInputCss = css `
|
|
60
63
|
flex-grow: 1;
|
|
61
64
|
border: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatTextInput.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAW,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAS7C,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAE/C,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE;QAC7B,IAAI,CAAC,CAAC;YAAE,OAAM;QACd,aAAa,CAAC,EAAE,EAAE,EAAE,GAAG,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;IAChF,CAAC,CAAA;IAED,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAA;AACrD,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IAChD,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAA;AACrD,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAChC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC7B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,QAAQ,GAAG,CAAC,KAA6B,EAAE,EAAE;QACjD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,OAAO,CAAC,EAAE,CAAC,CAAA;IACb,CAAC,CAAA;IACD,OAAO,CACL,gBAAM,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"ChatTextInput.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatTextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export const SignInToChat = () => {
|
|
|
7
7
|
const { t } = useTranslation('common');
|
|
8
8
|
const query = new URLSearchParams(window.location.search);
|
|
9
9
|
const locale = query.get('locale') || 'en';
|
|
10
|
-
return (_jsxs("div", { css: style, children: [_jsx("p", { css: textCss, children: t('sign-in-to-chat') }), _jsx("button", { css: [buttonResetCss, signInButtonCss], onClick: () => window.location.href = `${PLATFORM_URI}/${locale}/auth/sign-in?callbackUrl=${encodeURIComponent(window.location.href)}`, children: t('Sign in') })] }));
|
|
10
|
+
return (_jsxs("div", { css: style, children: [_jsx("p", { css: textCss, children: t('sign-in-to-chat') }), _jsx("button", { css: [buttonResetCss, signInButtonCss, signInPaletteCss], onClick: () => window.location.href = `${PLATFORM_URI}/${locale}/auth/sign-in?callbackUrl=${encodeURIComponent(window.location.href)}`, children: t('Sign in') })] }));
|
|
11
11
|
};
|
|
12
12
|
const style = css `
|
|
13
13
|
width: 100%;
|
|
@@ -35,4 +35,16 @@ const signInButtonCss = css `
|
|
|
35
35
|
background: #ade4ec;
|
|
36
36
|
}
|
|
37
37
|
`;
|
|
38
|
+
const signInPaletteCss = css `
|
|
39
|
+
border-color: var(--gp-on-surface);
|
|
40
|
+
color: var(--gp-on-surface);
|
|
41
|
+
|
|
42
|
+
&:focus, &:hover {
|
|
43
|
+
background: var(--gp-on-surface-focus);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&:active {
|
|
47
|
+
background: var(--gp-on-surface-active);
|
|
48
|
+
}
|
|
49
|
+
`;
|
|
38
50
|
//# sourceMappingURL=SignInToChat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignInToChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/SignInToChat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;IAC1C,OAAO,CACL,eAAK,GAAG,EAAE,KAAK,aACb,YAAG,GAAG,EAAE,OAAO,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAK,EAC3C,iBAAQ,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"SignInToChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/SignInToChat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;IAC1C,OAAO,CACL,eAAK,GAAG,EAAE,KAAK,aACb,YAAG,GAAG,EAAE,OAAO,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAK,EAC3C,iBAAQ,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,gBAAgB,CAAC,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,YAAY,IAAI,MAAM,6BAA6B,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAC3I,CAAC,CAAC,SAAS,CAAC,GACN,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;CAIhB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;CAIlB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAe1B,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;CAW3B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css, ThemeProvider } from '@emotion/react';
|
|
2
|
+
import { css, ThemeProvider, useTheme } from '@emotion/react';
|
|
3
3
|
import { useEffect, useRef } from 'react';
|
|
4
4
|
import { linkButtonCss } from '../../../css';
|
|
5
5
|
import { useFlatHistory } from '../../../hooks/useFlatHistory';
|
|
@@ -7,6 +7,7 @@ import { LogItem } from '../../Log';
|
|
|
7
7
|
import { GameOverHistory } from './GameOverHistory';
|
|
8
8
|
import { StartGameHistory } from './StartGameHistory';
|
|
9
9
|
export const History = (props) => {
|
|
10
|
+
const theme = useTheme();
|
|
10
11
|
const { history } = useFlatHistory();
|
|
11
12
|
const { open, ...rest } = props;
|
|
12
13
|
const scrollRef = useRef(null);
|
|
@@ -20,7 +21,7 @@ export const History = (props) => {
|
|
|
20
21
|
if (!h.action.id)
|
|
21
22
|
return null; // wait for server action.id
|
|
22
23
|
const key = h.consequenceIndex !== undefined ? `${h.action.id}_${h.consequenceIndex}` : h.action.id;
|
|
23
|
-
return _jsx(LogItem, { history: h, css: itemCss, customEntryCss: customEntryCss }, key);
|
|
24
|
+
return _jsx(LogItem, { history: h, css: itemCss, customEntryCss: [customEntryCss, theme.journal?.historyEntry] }, key);
|
|
24
25
|
}), _jsx(GameOverHistory, {})] }) }) }));
|
|
25
26
|
};
|
|
26
27
|
const scrollCss = css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAsB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAMrD,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAC9B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,OAAO,CAAA;QACxD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,YACtE,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,KAAM,IAAI,YAC3C,eAAK,GAAG,EAAE,gBAAgB,aACxB,KAAC,gBAAgB,KAAE,EAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACjB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;4BAAE,OAAO,IAAI,CAAA,CAAC,4BAA4B;wBAC1D,MAAM,GAAG,GAAG,CAAC,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;wBACnG,OAAO,KAAC,OAAO,IAAW,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,YAAY,CAAC,IAA5F,GAAG,CAA4F,CAAA;oBACtH,CAAC,CAAC,EACF,KAAC,eAAe,KAAE,IACd,GACF,GACQ,CACjB,CAAA;AACH,CAAC,CAAA;AAGD,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBpB,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;CAI3B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,aAAa,EAAE,GAAG,CAAA;;;;CAIlD,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;CAKlB,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;CAGzB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { faCommentDots } from '@fortawesome/free-regular-svg-icons/faCommentDots';
|
|
4
4
|
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
|
|
5
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
@@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next';
|
|
|
9
9
|
import { useKeyDown } from '../../hooks';
|
|
10
10
|
import { gameContext } from '../GameProvider';
|
|
11
11
|
import { backdrop, displayBackdrop } from '../menus';
|
|
12
|
-
import { hide, menuBaseCss, menuFloatingButtonCss, menuFontSize } from '../menus/menuCss';
|
|
12
|
+
import { hide, menuBaseCss, menuFloatingButtonCss, menuFontSize, paletteMenuBaseCss, palettePrimaryButtonCss } from '../menus/menuCss';
|
|
13
13
|
import { Chat } from './Chat';
|
|
14
14
|
import { History } from './History';
|
|
15
15
|
var JournalTab;
|
|
@@ -19,6 +19,7 @@ var JournalTab;
|
|
|
19
19
|
})(JournalTab || (JournalTab = {}));
|
|
20
20
|
export const JournalTabs = (props) => {
|
|
21
21
|
const { t } = useTranslation('common');
|
|
22
|
+
const theme = useTheme();
|
|
22
23
|
const { gameId } = props;
|
|
23
24
|
const history = useContext(gameContext).logs;
|
|
24
25
|
const logEnabled = history !== undefined;
|
|
@@ -37,7 +38,7 @@ export const JournalTabs = (props) => {
|
|
|
37
38
|
return null;
|
|
38
39
|
const isChatOpened = isOpen && tab === JournalTab.CHAT;
|
|
39
40
|
const isLogOpened = isOpen && tab === JournalTab.LOG;
|
|
40
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), _jsxs("div", { css: [menuFontSize, menuBaseCss, journalMenu, !isOpen && hide], children: [_jsx("div", { css: buttonContainer, children: chatEnabled && logEnabled && (_jsxs(_Fragment, { children: [_jsx("button", { css: [
|
|
41
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), _jsxs("div", { css: [menuFontSize, menuBaseCss, paletteMenuBaseCss, theme.menu?.panel, journalMenu, !isOpen && hide], children: [_jsx("div", { css: buttonContainer, children: chatEnabled && logEnabled && (_jsxs(_Fragment, { children: [_jsx("button", { css: [tabButtonCss, chatButton, isChatOpened && selectedCss, theme.journal?.tab, isChatOpened && theme.journal?.tabSelected], disabled: tab === JournalTab.CHAT, onClick: () => setTab(JournalTab.CHAT), children: _jsx("div", { children: t('Chat') }) }), _jsx("button", { css: [tabButtonCss, logButton, isLogOpened && selectedCss, theme.journal?.tab, isLogOpened && theme.journal?.tabSelected], disabled: tab === JournalTab.LOG, onClick: () => setTab(JournalTab.LOG), children: _jsx("div", { children: t('History') }) })] })) }), _jsxs("div", { css: [container, flexEnd], children: [chatEnabled && (_jsx(Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && (_jsx(History, { css: [css `justify-self: flex-start`, !isLogOpened && closed], open: isLogOpened }))] })] }), _jsx("button", { "aria-label": t('Chat'), title: t('Chat'), css: [journalButtonCss, palettePrimaryButtonCss, theme.menu?.mainButton], onClick: () => setOpen(!isOpen), children: _jsx(FontAwesomeIcon, { icon: isOpen ? faTimes : faCommentDots, css: iconStyle }) })] }));
|
|
41
42
|
};
|
|
42
43
|
const buttonContainer = css `
|
|
43
44
|
display: flex;
|
|
@@ -62,17 +63,17 @@ const container = css `
|
|
|
62
63
|
const flexEnd = css `
|
|
63
64
|
justify-content: flex-end;
|
|
64
65
|
`;
|
|
65
|
-
const
|
|
66
|
+
const tabButtonCss = css `
|
|
66
67
|
flex: 1;
|
|
67
|
-
border: 0.01em solid
|
|
68
|
+
border: 0.01em solid var(--gp-primary);
|
|
68
69
|
color: black;
|
|
69
70
|
cursor: pointer;
|
|
70
71
|
background: white;
|
|
71
72
|
height: 2em;
|
|
72
73
|
font-size: 0.7em;
|
|
73
74
|
`;
|
|
74
|
-
const
|
|
75
|
-
background:
|
|
75
|
+
const selectedCss = css `
|
|
76
|
+
background: var(--gp-primary);
|
|
76
77
|
color: white;
|
|
77
78
|
`;
|
|
78
79
|
const chatButton = css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -85,11 +85,11 @@ const gameBoxStyle = css `
|
|
|
85
85
|
filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);
|
|
86
86
|
`;
|
|
87
87
|
const gameTitle = css `
|
|
88
|
-
font-size: 5em;
|
|
88
|
+
font-size: calc(5em * var(--gp-scale));
|
|
89
89
|
margin: 0;
|
|
90
90
|
`;
|
|
91
91
|
const gamePeople = css `
|
|
92
|
-
font-size: 3em;
|
|
92
|
+
font-size: calc(3em * var(--gp-scale));
|
|
93
93
|
`;
|
|
94
94
|
const iconStyle = css `
|
|
95
95
|
min-width: 6em;
|
|
@@ -6,13 +6,13 @@ import { useLogControls } from '@gamepark/react-client';
|
|
|
6
6
|
import { useContext } from 'react';
|
|
7
7
|
import { useTranslation } from 'react-i18next';
|
|
8
8
|
import { gameContext } from '../GameProvider';
|
|
9
|
-
import { menuButtonCss } from '../menus/menuCss';
|
|
9
|
+
import { menuButtonCss, paletteMenuButtonCss } from '../menus/menuCss';
|
|
10
10
|
export const LiveLogButton = () => {
|
|
11
11
|
const { t } = useTranslation('common');
|
|
12
12
|
const { start, stop, stopped } = useLogControls();
|
|
13
13
|
const hasLogs = useContext(gameContext)?.logs;
|
|
14
14
|
if (!hasLogs)
|
|
15
15
|
return null;
|
|
16
|
-
return (_jsxs("button", { css: menuButtonCss, onClick: () => stopped ? start() : stop(), children: [_jsx(FontAwesomeIcon, { icon: stopped ? faBellSlash : faBell }), stopped ? t('Enable live history') : t('Disable live history')] }));
|
|
16
|
+
return (_jsxs("button", { css: [menuButtonCss, paletteMenuButtonCss], onClick: () => stopped ? start() : stop(), children: [_jsx(FontAwesomeIcon, { icon: stopped ? faBellSlash : faBell }), stopped ? t('Enable live history') : t('Disable live history')] }));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=LiveLogButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LiveLogButton.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"LiveLogButton.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEtE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC7C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACzB,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,aAC3F,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GAAG,EACvD,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,IACxD,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { times } from 'es-toolkit/compat';
|
|
4
4
|
export const Counters = (props) => {
|
|
5
5
|
const { counters, lineSize } = props;
|
|
@@ -11,10 +11,12 @@ export const Counters = (props) => {
|
|
|
11
11
|
};
|
|
12
12
|
const Counter = (props) => {
|
|
13
13
|
const { image, value, imageCss, unique, onClick, extraCss } = props;
|
|
14
|
+
const theme = useTheme();
|
|
14
15
|
if (image === undefined && value === undefined)
|
|
15
16
|
return null;
|
|
16
17
|
return (_jsxs("span", { css: [
|
|
17
18
|
data,
|
|
19
|
+
theme.playerPanel?.dataBadge,
|
|
18
20
|
rightAlignment,
|
|
19
21
|
unique && uniqCounterCss,
|
|
20
22
|
!unique && counterCss,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAwB,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAgBzC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACpC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAC,OAAO,OAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,SAAE,CAAA;IAEpE,OAAO,CACL,eAAK,GAAG,EAAE,cAAc,CAAC,QAAQ,CAAC,aAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAW,CAAC,CAAI,CAAC,EACpE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,OAAO,OAAa,OAAO,IAAd,CAAC,CAAiB,CACjC,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAA4C,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,gBACE,GAAG,EAAE;YACH,IAAI;YACJ,KAAK,CAAC,WAAW,EAAE,SAAS;YAC5B,cAAc;YACd,MAAM,IAAI,cAAc;YACxB,CAAC,MAAM,IAAI,UAAU;YACrB,QAAQ;YACR,OAAO,IAAI,QAAQ;SACpB,EACD,OAAO,EAAE,OAAO,aAEhB,cAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,yBAAO,KAAK,GAAQ,IACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;CASnB,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;kCAEV,IAAI;;;CAGrC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;0BACvB,KAAK;;;;CAI9B,CAAA;AACD,MAAM,IAAI,GAAG,GAAG,CAAA;;;;CAIf,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;;CAMf,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;;CAIzB,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;IAStB,cAAc;;;;;;;CAOjB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;CAWrB,CAAA"}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css, keyframes } from '@emotion/react';
|
|
2
|
+
import { css, keyframes, useTheme } from '@emotion/react';
|
|
3
3
|
import { usePlayerName, useRules } from '../../hooks';
|
|
4
4
|
import { Avatar, SpeechBubbleDirection } from '../Avatar';
|
|
5
5
|
import { GamePoints } from '../GamePoints';
|
|
6
6
|
import { PlayerTimer } from '../PlayerTimer';
|
|
7
7
|
export const PlayerPanel = (p) => {
|
|
8
|
-
const { playerId, activeRing, color
|
|
8
|
+
const { playerId, activeRing, color, children, speak, ...props } = p;
|
|
9
|
+
const theme = useTheme();
|
|
10
|
+
const resolvedColor = color ?? 'var(--gp-primary)';
|
|
9
11
|
const playerName = usePlayerName(playerId);
|
|
10
12
|
const rules = useRules();
|
|
11
13
|
const isTurnToPlay = rules?.isTurnToPlay(playerId) ?? false;
|
|
12
|
-
return (_jsxs("div", { css: panelPlayerStyle(
|
|
14
|
+
return (_jsxs("div", { css: [panelPlayerStyle(resolvedColor, isTurnToPlay), theme.playerPanel?.panel], ...props, children: [_jsx(Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: SpeechBubbleDirection.BOTTOM_LEFT, children: typeof speak === 'string' ? _jsx(_Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && _jsx("div", { css: isPlaying, children: _jsx("div", { css: isTurnToPlay && circleCss }) }), _jsx("h2", { css: nameStyle, children: playerName }), !rules?.isOver() && _jsx(PlayerTimer, { playerId: playerId, css: timerStyle }), _jsx(GamePoints, { playerId: playerId, css: gamePointCss }), children] }));
|
|
13
15
|
};
|
|
14
16
|
const panelPlayerStyle = (color, active) => css `
|
|
15
|
-
background-color: ${active ? '
|
|
17
|
+
background-color: ${active ? 'var(--gp-primary-light)' : '#dddddd'};
|
|
16
18
|
color: black;
|
|
17
19
|
border: 0.5em solid ${color};
|
|
18
20
|
border-radius: 3em 1.5em 1.5em 1.5em;
|
|
@@ -47,10 +49,10 @@ const circleAnimation = keyframes `
|
|
|
47
49
|
}
|
|
48
50
|
`;
|
|
49
51
|
const inset = 0.8;
|
|
50
|
-
const
|
|
52
|
+
const circleCss = css `
|
|
51
53
|
background-image: linear-gradient(
|
|
52
|
-
to bottom,
|
|
53
|
-
|
|
54
|
+
to bottom, var(--gp-ring-color-1) 0%,
|
|
55
|
+
var(--gp-ring-color-2) 100%);
|
|
54
56
|
position: absolute;
|
|
55
57
|
top: -${inset}em;
|
|
56
58
|
bottom: -${inset}em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,CAAC,EAAE,EAAE;IACrD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,CAAA;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,KAAK,IAAI,mBAAmB,CAAA;IAClD,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,EAAiB,CAAA;IACvC,MAAM,YAAY,GAAG,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAA;IAC3D,OAAO,CACL,eAAK,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,KAAM,KAAK,aAC5F,KAAC,MAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EACpC,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,4BAAG,KAAK,GAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EACzI,UAAU,IAAI,YAAY,IAAI,cAAK,GAAG,EAAE,SAAS,YAChD,cAAK,GAAG,EAAE,YAAY,IAAI,SAAS,GAAG,GAClC,EACN,aAAI,GAAG,EAAE,SAAS,YAAG,UAAU,GAAM,EACpC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAG,EACxE,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,GAAG,EACnD,QAAQ,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,MAAgB,EAAE,EAAE,CAAC,GAAG,CAAA;sBAC3C,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS;;wBAE5C,KAAK;;;CAG5B,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;CAStB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;CASpB,CAAA;AAED,MAAM,eAAe,GAAG,SAAS,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;UAKX,KAAK;aACF,KAAK;YACN,KAAK;WACN,KAAK;;eAED,eAAe;CAC7B,CAAA;AAGD,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;CAUpB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;CAKrB,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;CAKvB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css, keyframes } from '@emotion/react';
|
|
2
|
+
import { css, keyframes, useTheme } from '@emotion/react';
|
|
3
3
|
import { useCallback, useRef } from 'react';
|
|
4
4
|
import { usePlayerName, useRules } from '../../hooks';
|
|
5
5
|
import { Avatar, SpeechBubbleDirection } from '../Avatar';
|
|
@@ -8,6 +8,7 @@ import { blinkOnRunningTimeout, PlayerTimer } from '../PlayerTimer';
|
|
|
8
8
|
import { Counters } from './Counters';
|
|
9
9
|
export const StyledPlayerPanel = (props) => {
|
|
10
10
|
const { player, activeRing, timerOnRight, playerFocus, backgroundImage, counters = [], countersPerLine = 3, mainCounter, speak, ...rest } = props;
|
|
11
|
+
const theme = useTheme();
|
|
11
12
|
const { setFocus } = useFocusContext();
|
|
12
13
|
const playerName = usePlayerName(player.id);
|
|
13
14
|
const gameOver = useRules()?.isOver();
|
|
@@ -22,7 +23,7 @@ export const StyledPlayerPanel = (props) => {
|
|
|
22
23
|
const main = mainCounter ? mainCounter : counters.length === 1 ? counters[0] : undefined;
|
|
23
24
|
const secondaryCounters = !mainCounter && counters.length === 1 ? [] : counters;
|
|
24
25
|
const hasCounter = counters.length > 0 || !!mainCounter;
|
|
25
|
-
return (_jsxs("div", { ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !hasCounter && noCounterCss], onClick: focusPlayer, ...rest, children: [_jsx(Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? _jsx(_Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && _jsx("div", { css: isPlaying, children: _jsx("div", { css: isTurnToPlay &&
|
|
26
|
+
return (_jsxs("div", { ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !hasCounter && noCounterCss, theme.playerPanel?.panel], onClick: focusPlayer, ...rest, children: [_jsx(Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? _jsx(_Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && _jsx("div", { css: isPlaying, children: _jsx("div", { css: isTurnToPlay && circleCss }) }), _jsx("h2", { css: [nameStyle, data, theme.playerPanel?.dataBadge], children: playerName }), !main && !gameOver && (_jsx(PlayerTimer, { playerId: player.id, css: [timerStyle, data, theme.playerPanel?.dataBadge, rightAlignment], customStyle: [halfOpacityOnPause, blinkOnRunningTimeout] })), main && (_jsxs("div", { css: groupTimerAndCounter, children: [!gameOver && (_jsx(PlayerTimer, { playerId: player.id, css: [timerStyle, data, theme.playerPanel?.dataBadge, rightAlignment], customStyle: [halfOpacityOnPause, blinkOnRunningTimeout] })), _jsx(Counters, { counters: [main], lineSize: 1 })] })), secondaryCounters.length > 0 && (_jsx("div", { css: groupTimerAndCounters, children: _jsx(Counters, { counters: secondaryCounters, lineSize: countersPerLine }) }))] }));
|
|
26
27
|
};
|
|
27
28
|
const getSpeechBubbleDirection = (element) => {
|
|
28
29
|
if (element.current) {
|
|
@@ -143,10 +144,10 @@ const circleAnimation = keyframes `
|
|
|
143
144
|
}
|
|
144
145
|
`;
|
|
145
146
|
const inset = 0.8;
|
|
146
|
-
const
|
|
147
|
+
const circleCss = css `
|
|
147
148
|
background-image: linear-gradient(
|
|
148
|
-
to bottom,
|
|
149
|
-
|
|
149
|
+
to bottom, var(--gp-ring-color-1) 0%,
|
|
150
|
+
var(--gp-ring-color-2) 100%);
|
|
150
151
|
position: absolute;
|
|
151
152
|
top: -${inset}em;
|
|
152
153
|
bottom: -${inset}em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/reac
|
|
|
2
2
|
import { css, ThemeProvider } from '@emotion/react';
|
|
3
3
|
import { useCallback, useEffect, useState } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import {
|
|
5
|
+
import { onSurfaceButtonCss } from '../../../css';
|
|
6
6
|
import { usePlay } from '../../../hooks';
|
|
7
7
|
import { Dialog } from '../../dialogs';
|
|
8
8
|
import { ThemeButton } from '../ThemeButton';
|
|
@@ -56,7 +56,7 @@ export const PlayMoveButton = (props) => {
|
|
|
56
56
|
if (countdown === 0)
|
|
57
57
|
doPlay();
|
|
58
58
|
}, [countdown]);
|
|
59
|
-
return (_jsxs(_Fragment, { children: [!!confirmation && (_jsx(Dialog, { open: showDialog, onBackdropClick: () => setShowDialog(false), css: [flex, confirmationDialogCss], children: _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons:
|
|
59
|
+
return (_jsxs(_Fragment, { children: [!!confirmation && (_jsx(Dialog, { open: showDialog, onBackdropClick: () => setShowDialog(false), css: [flex, confirmationDialogCss], children: _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: onSurfaceButtonCss }), children: _jsxs("div", { css: content, children: [_jsx("p", { children: confirmation.text }), _jsxs("div", { css: buttons, children: [_jsx(ThemeButton, { onClick: () => setShowDialog(false), ...rest, children: confirmation.cancelText ?? t('Cancel') }), _jsx(ThemeButton, { css: moveButton, onClick: doPlay, ...rest })] })] }) }) }, "dialog")), _jsx(ThemeButton, { onClick: onClick, disabled: disabled, css: countdown && countdownCss(countdown), ...rest }, "button")] }));
|
|
60
60
|
};
|
|
61
61
|
const buttons = css `
|
|
62
62
|
display: flex;
|
|
@@ -83,7 +83,7 @@ const flex = css `
|
|
|
83
83
|
`;
|
|
84
84
|
const content = css `
|
|
85
85
|
margin: 0 1em;
|
|
86
|
-
font-size: 3em;
|
|
86
|
+
font-size: calc(3em * var(--gp-scale));
|
|
87
87
|
display: flex;
|
|
88
88
|
flex-direction: column;
|
|
89
89
|
|
|
@@ -93,12 +93,12 @@ const content = css `
|
|
|
93
93
|
`;
|
|
94
94
|
const confirmationDialogCss = css `
|
|
95
95
|
position: relative;
|
|
96
|
-
background-color:
|
|
97
|
-
color:
|
|
96
|
+
background-color: var(--gp-dialog-bg);
|
|
97
|
+
color: var(--gp-dialog-color);
|
|
98
98
|
padding: 1em;
|
|
99
99
|
border-radius: 1em;
|
|
100
100
|
box-shadow: 0 0 0.2em black;
|
|
101
|
-
font-family:
|
|
101
|
+
font-family: var(--gp-font-family);
|
|
102
102
|
`;
|
|
103
103
|
const countdownCss = (countdown) => css `
|
|
104
104
|
padding-right: 2em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayMoveButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/PlayMoveButton/PlayMoveButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEnD,OAAO,EAAuC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7F,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PlayMoveButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/PlayMoveButton/PlayMoveButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css, keyframes } from '@emotion/react';
|
|
2
|
+
import { css, keyframes, useTheme } from '@emotion/react';
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { createPortal } from 'react-dom';
|
|
5
5
|
export const Dialog = ({ children, open, backdropCss, onBackdropClick, transitionDelay = 0.3, rootId = 'root', ...props }) => {
|
|
6
|
+
const theme = useTheme();
|
|
6
7
|
const [display, setDisplay] = useState(open);
|
|
7
8
|
// When we open the dialog with use-long-press, Chrome mobile generates a click event on the backdrop even though the pointer down event
|
|
8
9
|
// was done before the dialog existed. It causes the dialog to close immediately. We prevent any backdrop click for 300ms to workaround this issue.
|
|
@@ -26,7 +27,7 @@ export const Dialog = ({ children, open, backdropCss, onBackdropClick, transitio
|
|
|
26
27
|
console.error('Dialog cannot be displayed because this element id does not exists:', rootId);
|
|
27
28
|
return null;
|
|
28
29
|
}
|
|
29
|
-
return createPortal(_jsx("div", { css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: event => !justDisplayed && onBackdropClick?.(event), children: _jsx("div", { onClick: event => event.stopPropagation(), css:
|
|
30
|
+
return createPortal(_jsx("div", { css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: event => !justDisplayed && onBackdropClick?.(event), children: _jsx("div", { onClick: event => event.stopPropagation(), css: [dialogCss, theme.dialog.container], ...props, children: children }) }), root);
|
|
30
31
|
};
|
|
31
32
|
const fadeIn = keyframes `
|
|
32
33
|
from {
|
|
@@ -63,10 +64,10 @@ const hide = (transitionDelay) => css `
|
|
|
63
64
|
animation: ${fadeOut} ${transitionDelay}s forwards;
|
|
64
65
|
pointer-events: none;
|
|
65
66
|
`;
|
|
66
|
-
const dialogCss =
|
|
67
|
+
const dialogCss = css `
|
|
67
68
|
position: relative;
|
|
68
|
-
background-color:
|
|
69
|
-
color:
|
|
69
|
+
background-color: var(--gp-dialog-bg);
|
|
70
|
+
color: var(--gp-dialog-color);
|
|
70
71
|
padding: 1em;
|
|
71
72
|
border-radius: 1em;
|
|
72
73
|
box-shadow: 0 0 0.2em black;
|