@gamepark/react-game 6.8.0 → 6.8.1

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.
Files changed (12) hide show
  1. package/dist/components/menus/menuCss.d.ts +0 -1
  2. package/dist/components/menus/menuCss.js +1 -8
  3. package/dist/components/menus/menuCss.js.map +1 -1
  4. package/dist/css/GameTheme.js +2 -2
  5. package/dist/css/GameTheme.js.map +1 -1
  6. package/dist/css/addStylesheetUrl.d.ts +1 -0
  7. package/dist/css/addStylesheetUrl.js +11 -0
  8. package/dist/css/addStylesheetUrl.js.map +1 -0
  9. package/dist/css/index.d.ts +1 -0
  10. package/dist/css/index.js +1 -0
  11. package/dist/css/index.js.map +1 -1
  12. package/package.json +2 -2
package/dist/components/menus/menuCss.d.ts CHANGED
@@ -5,6 +5,5 @@ export declare const menuFloatingButtonCss: import("@emotion/utils").SerializedS
5
5
  export declare const menuButtonCss: import("@emotion/utils").SerializedStyles;
6
6
  export declare const menuBaseCss: import("@emotion/utils").SerializedStyles;
7
7
  export declare const hide: import("@emotion/utils").SerializedStyles;
8
- export declare const addStylesheetUrl: (url: string) => void;
9
8
  export declare const backdrop: import("@emotion/utils").SerializedStyles;
10
9
  export declare const displayBackdrop: import("@emotion/utils").SerializedStyles;
package/dist/components/menus/menuCss.js CHANGED
@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  return cooked;
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.displayBackdrop = exports.backdrop = exports.addStylesheetUrl = exports.hide = exports.menuBaseCss = exports.menuButtonCss = exports.menuFloatingButtonCss = exports.floatingButtonCss = exports.menuFontSize = exports.menuDialogCss = void 0;
7
+ exports.displayBackdrop = exports.backdrop = exports.hide = exports.menuBaseCss = exports.menuButtonCss = exports.menuFloatingButtonCss = exports.floatingButtonCss = exports.menuFontSize = exports.menuDialogCss = void 0;
8
8
  var react_1 = require("@emotion/react");
9
9
  var css_1 = require("../../css");
10
10
  exports.menuDialogCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 3.2em;\n\n h2 {\n margin: 0 0 0.5em;\n }\n\n p {\n margin: 0.5em 0;\n }\n"], ["\n font-size: 3.2em;\n\n h2 {\n margin: 0 0 0.5em;\n }\n\n p {\n margin: 0.5em 0;\n }\n"])));
@@ -14,13 +14,6 @@ exports.menuFloatingButtonCss = (0, react_1.css)(templateObject_4 || (templateOb
14
14
  exports.menuButtonCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n display: block;\n font-size: 1.125em;\n padding: 0.2em 0.5em;\n border-radius: 2em;\n border: 0.05em solid #002448;\n margin-bottom: 0.5em;\n color: #002448;\n background: transparent;\n\n &:focus, &:hover {\n background: #c2ebf1;\n }\n\n &:active {\n background: #ade4ec;\n }\n\n &:disabled {\n color: #555555;\n border-color: #555555;\n background: transparent;\n cursor: auto;\n }\n\n > svg {\n margin-right: 0.5em;\n }\n"], ["\n ", ";\n display: block;\n font-size: 1.125em;\n padding: 0.2em 0.5em;\n border-radius: 2em;\n border: 0.05em solid #002448;\n margin-bottom: 0.5em;\n color: #002448;\n background: transparent;\n\n &:focus, &:hover {\n background: #c2ebf1;\n }\n\n &:active {\n background: #ade4ec;\n }\n\n &:disabled {\n color: #555555;\n border-color: #555555;\n background: transparent;\n cursor: auto;\n }\n\n > svg {\n margin-right: 0.5em;\n }\n"])), css_1.buttonResetCss);
15
15
  exports.menuBaseCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n max-height: 100dvh;\n background: #F0FBFC;\n overflow: hidden;\n color: #002448;\n font-family: \"Mulish\", sans-serif;\n box-shadow: 0 0 1em black;\n transition: transform 0.5s;\n will-change: transform;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n z-index: 995;\n"], ["\n position: absolute;\n top: 0;\n max-height: 100dvh;\n background: #F0FBFC;\n overflow: hidden;\n color: #002448;\n font-family: \"Mulish\", sans-serif;\n box-shadow: 0 0 1em black;\n transition: transform 0.5s;\n will-change: transform;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n z-index: 995;\n"])));
16
16
  exports.hide = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n transform: scale(0);\n"], ["\n transform: scale(0);\n"])));
17
- var addStylesheetUrl = function (url) {
18
- var link = document.createElement('link');
19
- link.rel = 'stylesheet';
20
- link.href = url;
21
- document.getElementsByTagName('head')[0].appendChild(link);
22
- };
23
- exports.addStylesheetUrl = addStylesheetUrl;
24
17
  exports.backdrop = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: fixed;\n width: 100dvw;\n height: 100dvw;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 950;\n"], ["\n position: fixed;\n width: 100dvw;\n height: 100dvw;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 950;\n"])));
25
18
  exports.displayBackdrop = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n opacity: 1;\n pointer-events: auto;\n"], ["\n opacity: 1;\n pointer-events: auto;\n"])));
26
19
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
package/dist/components/menus/menuCss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menuCss.js","sourceRoot":"","sources":["../../../src/components/menus/menuCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AACpC,iCAA0C;AAE7B,QAAA,aAAa,OAAG,WAAG,wKAAA,oGAU/B,KAAA;AAEY,QAAA,YAAY,OAAG,WAAG,sKAAA,kGAK9B,KAAA;AAEY,QAAA,iBAAiB,OAAG,WAAG,oPAAA,MAChC,EAAY,OACZ,EAAc,+JAQjB,KATG,oBAAY,EACZ,oBAAc,EAQjB;AAEY,QAAA,qBAAqB,OAAG,WAAG,4IAAA,MACpC,EAAiB,gEAIpB,KAJG,yBAAiB,EAIpB;AAEY,QAAA,aAAa,OAAG,WAAG,+hBAAA,MAC5B,EAAc,mdA4BjB,KA5BG,oBAAc,EA4BjB;AAEY,QAAA,WAAW,OAAG,WAAG,yZAAA,qVAe7B,KAAA;AAEY,QAAA,IAAI,OAAG,WAAG,gGAAA,4BAEtB,KAAA;AAEM,IAAM,gBAAgB,GAAG,UAAC,GAAW;IAC1C,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3C,IAAI,CAAC,GAAG,GAAG,YAAY,CAAA;IACvB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAA;IACf,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AAC5D,CAAC,CAAA;AALY,QAAA,gBAAgB,oBAK5B;AAEY,QAAA,QAAQ,OAAG,WAAG,0PAAA,sLAS1B,KAAA;AAEY,QAAA,eAAe,OAAG,WAAG,gHAAA,4CAGjC,KAAA"}
1
+ {"version":3,"file":"menuCss.js","sourceRoot":"","sources":["../../../src/components/menus/menuCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AACpC,iCAA0C;AAE7B,QAAA,aAAa,OAAG,WAAG,wKAAA,oGAU/B,KAAA;AAEY,QAAA,YAAY,OAAG,WAAG,sKAAA,kGAK9B,KAAA;AAEY,QAAA,iBAAiB,OAAG,WAAG,oPAAA,MAChC,EAAY,OACZ,EAAc,+JAQjB,KATG,oBAAY,EACZ,oBAAc,EAQjB;AAEY,QAAA,qBAAqB,OAAG,WAAG,4IAAA,MACpC,EAAiB,gEAIpB,KAJG,yBAAiB,EAIpB;AAEY,QAAA,aAAa,OAAG,WAAG,+hBAAA,MAC5B,EAAc,mdA4BjB,KA5BG,oBAAc,EA4BjB;AAEY,QAAA,WAAW,OAAG,WAAG,yZAAA,qVAe7B,KAAA;AAEY,QAAA,IAAI,OAAG,WAAG,gGAAA,4BAEtB,KAAA;AAEY,QAAA,QAAQ,OAAG,WAAG,0PAAA,sLAS1B,KAAA;AAEY,QAAA,eAAe,OAAG,WAAG,gHAAA,4CAGjC,KAAA"}
package/dist/css/GameTheme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultTheme = void 0;
4
- var menuCss_1 = require("../components/menus/menuCss");
5
- (0, menuCss_1.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');
4
+ var addStylesheetUrl_1 = require("./addStylesheetUrl");
5
+ (0, addStylesheetUrl_1.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');
6
6
  exports.defaultTheme = {
7
7
  root: {
8
8
  fontFamily: 'Mulish',
package/dist/css/GameTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":";;;AACA,uDAA8D;AAE9D,IAAA,0BAAgB,EAAC,wHAAwH,CAAC,CAAA;AAuB7H,QAAA,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB;YACjD,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA"}
1
+ {"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAErD,IAAA,mCAAgB,EAAC,wHAAwH,CAAC,CAAA;AAuB7H,QAAA,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB;YACjD,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA"}
package/dist/css/addStylesheetUrl.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const addStylesheetUrl: (url: string) => void;
package/dist/css/addStylesheetUrl.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.addStylesheetUrl = void 0;
4
+ var addStylesheetUrl = function (url) {
5
+ var link = document.createElement('link');
6
+ link.rel = 'stylesheet';
7
+ link.href = url;
8
+ document.getElementsByTagName('head')[0].appendChild(link);
9
+ };
10
+ exports.addStylesheetUrl = addStylesheetUrl;
11
+ //# sourceMappingURL=addStylesheetUrl.js.map
package/dist/css/addStylesheetUrl.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"addStylesheetUrl.js","sourceRoot":"","sources":["../../src/css/addStylesheetUrl.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAgB,GAAG,UAAC,GAAW;IAC1C,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3C,IAAI,CAAC,GAAG,GAAG,YAAY,CAAA;IACvB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAA;IACf,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AAC5D,CAAC,CAAA;AALY,QAAA,gBAAgB,oBAK5B"}
package/dist/css/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export * from './addStylesheetUrl';
1
2
  export * from './backgroundCss';
2
3
  export * from './buttonCss';
3
4
  export * from './componentSizeCss';
package/dist/css/index.js CHANGED
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./addStylesheetUrl"), exports);
17
18
  __exportStar(require("./backgroundCss"), exports);
18
19
  __exportStar(require("./buttonCss"), exports);
19
20
  __exportStar(require("./componentSizeCss"), exports);
package/dist/css/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,8CAA2B;AAC3B,qDAAkC;AAClC,8CAA2B;AAC3B,2CAAwB;AACxB,8CAA2B;AAC3B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,kDAA+B;AAC/B,8CAA2B;AAC3B,qDAAkC;AAClC,8CAA2B;AAC3B,2CAAwB;AACxB,8CAA2B;AAC3B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gamepark/react-game",
3
- "version": "6.8.0",
3
+ "version": "6.8.1",
4
4
  "description": "React components & tools to create a Board Game user interface for Game Park",
5
5
  "author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",
6
6
  "license": "ISC",
@@ -27,7 +27,7 @@
27
27
  "@fortawesome/free-solid-svg-icons": "^6.4.0",
28
28
  "@fortawesome/react-fontawesome": "^0.2.0",
29
29
  "@gamepark/avataaars": "^2.2.0",
30
- "@gamepark/react-client": "^6.8.0",
30
+ "@gamepark/react-client": "^6.8.1",
31
31
  "@gamepark/rules-api": "^6.8.0",
32
32
  "dayjs": "^1.11.7",
33
33
  "emotion-normalize": "^11.0.1",