@react95/core 5.6.0 → 5.7.0

package/@types/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
+export interface AvatarProps extends Omit<React.ImgHTMLAttributes<HTMLDivElement>, 'width' | 'color' | 'height'>, FrameProps {
+    circle?: boolean;
+    size?: number;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/@types/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+import Avatar from "./Avatar";
+export default Avatar;

package/@types/index.d.ts

@@ -1,6 +1,7 @@
 import { Modal, ModalContext } from './Modal';
 import { Tab, Tabs } from './Tabs';
 import Alert from './Alert';
+import Avatar from './Avatar';
 import Button from './Button';
 import Checkbox from './Checkbox';
 import Cursor from './Cursor';
@@ -20,4 +21,4 @@ import Tooltip from './Tooltip';
 import TitleBar from './TitleBar';
 import ThemeProvider from './ThemeProvider';
 import Video from './Video';
-export { Alert, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video, };
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video, };

package/README.md

@@ -62,7 +62,10 @@ steps:
 
 ```javascript
 const withFonts = require('next-fonts');
-const withTM = require('next-transpile-modules')(['@react95/core']);
+const withTM = require('next-transpile-modules')([
+  '@react95/core',
+  '@react95/icons',
+]);
 
 module.exports = withTM(withFonts());
 ```

package/cjs/Avatar/Avatar.js

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
+
+var _Frame = _interopRequireDefault(require("../Frame/Frame"));
+
+var _excluded = ["src", "srcSet", "alt", "circle", "children"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Image = _styledComponents["default"].img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 100%;\n"])));
+
+var StyledAvatar = (0, _styledComponents["default"])(_Frame["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-weight: bold;\n  overflow: hidden;\n  margin-right: 1;\n  margin-bottom: 1;\n\n  box-shadow: unset;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var circle = _ref.circle,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 48 : _ref$size;
+  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n\n    width: ", ";\n    height: ", ";\n  "])), circle ? '50%' : 0, size, size);
+}, function (_ref2) {
+  var circle = _ref2.circle;
+  return circle ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          border-style: solid;\n          border-width: 1;\n          border-top-color: borderDark;\n          border-right-color: borderLightest;\n          border-bottom-color: borderLightest;\n          border-left-color: borderDark;\n        "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          box-shadow: in;\n          padding-left: 1;\n        "])));
+});
+var Avatar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var src = _ref3.src,
+      srcSet = _ref3.srcSet,
+      alt = _ref3.alt,
+      circle = _ref3.circle,
+      children = _ref3.children,
+      otherProps = _objectWithoutProperties(_ref3, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({
+    circle: circle,
+    ref: ref
+  }, otherProps), src || srcSet ? /*#__PURE__*/React.createElement(Image, {
+    src: src,
+    srcSet: srcSet,
+    alt: alt
+  }) : children);
+});
+var _default = Avatar;
+exports["default"] = _default;

package/cjs/Avatar/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Avatar["default"];
+exports["default"] = _default;

package/cjs/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "Alert", {
     return _Alert["default"];
   }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar["default"];
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -154,6 +160,8 @@ var _Tabs = require("./Tabs");
 
 var _Alert = _interopRequireDefault(require("./Alert"));
 
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
 var _Button = _interopRequireDefault(require("./Button"));
 
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));

package/esm/Avatar/Avatar.js

@@ -0,0 +1,43 @@
+var _excluded = ["src", "srcSet", "alt", "circle", "children"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import * as React from 'react';
+import styled, { css } from '@xstyled/styled-components';
+import Frame from '../Frame/Frame';
+var Image = styled.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 100%;\n"])));
+var StyledAvatar = styled(Frame)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-weight: bold;\n  overflow: hidden;\n  margin-right: 1;\n  margin-bottom: 1;\n\n  box-shadow: unset;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var circle = _ref.circle,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 48 : _ref$size;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n\n    width: ", ";\n    height: ", ";\n  "])), circle ? '50%' : 0, size, size);
+}, function (_ref2) {
+  var circle = _ref2.circle;
+  return circle ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          border-style: solid;\n          border-width: 1;\n          border-top-color: borderDark;\n          border-right-color: borderLightest;\n          border-bottom-color: borderLightest;\n          border-left-color: borderDark;\n        "]))) : css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          box-shadow: in;\n          padding-left: 1;\n        "])));
+});
+var Avatar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var src = _ref3.src,
+      srcSet = _ref3.srcSet,
+      alt = _ref3.alt,
+      circle = _ref3.circle,
+      children = _ref3.children,
+      otherProps = _objectWithoutProperties(_ref3, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({
+    circle: circle,
+    ref: ref
+  }, otherProps), src || srcSet ? /*#__PURE__*/React.createElement(Image, {
+    src: src,
+    srcSet: srcSet,
+    alt: alt
+  }) : children);
+});
+export default Avatar;

package/esm/Avatar/index.js

@@ -0,0 +1,2 @@
+import Avatar from "./Avatar";
+export default Avatar;

package/esm/index.js

@@ -1,6 +1,7 @@
 import { Modal, ModalContext } from './Modal';
 import { Tab, Tabs } from './Tabs';
 import Alert from './Alert';
+import Avatar from './Avatar';
 import Button from './Button';
 import Checkbox from './Checkbox';
 import Cursor from './Cursor';
@@ -20,4 +21,4 @@ import Tooltip from './Tooltip';
 import TitleBar from './TitleBar';
 import ThemeProvider from './ThemeProvider';
 import Video from './Video';
-export { Alert, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video };
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/core",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "description": "Windows 95 styleguide",
   "main": "./cjs",
   "repository": {
@@ -33,7 +33,7 @@
   "sideEffects": [
     "**/*.{woff2,woff,ttf,eot}"
   ],
-  "gitHead": "38fa51119b21cbecf381af6701418770e0dd389c",
+  "gitHead": "7755127d8c59eb25ec6b1f5ee027c3ca5a52eb86",
   "module": "./esm",
   "private": false,
   "types": "@types"