@astral/ui 0.3.0 → 0.3.1-beta.4

package/cjs/src/CacheProvider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CacheProvider = void 0;
+var react_1 = require("@emotion/react");
+Object.defineProperty(exports, "CacheProvider", { enumerable: true, get: function () { return react_1.CacheProvider; } });

package/cjs/src/TextArea/TextArea.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var TextField_1 = require("../TextField");
+exports.TextArea = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.rows, rows = _b === void 0 ? 7 : _b, props = __rest(_a, ["rows"]);
+    return (0, jsx_runtime_1.jsx)(TextField_1.TextField, __assign({ ref: ref, multiline: true, rows: rows }, props), void 0);
+});

package/cjs/src/TextArea/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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("./TextArea"), exports);
+__exportStar(require("./types"), exports);

package/{node → cjs}/src/ThemeProvider/ThemeProvider.js

@@ -13,11 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("@mui/material/styles");
 var material_1 = require("@mui/material");
-var react_1 = require("@emotion/react");
-var GlobalStyles_1 = require("../GlobalStyles");
 var ThemeProvider = function (_a) {
     var theme = _a.theme, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(react_1.ThemeProvider, __assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, {}, void 0), children] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, __assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}, void 0), children] }), void 0));
 };
 exports.ThemeProvider = ThemeProvider;

package/cjs/src/createCache/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCache = void 0;
+var cache_1 = require("@emotion/cache");
+Object.defineProperty(exports, "createCache", { enumerable: true, get: function () { return __importDefault(cache_1).default; } });

package/cjs/src/createEmotionServer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEmotionServer = void 0;
+var create_instance_1 = require("@emotion/server/create-instance");
+Object.defineProperty(exports, "createEmotionServer", { enumerable: true, get: function () { return __importDefault(create_instance_1).default; } });

package/{node → cjs}/src/index.js

@@ -10,6 +10,9 @@ 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("./createCache"), exports);
+__exportStar(require("./createEmotionServer"), exports);
+__exportStar(require("./CacheProvider"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./ButtonBase"), exports);
 __exportStar(require("./IconButton"), exports);
@@ -28,3 +31,4 @@ __exportStar(require("./TextField"), exports);
 __exportStar(require("./FormHelperText"), exports);
 __exportStar(require("./Grid"), exports);
 __exportStar(require("./Tag"), exports);
+__exportStar(require("./TextArea"), exports);

package/cjs/src/styles/styled/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{node → cjs}/src/theme/components/MuiOutlinedInput.js

@@ -59,6 +59,17 @@ exports.MuiOutlinedInput = {
                 borderColor: theme.palette.grey[300],
             };
         },
+        multiline: function () {
+            return {
+                padding: 0,
+            };
+        },
+        inputMultiline: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(2),
+            };
+        },
     },
 };
 exports.default = exports.MuiOutlinedInput;

package/esm/src/CacheProvider/index.js

@@ -0,0 +1 @@
+export { CacheProvider } from '@emotion/react';

package/esm/src/TextArea/TextArea.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { TextField } from '../TextField';
+export var TextArea = forwardRef(function (_a, ref) {
+    var _b = _a.rows, rows = _b === void 0 ? 7 : _b, props = __rest(_a, ["rows"]);
+    return _jsx(TextField, __assign({ ref: ref, multiline: true, rows: rows }, props), void 0);
+});

package/esm/src/TextArea/index.js

@@ -0,0 +1,2 @@
+export * from './TextArea';
+export * from './types';

package/esm/src/ThemeProvider/ThemeProvider.js

@@ -10,10 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ThemeProvider as MuiThemeProvider } from '@mui/material';
-import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
-import { GlobalStyles } from '../GlobalStyles';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
+import { CssBaseline } from '@mui/material';
 export var ThemeProvider = function (_a) {
     var theme = _a.theme, children = _a.children;
-    return (_jsx(MuiThemeProvider, __assign({ theme: theme }, { children: _jsxs(EmotionThemeProvider, __assign({ theme: theme }, { children: [_jsx(GlobalStyles, {}, void 0), children] }), void 0) }), void 0));
+    return (_jsxs(MuiThemeProvider, __assign({ theme: theme }, { children: [_jsx(CssBaseline, {}, void 0), children] }), void 0));
 };

package/esm/src/createCache/index.js

@@ -0,0 +1 @@
+export { default as createCache } from '@emotion/cache';

package/esm/src/createEmotionServer/index.js

@@ -0,0 +1 @@
+export { default as createEmotionServer } from '@emotion/server/create-instance';

package/esm/src/index.js

@@ -1,3 +1,6 @@
+export * from './createCache';
+export * from './createEmotionServer';
+export * from './CacheProvider';
 export * from './Button';
 export * from './ButtonBase';
 export * from './IconButton';
@@ -16,3 +19,4 @@ export * from './TextField';
 export * from './FormHelperText';
 export * from './Grid';
 export * from './Tag';
+export * from './TextArea';

package/esm/src/theme/components/MuiOutlinedInput.js

@@ -56,6 +56,17 @@ export var MuiOutlinedInput = {
                 borderColor: theme.palette.grey[300],
             };
         },
+        multiline: function () {
+            return {
+                padding: 0,
+            };
+        },
+        inputMultiline: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(2),
+            };
+        },
     },
 };
 export default MuiOutlinedInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "0.3.0",
+  "version": "0.3.1-beta.4",
   "type": "module",
   "source": "./src/index.ts",
   "jest": {
@@ -10,7 +10,9 @@
   },
   "dependencies": {
     "@astral/icons": "^0.3.0",
+    "@emotion/cache": "11.7.1",
     "@emotion/react": "11.5.0",
+    "@emotion/server": "11.4.0",
     "@emotion/styled": "11.3.0",
     "@mui/base": "5.0.0-alpha.66",
     "@mui/lab": "5.0.0-alpha.65",
@@ -31,7 +33,14 @@
   },
   "keywords": [],
   "sideEffects": false,
-  "main": "./node/index.js",
-  "types": "./esm/index.d.ts",
-  "module": "./esm/index.js"
-}
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "types": "./types/index.d.ts"
+    }
+  }
+}

package/types/src/CacheProvider/index.d.ts

@@ -0,0 +1 @@
+export { CacheProvider } from '@emotion/react';