@react95/core 7.0.2 → 8.0.0-alpha.0

package/esm/Cursor/Cursor.js

@@ -1,79 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { css } from 'styled-components';
-import NwseResize from './cursors/AngleUpLeft.png';
-import NeswResize from './cursors/AngleUpRight.png';
-import Progress from './cursors/AppStarting.png';
-import Auto from './cursors/Arrow.png';
-import NoDrop from './cursors/Circle.png';
-import ColResize from './cursors/ColRezise.png';
-import Copy from './cursors/Copy.png';
-import Crosshair from './cursors/Cross.png';
-import SResize from './cursors/DownArrow.png';
-import SwResize from './cursors/DownLeftArrow.png';
-import SeResize from './cursors/DownRightArrow.png';
-import Grab from './cursors/Hand.png';
-import Pointer from './cursors/HandPointer.png';
-import Grabbing from './cursors/Handsqueezed.png';
-import Help from './cursors/Help.png';
-import WResize from './cursors/LeftArrow.png';
-import EwResize from './cursors/LeftRight.png';
-import Alias from './cursors/Link.png';
-import Move from './cursors/Move.png';
-import NotAllowed from './cursors/NO.png';
-import EResize from './cursors/RightArrow.png';
-import RowResize from './cursors/RowResize.png';
-import Text from './cursors/Text.png';
-import NResize from './cursors/UpArrow.png';
-import NsResize from './cursors/UpDownArrow.png';
-import NwResize from './cursors/UpLeftArrow.png';
-import NeResize from './cursors/UpRightArrow.png';
-import VerticalText from './cursors/VText.png';
-import Wait from './cursors/Wait.png';
-import ZoomIn from './cursors/ZoomIn.png';
-import ZoomOut from './cursors/ZoomOut.png';
-var cursors = {
-  Auto: Auto,
-  Text: Text,
-  VerticalText: VerticalText,
-  Help: Help,
-  Crosshair: Crosshair,
-  Pointer: Pointer,
-  Progress: Progress,
-  Wait: Wait,
-  Alias: Alias,
-  Copy: Copy,
-  Move: Move,
-  None: null,
-  NoDrop: NoDrop,
-  NotAllowed: NotAllowed,
-  Grab: Grab,
-  Grabbing: Grabbing,
-  ColResize: ColResize,
-  RowResize: RowResize,
-  NResize: NResize,
-  EResize: EResize,
-  SResize: SResize,
-  WResize: WResize,
-  NsResize: NsResize,
-  EwResize: EwResize,
-  NeResize: NeResize,
-  NwResize: NwResize,
-  SeResize: SeResize,
-  SwResize: SwResize,
-  NeswResize: NeswResize,
-  NwseResize: NwseResize,
-  ZoomIn: ZoomIn,
-  ZoomOut: ZoomOut
-};
-var toKebabCase = function toKebabCase(str) {
-  return "".concat(str.charAt(0).toLowerCase()).concat(str.substring(1)).replace(/[A-Z]/g, function (letter) {
-    return "-".concat(letter.toLowerCase());
-  });
-};
-var Cursor = Object.keys(cursors).reduce(function (all, cur) {
-  return Object.assign(all, _defineProperty({}, cur, css(["\n        cursor: ", " ", ";\n      "], cursors[cur] && "url(".concat(cursors[cur], "), "), toKebabCase(cur))));
-}, {});
-export default Cursor;

package/esm/GlobalStyle/Borders.js

@@ -1,82 +0,0 @@
-import { css } from 'styled-components';
-export var createBorder = function createBorder(_ref) {
-  var direction = _ref.direction,
-    outerTopLeft = _ref.outerTopLeft,
-    innerTopLeft = _ref.innerTopLeft,
-    outerBottomRight = _ref.outerBottomRight,
-    innerBottomRight = _ref.innerBottomRight;
-  return css(["\n  border: 0;\n  box-shadow: inset -1px -1px 0 0\n      ", ",\n    inset 1px 1px 0 0\n      ", ",\n    inset -2px -2px 0 0\n      ", ",\n    inset 2px 2px 0 0\n      ", ";\n"], direction == 'extrude' ? outerBottomRight : innerTopLeft, direction == 'extrude' ? outerTopLeft : innerBottomRight, direction == 'extrude' ? innerBottomRight : outerTopLeft, direction == 'extrude' ? innerTopLeft : outerBottomRight);
-};
-export var border = function border() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref2$direction = _ref2.direction,
-    direction = _ref2$direction === void 0 ? 'extrude' : _ref2$direction;
-  return createBorder({
-    direction: direction,
-    outerBottomRight: css(["\n      ", "\n    "], function (_ref3) {
-      var theme = _ref3.theme;
-      return theme.colors.borderDarkest;
-    }),
-    innerBottomRight: css(["\n      ", "\n    "], function (_ref4) {
-      var theme = _ref4.theme;
-      return theme.colors.borderDark;
-    }),
-    outerTopLeft: css(["\n      ", "\n    "], function (_ref5) {
-      var theme = _ref5.theme;
-      return theme.colors.borderLightest;
-    }),
-    innerTopLeft: css(["\n      ", "\n    "], function (_ref6) {
-      var theme = _ref6.theme;
-      return theme.colors.borderLight;
-    })
-  });
-};
-export var windowBorder = function windowBorder() {
-  var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref7$direction = _ref7.direction,
-    direction = _ref7$direction === void 0 ? 'extrude' : _ref7$direction;
-  return createBorder({
-    direction: direction,
-    outerBottomRight: css(["\n      ", "\n    "], function (_ref8) {
-      var theme = _ref8.theme;
-      return theme.colors.borderDarkest;
-    }),
-    innerBottomRight: css(["\n      ", "\n    "], function (_ref9) {
-      var theme = _ref9.theme;
-      return theme.colors.borderDark;
-    }),
-    outerTopLeft: css(["\n      ", "\n    "], function (_ref10) {
-      var theme = _ref10.theme;
-      return theme.colors.borderLight;
-    }),
-    innerTopLeft: css(["\n      ", "\n    "], function (_ref11) {
-      var theme = _ref11.theme;
-      return theme.colors.borderLightest;
-    })
-  });
-};
-export var scrollBarBorder = function scrollBarBorder() {
-  var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref12$direction = _ref12.direction,
-    direction = _ref12$direction === void 0 ? 'extrude' : _ref12$direction;
-  return createBorder({
-    direction: direction,
-    outerBottomRight: css(["\n      ", "\n    "], function (_ref13) {
-      var theme = _ref13.theme;
-      return theme.colors.borderDarkest;
-    }),
-    innerBottomRight: css(["\n      ", "\n    "], function (_ref14) {
-      var theme = _ref14.theme;
-      return theme.colors.borderDark;
-    }),
-    outerTopLeft: css(["\n      ", "\n    "], function (_ref15) {
-      var theme = _ref15.theme;
-      return theme.colors.borderLight;
-    }),
-    innerTopLeft: css(["\n      ", "\n    "], function (_ref16) {
-      var theme = _ref16.theme;
-      return theme.colors.borderLightest;
-    })
-  });
-};
-export default border;

package/esm/GlobalStyle/GlobalStyle.js

@@ -1,11 +0,0 @@
-import { createGlobalStyle } from '@xstyled/styled-components';
-import ttf from './font/MS-Sans-Serif-8pt.ttf';
-import ttfBold from './font/MS-Sans-Serif-8pt-bold.ttf';
-import videoeot from './font/React95Video-Numbers.eot';
-import videottf from './font/React95Video-Numbers.ttf';
-import videowoff from './font/React95Video-Numbers.woff';
-import videowoff2 from './font/React95Video-Numbers.woff2';
-import Cursor from '../Cursor/Cursor';
-import { scrollbars } from './Scrollbar';
-var GlobalStyle = createGlobalStyle(["\n  @font-face {\n    font-family: 'MS Sans Serif';\n    src: url('", "') format('truetype');\n\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'MS Sans Serif';\n    src: url('", "') format('truetype');\n\n    font-weight: bold;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'React95Video-Numbers';\n    src: url('", "');\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype'),\n         url('", "?#iefix') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  body {\n    background-color: #5aa;\n    margin: 0;\n    padding: 0;\n    font-size: 12px;\n    color: materialText;\n  }\n\n  a {\n    color: anchor;\n  }\n\n  a:visited {\n    color: anchorVisited;\n  }\n\n  * {\n    font-family: 'MS Sans Serif';\n    box-sizing: border-box;\n  }\n\n  // scrollbar\n  ", "\n\n  .default             { ", " }\n  .none                { ", " }\n  .help                { ", " }\n  .pointer, :any-link  { ", " }\n  .progress            { ", " }\n  .wait                { ", " }\n  .crosshair           { ", " }\n  .text                { ", " }\n  .vertical-text       { ", " }\n  .alias               { ", " }\n  .copy                { ", " }\n  .move                { ", " }\n  .no-drop             { ", " }\n  .not-allowed         { ", " }\n  .grab                { ", " }\n  .grabbing            { ", " }\n  .col-resize          { ", " }\n  .row-resize          { ", " }\n  .n-resize            { ", " }\n  .e-resize            { ", " }\n  .s-resize            { ", " }\n  .w-resize            { ", " }\n  .ns-resize           { ", " }\n  .ew-resize           { ", " }\n  .ne-resize           { ", " }\n  .nw-resize           { ", " }\n  .se-resize           { ", " }\n  .sw-resize           { ", " }\n  .nesw-resize         { ", " }\n  .nwse-resize         { ", " }\n  .zoom-in             { ", " }\n  .zoom-out            { ", " }\n"], ttf, ttfBold, videoeot, videowoff2, videowoff, videottf, videoeot, scrollbars, Cursor.Auto, Cursor.None, Cursor.Help, Cursor.Pointer, Cursor.Progress, Cursor.Wait, Cursor.Crosshair, Cursor.Text, Cursor.VerticalText, Cursor.Alias, Cursor.Copy, Cursor.Move, Cursor.NoDrop, Cursor.NotAllowed, Cursor.Grab, Cursor.Grabbing, Cursor.ColResize, Cursor.RowResize, Cursor.NResize, Cursor.EResize, Cursor.SResize, Cursor.WResize, Cursor.NsResize, Cursor.EwResize, Cursor.NeResize, Cursor.NwResize, Cursor.SeResize, Cursor.SwResize, Cursor.NeswResize, Cursor.NwseResize, Cursor.ZoomIn, Cursor.ZoomOut);
-export default GlobalStyle;

package/esm/GlobalStyle/Scrollbar.js

@@ -1,53 +0,0 @@
-import { css } from 'styled-components';
-import { scrollBarBorder } from './Borders';
-export var createTriangleSVG = function createTriangleSVG(color) {
-  var angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var svg = "<svg height=\"21\" width=\"21\" viewBox=\"0 0 21 21\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <g transform=\"rotate(".concat(angle, " 13 13)\">\n      <polygon fill=\"").concat(color, "\" points=\"6,10 20,10 13,17\"/>\n    </g>\n  </svg>");
-  var encoded = typeof window != 'undefined' ? window.btoa(svg) : '';
-  return "url(data:image/svg+xml;base64,".concat(encoded, ")");
-};
-
-// TODO for flat box styles add checkered background when disabled (not solid color)
-export var createHatchedBackground = function createHatchedBackground(_ref) {
-  var _ref$mainColor = _ref.mainColor,
-    mainColor = _ref$mainColor === void 0 ? 'black' : _ref$mainColor,
-    _ref$secondaryColor = _ref.secondaryColor,
-    secondaryColor = _ref$secondaryColor === void 0 ? 'transparent' : _ref$secondaryColor,
-    _ref$pixelSize = _ref.pixelSize,
-    pixelSize = _ref$pixelSize === void 0 ? 2 : _ref$pixelSize;
-  return css(["\n  background-image: ", ";\n  background-color: ", ";\n  background-size: ", ";\n  background-position: 0 0, ", ";\n"], ["linear-gradient(\n      45deg,\n      ".concat(mainColor, " 25%,\n      transparent 25%,\n      transparent 75%,\n      ").concat(mainColor, " 75%\n    )"), "linear-gradient(\n      45deg,\n      ".concat(mainColor, " 25%,\n      transparent 25%,\n      transparent 75%,\n      ").concat(mainColor, " 75%\n    )")].join(','), secondaryColor, "".concat(pixelSize * 2, "px ").concat(pixelSize * 2, "px"), "".concat(pixelSize, "px ").concat(pixelSize, "px"));
-};
-export var scrollbars = css(["\n  ::-webkit-scrollbar {\n    width: 17;\n    height: 17;\n  }\n  ::-webkit-scrollbar-track {\n    ", "\n  }\n  ::-webkit-scrollbar-thumb {\n    box-sizing: border-box;\n    display: inline-block;\n    background: ", ";\n    color: ", ";\n    ", "\n  }\n\n  ::-webkit-scrollbar-corner {\n    background-color: ", ";\n  }\n  ::-webkit-scrollbar-button {\n    box-sizing: border-box;\n    display: inline-block;\n    background: ", ";\n    color: ", ";\n    ", "\n    display: block;\n    outline-offset: -2px;\n    height: 17;\n    width: 17;\n    background-repeat: no-repeat;\n    background-size: 80%;\n    background-position: 0 0;\n  }\n  ::-webkit-scrollbar-button:active,\n  ::-webkit-scrollbar-button:active {\n    background-position: 0 1;\n    ", "\n  }\n\n  ::-webkit-scrollbar-button:horizontal:increment:start,\n  ::-webkit-scrollbar-button:horizontal:decrement:end,\n  ::-webkit-scrollbar-button:vertical:increment:start,\n  ::-webkit-scrollbar-button:vertical:decrement:end {\n    display: none;\n  }\n\n  ::-webkit-scrollbar-button:horizontal:decrement {\n    background-image: ", ";\n  }\n\n  ::-webkit-scrollbar-button:horizontal:increment {\n    background-image: ", ";\n  }\n\n  ::-webkit-scrollbar-button:vertical:decrement {\n    background-image: ", ";\n  }\n\n  ::-webkit-scrollbar-button:vertical:increment {\n    background-image: ", ";\n  }\n"], function (_ref2) {
-  var theme = _ref2.theme;
-  return createHatchedBackground({
-    mainColor: theme.colors.material,
-    secondaryColor: theme.colors.borderLightest
-  });
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.material;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.materialText;
-}, scrollBarBorder(), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.material;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.material;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.colors.materialText;
-}, scrollBarBorder(), scrollBarBorder(), function (_ref8) {
-  var theme = _ref8.theme;
-  return createTriangleSVG(theme.colors.materialText, 90);
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return createTriangleSVG(theme.colors.materialText, 270);
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return createTriangleSVG(theme.colors.materialText, 180);
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return createTriangleSVG(theme.colors.materialText, 0);
-});

package/esm/GlobalStyle/index.js

@@ -1,2 +0,0 @@
-import GlobalStyle from './GlobalStyle';
-export default GlobalStyle;

package/esm/ThemeProvider/ThemeProvider.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ThemeProvider as SCThemeProvider } from '@xstyled/styled-components';
-import { ModalProvider } from '../Modal';
-import themes from './themes';
-var ThemeProvider = function ThemeProvider(_ref) {
-  var children = _ref.children,
-    theme = _ref.theme;
-  return /*#__PURE__*/React.createElement(SCThemeProvider, {
-    theme: themes[theme || 'win95']
-  }, /*#__PURE__*/React.createElement(ModalProvider, null, children));
-};
-ThemeProvider.defaultProps = {
-  theme: 'win95'
-};
-export default ThemeProvider;

package/esm/ThemeProvider/index.js

@@ -1,2 +0,0 @@
-import ThemeProvider from './ThemeProvider';
-export default ThemeProvider;

package/esm/ThemeProvider/themes/baseTheme.js

@@ -1,22 +0,0 @@
-var space = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
-var borderWidths = [0, 1];
-var borderStyles = ['none', 'solid'];
-var zIndices = {
-  modal: 1,
-  tooltip: 2,
-  taskbar: 2
-};
-export var generateShadows = function generateShadows(colors) {
-  return {
-    out: "inset 0.5px 0.5px 0px 0.5px ".concat(colors.borderLightest, ",\n          inset 0 0 0 1px ").concat(colors.borderDark, ",\n          1px 0px 0 0px ").concat(colors.borderDarkest, ",\n          0px 1px 0 0px ").concat(colors.borderDarkest, ",\n          1px 1px 0 0px ").concat(colors.borderDarkest),
-    "in": "inset 0px 0px 0px 0px,\n        inset 1px 1px 0px 0px ".concat(colors.borderDark, ",\n        0.5px 0.5px 0px 0.5px ").concat(colors.borderLightest),
-    input: "inset -1px -1px 0 0 ".concat(colors.material, ",\n            inset 1px 1px 0 0 ").concat(colors.borderDarkest, ",\n            0.5px 0.5px 0 0.5px ").concat(colors.borderLightest)
-  };
-};
-var theme = {
-  space: space,
-  borderWidths: borderWidths,
-  borderStyles: borderStyles,
-  zIndices: zIndices
-};
-export default theme;

package/esm/ThemeProvider/themes.js

@@ -1,73 +0,0 @@
-import win95 from './themes/win95';
-import counterStrike from './themes/counterStrike';
-import bee from './themes/bee';
-import pamelaAnderson from './themes/pamelaAnderson';
-import azureOrange from './themes/azureOrange';
-import olive from './themes/olive';
-import vaporTeal from './themes/vaporTeal';
-import matrix from './themes/matrix';
-import vermillion from './themes/vermillion';
-import tooSexy from './themes/tooSexy';
-import ninjaTurtles from './themes/ninjaTurtles';
-import tokyoDark from './themes/tokyoDark';
-import molecule from './themes/molecule';
-import travel from './themes/travel';
-import theSixtiesUSA from './themes/theSixtiesUSA';
-import candy from './themes/candy';
-import modernDark from './themes/modernDark';
-import storm from './themes/storm';
-import millenium from './themes/millenium';
-import spruce from './themes/spruce';
-import slate from './themes/slate';
-import rose from './themes/rose';
-import rainyDay from './themes/rainyDay';
-import plum from './themes/plum';
-import marine from './themes/marine';
-import maple from './themes/maple';
-import lilac from './themes/lilac';
-import blackAndWhite from './themes/blackAndWhite';
-import highContrast from './themes/highContrast';
-import eggplant from './themes/eggplant';
-import brick from './themes/brick';
-import water from './themes/water';
-import coldGray from './themes/coldGray';
-import lilacRoseDark from './themes/lilacRoseDark';
-import violetDark from './themes/violetDark';
-var themes = {
-  win95: win95,
-  counterStrike: counterStrike,
-  bee: bee,
-  pamelaAnderson: pamelaAnderson,
-  azureOrange: azureOrange,
-  olive: olive,
-  vaporTeal: vaporTeal,
-  matrix: matrix,
-  vermillion: vermillion,
-  tooSexy: tooSexy,
-  ninjaTurtles: ninjaTurtles,
-  tokyoDark: tokyoDark,
-  molecule: molecule,
-  travel: travel,
-  theSixtiesUSA: theSixtiesUSA,
-  candy: candy,
-  modernDark: modernDark,
-  storm: storm,
-  millenium: millenium,
-  spruce: spruce,
-  slate: slate,
-  rose: rose,
-  rainyDay: rainyDay,
-  plum: plum,
-  marine: marine,
-  maple: maple,
-  lilac: lilac,
-  blackAndWhite: blackAndWhite,
-  highContrast: highContrast,
-  eggplant: eggplant,
-  brick: brick,
-  water: water,
-  coldGray: coldGray,
-  lilacRoseDark: lilacRoseDark,
-  violetDark: violetDark
-};
-export default themes;