react-miui 0.28.2 → 0.29.0

package/dist/components/ui/directionPad/Button.styled.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledDot = exports.StyledButton = void 0;
+const theme_1 = require("../../../theme");
+const StyledButton = (0, theme_1.styled)("button", {
+    height: "50px",
+    width: "50px",
+    margin: "0",
+    borderRadius: "666px",
+    border: "none",
+    display: "block",
+    background: "none",
+});
+exports.StyledButton = StyledButton;
+const StyledDot = (0, theme_1.styled)("span", {
+    display: "block",
+    width: "4px",
+    height: "4px",
+    borderRadius: "666px",
+    background: "black",
+    margin: "auto",
+});
+exports.StyledDot = StyledDot;
+//# sourceMappingURL=Button.styled.js.map

package/dist/components/ui/directionPad/Button.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Button.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAExC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAClC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,YAAY,EAAE,OAAO;IACrB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;CACrB,CAAC,CAAC;AAYC,oCAAY;AAVhB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,MAAM,EAAE;IAC7B,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,OAAO;IACrB,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC;AAIC,8BAAS"}

package/dist/components/ui/directionPad/Middle.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-interface Props {
+type PadMiddleProps = {
     label?: string | undefined;
     onClick?: (() => void) | undefined;
-}
-declare const PadMiddle: React.FC<Props>;
+};
+declare const PadMiddle: React.ForwardRefExoticComponent<PadMiddleProps & React.RefAttributes<HTMLButtonElement>>;
 export { PadMiddle };
+export type { PadMiddleProps };
 //# sourceMappingURL=Middle.d.ts.map

package/dist/components/ui/directionPad/Middle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Middle.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Middle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAI9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Middle.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Middle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,KAAK,cAAc,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,SAAS,0FAMb,CAAC;AAKH,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/directionPad/Middle.js

@@ -1,13 +1,45 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PadMiddle = void 0;
-const react_1 = __importDefault(require("react"));
-const Pad_module_scss_1 = __importDefault(require("./Pad.module.scss"));
-const PadMiddle = (props) => {
-    return (react_1.default.createElement("button", { onClick: props.onClick, className: Pad_module_scss_1.default.pad__middle }, props.label));
-};
+const react_1 = __importStar(require("react"));
+const Middle_styled_1 = require("./Middle.styled");
+const PadMiddle = (0, react_1.forwardRef)((props, ref) => {
+    return (react_1.default.createElement(Middle_styled_1.StyledMiddle, { onClick: props.onClick, ref: ref }, props.label));
+});
 exports.PadMiddle = PadMiddle;
+PadMiddle.displayName = "PadMiddle";
+PadMiddle.toString = () => Middle_styled_1.StyledMiddle.toString();
 //# sourceMappingURL=Middle.js.map

package/dist/components/ui/directionPad/Middle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Middle.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Middle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wEAAuC;AAOvC,MAAM,SAAS,GAAoB,CAAC,KAAK,EAAE,EAAE;IACzC,OAAO,CACH,0CAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,yBAAM,CAAC,WAAW,IAAG,KAAK,CAAC,KAAK,CAAU,CACxF,CAAC;AACN,CAAC,CAAC;AAEO,8BAAS"}
+{"version":3,"file":"Middle.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Middle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mDAA+C;AAO/C,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,OAAO,CACH,8BAAC,4BAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,IACzC,KAAK,CAAC,KAAK,CACD,CAClB,CAAC;AACN,CAAC,CAAC,CAAC;AAKM,8BAAS;AAHlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,4BAAY,CAAC,QAAQ,EAAE,CAAC"}

package/dist/components/ui/directionPad/Middle.styled.d.ts

@@ -0,0 +1,85 @@
+declare const StyledMiddle: import("@stitches/react/types/styled-component").StyledComponent<"button", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledMiddle, };
+//# sourceMappingURL=Middle.styled.d.ts.map

package/dist/components/ui/directionPad/Middle.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Middle.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Middle.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYhB,CAAC;AAEH,OAAO,EACH,YAAY,GACf,CAAC"}

package/dist/components/ui/directionPad/Middle.styled.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMiddle = void 0;
+const theme_1 = require("../../../theme");
+const StyledMiddle = (0, theme_1.styled)("button", {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: "0",
+    height: "50px",
+    width: "50px",
+    border: "1px solid #999",
+    boxSizing: "border-box",
+    borderRadius: "666px",
+    background: "none",
+    textAlign: "center",
+});
+exports.StyledMiddle = StyledMiddle;
+//# sourceMappingURL=Middle.styled.js.map

package/dist/components/ui/directionPad/Middle.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Middle.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Middle.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAExC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAClC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,gBAAgB;IACxB,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,OAAO;IACrB,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,QAAQ;CACtB,CAAC,CAAC;AAGC,oCAAY"}

package/dist/components/ui/directionPad/Pad.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-interface Props {
+import { PadButtonDotSelector } from "./Button";
+type DirectionPadProps = {
     onUpPress?: () => void;
     onDownPress?: () => void;
     onLeftPress?: () => void;
@@ -7,7 +8,11 @@ interface Props {
     onMiddlePress?: () => void;
     middleLabel?: string;
     className?: string;
-}
-declare const Pad: React.FC<Props>;
-export { Pad as DirectionPad };
+};
+declare const Pad: React.ForwardRefExoticComponent<DirectionPadProps & React.RefAttributes<HTMLDivElement>>;
+declare const DirectionPadLineSelector: string;
+declare const DirectionPadButtonSelector: string;
+declare const DirectionPadMiddleSelector: string;
+export { Pad as DirectionPad, DirectionPadLineSelector, DirectionPadButtonSelector, DirectionPadMiddleSelector, PadButtonDotSelector as DirectionPadButtonDotSelector, };
+export type { DirectionPadProps };
 //# sourceMappingURL=Pad.d.ts.map

package/dist/components/ui/directionPad/Pad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pad.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgBxB,CAAC;AAEF,OAAO,EAAE,GAAG,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Pad.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAIrE,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,GAAG,0FAgBP,CAAC;AAKH,QAAA,MAAM,wBAAwB,QAAwB,CAAC;AACvD,QAAA,MAAM,0BAA0B,QAAoB,CAAC;AACrD,QAAA,MAAM,0BAA0B,QAAoB,CAAC;AAErD,OAAO,EACH,GAAG,IAAI,YAAY,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,IAAI,6BAA6B,GACxD,CAAC;AACF,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/directionPad/Pad.js

@@ -1,24 +1,62 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DirectionPad = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+exports.DirectionPadButtonDotSelector = exports.DirectionPadMiddleSelector = exports.DirectionPadButtonSelector = exports.DirectionPadLineSelector = exports.DirectionPad = void 0;
+const react_1 = __importStar(require("react"));
 const Button_1 = require("./Button");
+Object.defineProperty(exports, "DirectionPadButtonDotSelector", { enumerable: true, get: function () { return Button_1.PadButtonDotSelector; } });
 const Middle_1 = require("./Middle");
-const Pad_module_scss_1 = __importDefault(require("./Pad.module.scss"));
-const Pad = (props) => {
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(props.className, Pad_module_scss_1.default.pad) },
-        react_1.default.createElement("div", { className: Pad_module_scss_1.default.pad__line },
+const Pad_styled_1 = require("./Pad.styled");
+const Pad = (0, react_1.forwardRef)((props, ref) => {
+    return (react_1.default.createElement(Pad_styled_1.StyledPad, { className: props.className, ref: ref },
+        react_1.default.createElement(Pad_styled_1.StyledLine, null,
             react_1.default.createElement(Button_1.PadButton, { onClick: props.onUpPress })),
-        react_1.default.createElement("div", { className: Pad_module_scss_1.default.pad__line },
+        react_1.default.createElement(Pad_styled_1.StyledLine, null,
             react_1.default.createElement(Button_1.PadButton, { onClick: props.onLeftPress }),
             react_1.default.createElement(Middle_1.PadMiddle, { onClick: props.onMiddlePress, label: props.middleLabel }),
             react_1.default.createElement(Button_1.PadButton, { onClick: props.onRightPress })),
-        react_1.default.createElement("div", { className: Pad_module_scss_1.default.pad__line },
+        react_1.default.createElement(Pad_styled_1.StyledLine, null,
             react_1.default.createElement(Button_1.PadButton, { onClick: props.onDownPress }))));
-};
+});
 exports.DirectionPad = Pad;
+Pad.displayName = "DirectionPad";
+Pad.toString = () => Pad_styled_1.StyledPad.toString();
+const DirectionPadLineSelector = Pad_styled_1.StyledLine.toString();
+exports.DirectionPadLineSelector = DirectionPadLineSelector;
+const DirectionPadButtonSelector = Button_1.PadButton.toString();
+exports.DirectionPadButtonSelector = DirectionPadButtonSelector;
+const DirectionPadMiddleSelector = Middle_1.PadMiddle.toString();
+exports.DirectionPadMiddleSelector = DirectionPadMiddleSelector;
 //# sourceMappingURL=Pad.js.map

package/dist/components/ui/directionPad/Pad.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pad.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,qCAA+C;AAC/C,qCAA+C;AAE/C,wEAAuC;AAYvC,MAAM,GAAG,GAAoB,CAAC,KAAK,EAAE,EAAE;IACnC,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,yBAAM,CAAC,GAAG,CAAC;QACnD,uCAAK,SAAS,EAAE,yBAAM,CAAC,SAAS;YAC5B,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,GAAI,CAClC;QACN,uCAAK,SAAS,EAAE,yBAAM,CAAC,SAAS;YAC5B,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI;YACtC,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,GAAI;YAClE,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAI,CACrC;QACN,uCAAK,SAAS,EAAE,yBAAM,CAAC,SAAS;YAC5B,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CACpC,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEc,2BAAY"}
+{"version":3,"file":"Pad.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,qCAAqE;AA4CzC,8GA5CE,6BAAoB,OA4CO;AA3CzD,qCAA+C;AAC/C,6CAAqD;AAYrD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,OAAO,CACH,8BAAC,sBAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG;QAC3C,8BAAC,uBAAU;YACP,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,GAAI,CAC3B;QACb,8BAAC,uBAAU;YACP,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI;YACtC,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,GAAI;YAClE,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAI,CAC9B;QACb,8BAAC,uBAAU;YACP,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAC7B,CACL,CACf,CAAC;AACN,CAAC,CAAC,CAAC;AAUQ,2BAAY;AARvB,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC;AACjC,GAAG,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,sBAAS,CAAC,QAAQ,EAAE,CAAC;AAE1C,MAAM,wBAAwB,GAAG,uBAAU,CAAC,QAAQ,EAAE,CAAC;AAMnD,4DAAwB;AAL5B,MAAM,0BAA0B,GAAG,kBAAM,CAAC,QAAQ,EAAE,CAAC;AAMjD,gEAA0B;AAL9B,MAAM,0BAA0B,GAAG,kBAAM,CAAC,QAAQ,EAAE,CAAC;AAMjD,gEAA0B"}

package/dist/components/ui/directionPad/Pad.styled.d.ts

@@ -0,0 +1,168 @@
+declare const StyledPad: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledLine: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledPad, StyledLine, };
+//# sourceMappingURL=Pad.styled.d.ts.map

package/dist/components/ui/directionPad/Pad.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pad.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUb,CAAC;AAEH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEd,CAAC;AAEH,OAAO,EACH,SAAS,EACT,UAAU,GACb,CAAC"}

package/dist/components/ui/directionPad/Pad.styled.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLine = exports.StyledPad = void 0;
+const theme_1 = require("../../../theme");
+const StyledPad = (0, theme_1.styled)("div", {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "150px",
+    borderRadius: "666px",
+    width: "150px",
+    border: "1px solid #aaa",
+    background: "white",
+});
+exports.StyledPad = StyledPad;
+const StyledLine = (0, theme_1.styled)("div", {
+    display: "flex",
+});
+exports.StyledLine = StyledLine;
+//# sourceMappingURL=Pad.styled.js.map

package/dist/components/ui/directionPad/Pad.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pad.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAExC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,OAAO;IACrB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,gBAAgB;IACxB,UAAU,EAAE,OAAO;CACtB,CAAC,CAAC;AAOC,8BAAS;AALb,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC7B,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAIC,gCAAU"}

package/dist/components/ui/drawer/Drawer.d.ts

@@ -1,24 +1,13 @@
-import React, { Component } from "react";
-interface Props {
+import React from "react";
+type DrawerProps = {
     isOpen: boolean;
     closeOnEsc?: boolean;
     onClose: () => void;
     className?: string;
     children: React.ReactNode;
-}
-interface State {
-    shouldRenderWhenClosed: boolean;
-}
-declare class Drawer extends Component<Props, State> {
-    constructor(props: Props);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    componentWillUnmount(): void;
-    private timeout;
-    private onOpen;
-    private onClose;
-    private readonly handleEsc;
-    render(): React.JSX.Element;
-}
-export { Drawer };
+};
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContentSelector: string;
+export { Drawer, DrawerContentSelector };
+export type { DrawerProps };
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/components/ui/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWzC,UAAU,KAAK;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,cAAM,MAAO,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACrB,KAAK,EAAE,KAAK;IAQf,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAUnC,oBAAoB;IAKpC,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEc,MAAM;CAwBzB;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,MAAM,oFA6CV,CAAC;AAKH,QAAA,MAAM,qBAAqB,QAAqB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,CAAC"}