@gamepark/react-game 6.38.7 → 7.0.0-beta.3

package/dist/components/tutorial/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MaterialTutorial"), exports);
+export * from './MaterialTutorial';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tutorial/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tutorial/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/css/GameTheme.d.ts

@@ -1,23 +1,23 @@
-import { Interpolation } from '@emotion/react';
-export interface GameTheme {
-    root: RootTheme;
-    dialog: DialogTheme;
-    buttons?: Interpolation<GameTheme>;
-    dropArea?: DropAreaTheme;
-}
-export interface DropAreaTheme {
-    backgroundColor: string;
-}
-export interface RootTheme {
-    fontFamily: string;
-    background: BackgroundTheme;
-}
-export interface BackgroundTheme {
-    image: string;
-    overlay: string;
-}
-export interface DialogTheme {
-    backgroundColor: string;
-    color: string;
-}
-export declare const defaultTheme: GameTheme;
+import { Interpolation } from '@emotion/react';
+export interface GameTheme {
+    root: RootTheme;
+    dialog: DialogTheme;
+    buttons?: Interpolation<GameTheme>;
+    dropArea?: DropAreaTheme;
+}
+export interface DropAreaTheme {
+    backgroundColor: string;
+}
+export interface RootTheme {
+    fontFamily: string;
+    background: BackgroundTheme;
+}
+export interface BackgroundTheme {
+    image: string;
+    overlay: string;
+}
+export interface DialogTheme {
+    backgroundColor: string;
+    color: string;
+}
+export declare const defaultTheme: GameTheme;

package/dist/css/GameTheme.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTheme = void 0;
-var addStylesheetUrl_1 = require("./addStylesheetUrl");
-(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');
-exports.defaultTheme = {
-    root: {
-        fontFamily: 'Mulish',
-        background: {
-            image: process.env.PUBLIC_URL + '/cover-1920.jpg',
-            overlay: 'rgba(0, 0, 0, 0.8)'
-        }
-    },
-    dialog: {
-        backgroundColor: '#f0fbfc',
-        color: '#002448'
-    },
-    dropArea: {
-        backgroundColor: 'rgba(0, 255, 0, 0.5)'
-    }
-};
+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 defaultTheme = {
+    root: {
+        fontFamily: 'Mulish',
+        background: {
+            image: '/cover-1920.jpg',
+            overlay: 'rgba(0, 0, 0, 0.8)'
+        }
+    },
+    dialog: {
+        backgroundColor: '#f0fbfc',
+        color: '#002448'
+    },
+    dropArea: {
+        backgroundColor: 'rgba(0, 255, 0, 0.5)'
+    }
+};
 //# 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,uDAAqD;AAErD,IAAA,mCAAgB,EAAC,wHAAwH,CAAC,CAAA;AA4B7H,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;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;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"}

package/dist/css/addStylesheetUrl.d.ts

@@ -1 +1 @@
-export declare const addStylesheetUrl: (url: string) => void;
+export declare const addStylesheetUrl: (url: string) => void;

package/dist/css/addStylesheetUrl.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addStylesheetUrl = void 0;
-var addStylesheetUrl = function (url) {
-    var link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = url;
-    document.getElementsByTagName('head')[0].appendChild(link);
-};
-exports.addStylesheetUrl = addStylesheetUrl;
+export const addStylesheetUrl = (url) => {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = url;
+    document.getElementsByTagName('head')[0].appendChild(link);
+};
 //# sourceMappingURL=addStylesheetUrl.js.map

package/dist/css/addStylesheetUrl.js.map

@@ -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"}
+{"version":3,"file":"addStylesheetUrl.js","sourceRoot":"","sources":["../../src/css/addStylesheetUrl.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAE;IAC9C,MAAM,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"}

package/dist/css/backgroundCss.d.ts

@@ -1 +1 @@
-export declare const backgroundCss: (image?: string) => "" | import("@emotion/utils").SerializedStyles | undefined;
+export declare const backgroundCss: (image?: string) => "" | import("@emotion/react").SerializedStyles | undefined;

package/dist/css/backgroundCss.js

@@ -1,12 +1,6 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.backgroundCss = void 0;
-var react_1 = require("@emotion/react");
-var backgroundCss = function (image) { return image && (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-size: cover;\n"], ["\n  background-image: url(", ");\n  background-size: cover;\n"])), image); };
-exports.backgroundCss = backgroundCss;
-var templateObject_1;
+import { css } from '@emotion/react';
+export const backgroundCss = (image) => image && css `
+  background-image: url(${image});
+  background-size: cover;
+`;
 //# sourceMappingURL=backgroundCss.js.map

package/dist/css/backgroundCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"backgroundCss.js","sourceRoot":"","sources":["../../src/css/backgroundCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAkC;AAE3B,IAAM,aAAa,GAAG,UAAC,KAAc,IAAK,OAAA,KAAK,QAAI,WAAG,mIAAA,4BACnC,EAAK,iCAE9B,KAFyB,KAAK,CAE9B,EAHgD,CAGhD,CAAA;AAHY,QAAA,aAAa,iBAGzB"}
+{"version":3,"file":"backgroundCss.js","sourceRoot":"","sources":["../../src/css/backgroundCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAA;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,KAAK,IAAI,GAAG,CAAA;0BACnC,KAAK;;CAE9B,CAAA"}

package/dist/css/buttonCss.d.ts

@@ -1,3 +1,3 @@
-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 linkButtonCss: import("@emotion/utils").SerializedStyles;
+export declare const buttonResetCss: import("@emotion/react").SerializedStyles;
+export declare const buttonCss: (color: string, focus: string, active: string) => import("@emotion/react").SerializedStyles;
+export declare const linkButtonCss: import("@emotion/react").SerializedStyles;

package/dist/css/buttonCss.js

@@ -1,14 +1,46 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.linkButtonCss = exports.buttonCss = exports.buttonResetCss = void 0;
-var react_1 = require("@emotion/react");
-exports.buttonResetCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: none;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n"], ["\n  border: none;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n"])));
-var buttonCss = function (color, focus, active) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n\n  padding: 0.2em 0.5em;\n  border-radius: 2em;\n  border: 0.05em solid ", ";\n  color: ", ";\n  background: transparent;\n\n  &:focus, &:hover {\n    background: ", ";\n  }\n\n  &:active {\n    background: ", ";\n  }\n\n  &:disabled {\n    color: #555555;\n    border-color: #555555;\n    background: transparent;\n    cursor: auto;\n    opacity: 0.5;\n  }\n"], ["\n  ", ";\n\n  padding: 0.2em 0.5em;\n  border-radius: 2em;\n  border: 0.05em solid ", ";\n  color: ", ";\n  background: transparent;\n\n  &:focus, &:hover {\n    background: ", ";\n  }\n\n  &:active {\n    background: ", ";\n  }\n\n  &:disabled {\n    color: #555555;\n    border-color: #555555;\n    background: transparent;\n    cursor: auto;\n    opacity: 0.5;\n  }\n"])), exports.buttonResetCss, color, color, focus, active); };
-exports.buttonCss = buttonCss;
-exports.linkButtonCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n\n  border: none;\n  text-decoration: underline;\n  padding: 0;\n\n  &:focus, &:hover, &:active {\n    background: none;\n  }\n"], ["\n  ", ";\n\n  border: none;\n  text-decoration: underline;\n  padding: 0;\n\n  &:focus, &:hover, &:active {\n    background: none;\n  }\n"])), exports.buttonResetCss);
-var templateObject_1, templateObject_2, templateObject_3;
+import { css } from '@emotion/react';
+export const buttonResetCss = css `
+  border: none;
+  cursor: pointer;
+
+  &:focus {
+    outline: none;
+  }
+`;
+export const buttonCss = (color, focus, active) => css `
+  ${buttonResetCss};
+
+  padding: 0.2em 0.5em;
+  border-radius: 2em;
+  border: 0.05em solid ${color};
+  color: ${color};
+  background: transparent;
+
+  &:focus, &:hover {
+    background: ${focus};
+  }
+
+  &:active {
+    background: ${active};
+  }
+
+  &:disabled {
+    color: #555555;
+    border-color: #555555;
+    background: transparent;
+    cursor: auto;
+    opacity: 0.5;
+  }
+`;
+export const linkButtonCss = css `
+  ${buttonResetCss};
+
+  border: none;
+  text-decoration: underline;
+  padding: 0;
+
+  &:focus, &:hover, &:active {
+    background: none;
+  }
+`;
 //# sourceMappingURL=buttonCss.js.map

package/dist/css/buttonCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonCss.js","sourceRoot":"","sources":["../../src/css/buttonCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AAEvB,QAAA,cAAc,OAAG,WAAG,qJAAA,iFAOhC,KAAA;AAEM,IAAM,SAAS,GAAG,UAAC,KAAa,EAAE,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,ybAAA,MAC1E,EAAc,8EAIO,EAAK,cACnB,EAAK,yEAIE,EAAK,0CAIL,EAAM,sJAUvB,KAvBG,sBAAc,EAIO,KAAK,EACnB,KAAK,EAIE,KAAK,EAIL,MAAM,GAdmD,CAwB1E,CAAA;AAxBY,QAAA,SAAS,aAwBrB;AAEY,QAAA,aAAa,OAAG,WAAG,gNAAA,MAC5B,EAAc,oIASjB,KATG,sBAAc,EASjB"}
+{"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;;;;;;;;;CASjB,CAAA"}

package/dist/css/componentSizeCss.d.ts

@@ -1,5 +1,5 @@
-export declare const sizeCss: (width: number, height: number) => import("@emotion/utils").SerializedStyles;
-export declare const borderRadiusCss: (radius?: number) => 0 | import("@emotion/utils").SerializedStyles;
-export declare const shadowCss: (image?: string) => false | import("@emotion/utils").SerializedStyles | undefined;
-export declare const fontSizeCss: (size: number) => import("@emotion/utils").SerializedStyles;
-export declare const perspectiveCss: (perspective: number) => import("@emotion/utils").SerializedStyles;
+export declare const sizeCss: (width: number, height: number) => import("@emotion/react").SerializedStyles;
+export declare const borderRadiusCss: (radius?: number) => 0 | import("@emotion/react").SerializedStyles;
+export declare const shadowCss: (image?: string) => false | import("@emotion/react").SerializedStyles | undefined;
+export declare const fontSizeCss: (size: number) => import("@emotion/react").SerializedStyles;
+export declare const perspectiveCss: (perspective: number) => import("@emotion/react").SerializedStyles;

package/dist/css/componentSizeCss.js

@@ -1,23 +1,18 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.perspectiveCss = exports.fontSizeCss = exports.shadowCss = exports.borderRadiusCss = exports.sizeCss = void 0;
-var react_1 = require("@emotion/react");
-var sizeCss = function (width, height) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", "em;\n  height: ", "em;\n"], ["\n  width: ", "em;\n  height: ", "em;\n"])), (width), (height)); };
-exports.sizeCss = sizeCss;
-var borderRadiusCss = function (radius) {
-    if (radius === void 0) { radius = 0; }
-    return radius && (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: ", "em;\n"], ["\n  border-radius: ", "em;\n"])), radius);
-};
-exports.borderRadiusCss = borderRadiusCss;
-var shadowCss = function (image) { return (image === null || image === void 0 ? void 0 : image.endsWith('.jpg')) && (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-shadow: 0 0 0.1em black, 0 0 0.1em black;\n"], ["\n  box-shadow: 0 0 0.1em black, 0 0 0.1em black;\n"]))); };
-exports.shadowCss = shadowCss;
-var fontSizeCss = function (size) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: ", "em;\n"], ["\n  font-size: ", "em;\n"])), size); };
-exports.fontSizeCss = fontSizeCss;
-var perspectiveCss = function (perspective) { return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  perspective: ", "em;\n"], ["\n  perspective: ", "em;\n"])), perspective); };
-exports.perspectiveCss = perspectiveCss;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+import { css } from '@emotion/react';
+export const sizeCss = (width, height) => css `
+  width: ${(width)}em;
+  height: ${(height)}em;
+`;
+export const borderRadiusCss = (radius = 0) => radius && css `
+  border-radius: ${radius}em;
+`;
+export const shadowCss = (image) => image?.endsWith('.jpg') && css `
+  box-shadow: 0 0 0.1em black, 0 0 0.1em black;
+`;
+export const fontSizeCss = (size) => css `
+  font-size: ${size}em;
+`;
+export const perspectiveCss = (perspective) => css `
+  perspective: ${perspective}em;
+`;
 //# sourceMappingURL=componentSizeCss.js.map

package/dist/css/componentSizeCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentSizeCss.js","sourceRoot":"","sources":["../../src/css/componentSizeCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AAE7B,IAAM,OAAO,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,6GAAA,aAClD,EAAO,iBACN,EAAQ,OACnB,KAFU,CAAC,KAAK,CAAC,EACN,CAAC,MAAM,CAAC,GAFsC,CAGzD,CAAA;AAHY,QAAA,OAAO,WAGnB;AAEM,IAAM,eAAe,GAAG,UAAC,MAAkB;IAAlB,uBAAA,EAAA,UAAkB;IAAK,OAAA,MAAM,QAAI,WAAG,kGAAA,qBACjD,EAAM,OACxB,KADkB,MAAM,CACxB;AAFsD,CAEtD,CAAA;AAFY,QAAA,eAAe,mBAE3B;AAEM,IAAM,SAAS,GAAG,UAAC,KAAc,IAAK,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,MAAM,CAAC,SAAI,WAAG,yHAAA,qDAE1E,IAAA,EAF4C,CAE5C,CAAA;AAFY,QAAA,SAAS,aAErB;AAEM,IAAM,WAAW,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,8FAAA,iBACjC,EAAI,OAClB,KADc,IAAI,GAD0B,CAE5C,CAAA;AAFY,QAAA,WAAW,eAEvB;AAEM,IAAM,cAAc,GAAG,UAAC,WAAmB,IAAK,WAAA,WAAG,gGAAA,mBACzC,EAAW,OAC3B,KADgB,WAAW,GAD2B,CAEtD,CAAA;AAFY,QAAA,cAAc,kBAE1B"}
+{"version":3,"file":"componentSizeCss.js","sourceRoot":"","sources":["../../src/css/componentSizeCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE,CAAC,GAAG,CAAA;WAClD,CAAC,KAAK,CAAC;YACN,CAAC,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAiB,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,GAAG,CAAA;mBACjD,MAAM;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,GAAG,CAAA;;CAE1E,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,CAAA;eACjC,IAAI;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,GAAG,CAAA;iBACzC,WAAW;CAC3B,CAAA"}

package/dist/css/cursorCss.d.ts

@@ -1,3 +1,3 @@
-export declare const pointerCursorCss: import("@emotion/utils").SerializedStyles;
-export declare const grabCursor: import("@emotion/utils").SerializedStyles;
-export declare const grabbingCursor: import("@emotion/utils").SerializedStyles;
+export declare const pointerCursorCss: import("@emotion/react").SerializedStyles;
+export declare const grabCursor: import("@emotion/react").SerializedStyles;
+export declare const grabbingCursor: import("@emotion/react").SerializedStyles;

package/dist/css/cursorCss.js

@@ -1,13 +1,11 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.grabbingCursor = exports.grabCursor = exports.pointerCursorCss = void 0;
-var react_1 = require("@emotion/react");
-exports.pointerCursorCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-exports.grabCursor = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: grab;\n"], ["\n  cursor: grab;\n"])));
-exports.grabbingCursor = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: grabbing;\n"], ["\n  cursor: grabbing;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
+import { css } from '@emotion/react';
+export const pointerCursorCss = css `
+  cursor: pointer;
+`;
+export const grabCursor = css `
+  cursor: grab;
+`;
+export const grabbingCursor = css `
+  cursor: grabbing;
+`;
 //# sourceMappingURL=cursorCss.js.map

package/dist/css/cursorCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"cursorCss.js","sourceRoot":"","sources":["../../src/css/cursorCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AAEvB,QAAA,gBAAgB,OAAG,WAAG,4FAAA,wBAElC,KAAA;AAEY,QAAA,UAAU,OAAG,WAAG,yFAAA,qBAE5B,KAAA;AAEY,QAAA,cAAc,OAAG,WAAG,6FAAA,yBAEhC,KAAA"}
+{"version":3,"file":"cursorCss.js","sourceRoot":"","sources":["../../src/css/cursorCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;CAElC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;CAE5B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;CAEhC,CAAA"}

package/dist/css/fadeIn.d.ts

@@ -1 +1 @@
-export declare const fadeIn: (duration: number) => import("@emotion/utils").SerializedStyles;
+export declare const fadeIn: (duration: number) => import("@emotion/react").SerializedStyles;

package/dist/css/fadeIn.js

@@ -1,13 +1,10 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fadeIn = void 0;
-var react_1 = require("@emotion/react");
-var fadeIn = function (duration) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  animation: ", " ", "s ease-in-out forwards\n"], ["\n  animation: ", " ", "s ease-in-out forwards\n"])), fadeInKeyFrames, duration); };
-exports.fadeIn = fadeIn;
-var fadeInKeyFrames = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n"])));
-var templateObject_1, templateObject_2;
+import { css, keyframes } from '@emotion/react';
+export const fadeIn = (duration) => css `
+  animation: ${fadeInKeyFrames} ${duration}s ease-in-out forwards
+`;
+const fadeInKeyFrames = keyframes `
+  from {
+    opacity: 0;
+  }
+`;
 //# sourceMappingURL=fadeIn.js.map

package/dist/css/fadeIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"fadeIn.js","sourceRoot":"","sources":["../../src/css/fadeIn.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAA+C;AAExC,IAAM,MAAM,GAAG,UAAC,QAAgB,IAAK,WAAA,WAAG,sHAAA,iBAChC,EAAe,GAAI,EAAQ,0BACzC,KADc,eAAe,EAAI,QAAQ,GADE,CAE3C,CAAA;AAFY,QAAA,MAAM,UAElB;AAED,IAAM,eAAe,OAAG,iBAAS,wGAAA,oCAIhC,IAAA,CAAA"}
+{"version":3,"file":"fadeIn.js","sourceRoot":"","sources":["../../src/css/fadeIn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,CAAA;eAChC,eAAe,IAAI,QAAQ;CACzC,CAAA;AAED,MAAM,eAAe,GAAG,SAAS,CAAA;;;;CAIhC,CAAA"}

package/dist/css/index.d.ts

@@ -1,10 +1,10 @@
-export * from './addStylesheetUrl';
-export * from './backgroundCss';
-export * from './buttonCss';
-export * from './componentSizeCss';
-export * from './cursorCss';
-export * from './fadeIn';
-export * from './GameTheme';
-export * from './shadowEffect';
-export * from './shineEffect';
-export * from './transformCss';
+export * from './addStylesheetUrl';
+export * from './backgroundCss';
+export * from './buttonCss';
+export * from './componentSizeCss';
+export * from './cursorCss';
+export * from './fadeIn';
+export * from './GameTheme';
+export * from './shadowEffect';
+export * from './shineEffect';
+export * from './transformCss';

package/dist/css/index.js

@@ -1,27 +1,11 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./addStylesheetUrl"), exports);
-__exportStar(require("./backgroundCss"), exports);
-__exportStar(require("./buttonCss"), exports);
-__exportStar(require("./componentSizeCss"), exports);
-__exportStar(require("./cursorCss"), exports);
-__exportStar(require("./fadeIn"), exports);
-__exportStar(require("./GameTheme"), exports);
-__exportStar(require("./shadowEffect"), exports);
-__exportStar(require("./shineEffect"), exports);
-__exportStar(require("./transformCss"), exports);
+export * from './addStylesheetUrl';
+export * from './backgroundCss';
+export * from './buttonCss';
+export * from './componentSizeCss';
+export * from './cursorCss';
+export * from './fadeIn';
+export * from './GameTheme';
+export * from './shadowEffect';
+export * from './shineEffect';
+export * from './transformCss';
 //# sourceMappingURL=index.js.map

package/dist/css/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA"}

package/dist/css/shadowEffect.d.ts

@@ -1 +1 @@
-export declare const shadowEffect: import("@emotion/utils").SerializedStyles;
+export declare const shadowEffect: import("@emotion/react").SerializedStyles;

package/dist/css/shadowEffect.js

@@ -1,11 +1,16 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shadowEffect = void 0;
-var react_1 = require("@emotion/react");
-exports.shadowEffect = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    border-radius: inherit;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    z-index: 1;\n    background: rgba(0, 0, 0, 0.5);\n  }\n"], ["\n  &:after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    border-radius: inherit;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    z-index: 1;\n    background: rgba(0, 0, 0, 0.5);\n  }\n"])));
-var templateObject_1;
+import { css } from '@emotion/react';
+export const shadowEffect = css `
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    border-radius: inherit;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 1;
+    background: rgba(0, 0, 0, 0.5);
+  }
+`;
 //# sourceMappingURL=shadowEffect.js.map

package/dist/css/shadowEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadowEffect.js","sourceRoot":"","sources":["../../src/css/shadowEffect.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AAEvB,QAAA,YAAY,OAAG,WAAG,6SAAA,yOAa9B,KAAA"}
+{"version":3,"file":"shadowEffect.js","sourceRoot":"","sources":["../../src/css/shadowEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;CAa9B,CAAA"}

package/dist/css/shineEffect.d.ts

@@ -1 +1 @@
-export declare const shineEffect: import("@emotion/utils").SerializedStyles;
+export declare const shineEffect: import("@emotion/react").SerializedStyles;

package/dist/css/shineEffect.js

@@ -1,12 +1,32 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shineEffect = void 0;
-var react_1 = require("@emotion/react");
-var slideKeyframes = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: translate(-33%, -33%);\n  }\n  50%, 100% {\n    transform: translate(33%, 33%);\n  }\n"], ["\n  0% {\n    transform: translate(-33%, -33%);\n  }\n  50%, 100% {\n    transform: translate(33%, 33%);\n  }\n"])));
-exports.shineEffect = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow: hidden;\n\n  &:after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    left: -100%;\n    right: -100%;\n    top: -100%;\n    bottom: -100%;\n    animation: ", " 2s linear infinite;\n    z-index: 1;\n    transform-style: preserve-3d;\n    background: linear-gradient(to bottom right,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0) 34%,\n    rgba(255, 255, 255, 0.7) 50%,\n    rgba(255, 255, 255, 0) 66%,\n    rgba(255, 255, 255, 0) 100%);\n  }\n"], ["\n  overflow: hidden;\n\n  &:after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    left: -100%;\n    right: -100%;\n    top: -100%;\n    bottom: -100%;\n    animation: ", " 2s linear infinite;\n    z-index: 1;\n    transform-style: preserve-3d;\n    background: linear-gradient(to bottom right,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0) 34%,\n    rgba(255, 255, 255, 0.7) 50%,\n    rgba(255, 255, 255, 0) 66%,\n    rgba(255, 255, 255, 0) 100%);\n  }\n"])), slideKeyframes);
-var templateObject_1, templateObject_2;
+import { css, keyframes } from '@emotion/react';
+const slideKeyframes = keyframes `
+  0% {
+    transform: translate(-33%, -33%);
+  }
+  50%, 100% {
+    transform: translate(33%, 33%);
+  }
+`;
+export const shineEffect = css `
+  overflow: hidden;
+
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    left: -100%;
+    right: -100%;
+    top: -100%;
+    bottom: -100%;
+    animation: ${slideKeyframes} 2s linear infinite;
+    z-index: 1;
+    transform-style: preserve-3d;
+    background: linear-gradient(to bottom right,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 0) 34%,
+    rgba(255, 255, 255, 0.7) 50%,
+    rgba(255, 255, 255, 0) 66%,
+    rgba(255, 255, 255, 0) 100%);
+  }
+`;
 //# sourceMappingURL=shineEffect.js.map

package/dist/css/shineEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"shineEffect.js","sourceRoot":"","sources":["../../src/css/shineEffect.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAA+C;AAE/C,IAAM,cAAc,OAAG,iBAAS,qLAAA,iHAO/B,IAAA,CAAA;AAEY,QAAA,WAAW,OAAG,WAAG,wjBAAA,uMAWb,EAAc,2SAU9B,KAVgB,cAAc,EAU9B"}
+{"version":3,"file":"shineEffect.js","sourceRoot":"","sources":["../../src/css/shineEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,cAAc,GAAG,SAAS,CAAA;;;;;;;CAO/B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;iBAWb,cAAc;;;;;;;;;;CAU9B,CAAA"}

package/dist/css/transformCss.d.ts

@@ -1,2 +1,2 @@
-export declare const transformCss: (...transformations: (string | false | undefined)[]) => import("@emotion/utils").SerializedStyles;
-export declare const preserve3d: import("@emotion/utils").SerializedStyles;
+export declare const transformCss: (...transformations: (string | false | undefined)[]) => import("@emotion/react").SerializedStyles;
+export declare const preserve3d: import("@emotion/react").SerializedStyles;

package/dist/css/transformCss.js

@@ -1,19 +1,8 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.preserve3d = exports.transformCss = void 0;
-var react_1 = require("@emotion/react");
-var transformCss = function () {
-    var transformations = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        transformations[_i] = arguments[_i];
-    }
-    return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: ", ";\n"], ["\n  transform: ", ";\n"])), transformations.filter(function (t) { return !!t; }).join(' '));
-};
-exports.transformCss = transformCss;
-exports.preserve3d = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
-var templateObject_1, templateObject_2;
+import { css } from '@emotion/react';
+export const transformCss = (...transformations) => css `
+  transform: ${transformations.filter(t => !!t).join(' ')};
+`;
+export const preserve3d = css `
+  transform-style: preserve-3d;
+`;
 //# sourceMappingURL=transformCss.js.map

package/dist/css/transformCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"transformCss.js","sourceRoot":"","sources":["../../src/css/transformCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AAE7B,IAAM,YAAY,GAAG;IAAC,yBAAkD;SAAlD,UAAkD,EAAlD,qBAAkD,EAAlD,IAAkD;QAAlD,oCAAkD;;IAAK,WAAA,WAAG,4FAAA,iBACxE,EAA0C,KACxD,KADc,eAAe,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAD2B,CAEnF,CAAA;AAFY,QAAA,YAAY,gBAExB;AAEY,QAAA,UAAU,OAAG,WAAG,yGAAA,qCAE5B,KAAA"}
+{"version":3,"file":"transformCss.js","sourceRoot":"","sources":["../../src/css/transformCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,eAA+C,EAAE,EAAE,CAAC,GAAG,CAAA;eACxE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;CACxD,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;CAE5B,CAAA"}