@react95/core 8.0.0-alpha.0 → 8.0.0-alpha.10

package/esm/Frame/sprinkles.css.js

@@ -1,67 +0,0 @@
-import { createRainbowSprinkles, defineProperties } from 'rainbow-sprinkles';
-import { background, borderRadius, borders, colors, displayAndBoxModel, font, outline, positioning, shadows, text, zIndices } from './props';
-var displayAndBoxModelAtomicProps = defineProperties({
-  dynamicProperties: displayAndBoxModel,
-  shorthands: {
-    size: ['height', 'width'],
-    h: ['height'],
-    w: ['width'],
-    minH: ['minHeight'],
-    minW: ['minWidth'],
-    m: ['margin'],
-    mr: ['marginRight'],
-    ml: ['marginLeft'],
-    mt: ['marginTop'],
-    mb: ['marginBottom'],
-    marginX: ['marginLeft', 'marginRight'],
-    marginY: ['marginTop', 'marginBottom'],
-    mx: ['marginLeft', 'marginRight'],
-    my: ['marginTop', 'marginBottom'],
-    p: ['padding'],
-    pr: ['paddingRight'],
-    pl: ['paddingLeft'],
-    pt: ['paddingTop'],
-    pb: ['paddingBottom'],
-    paddingX: ['paddingLeft', 'paddingRight'],
-    paddingY: ['paddingTop', 'paddingBottom'],
-    px: ['paddingLeft', 'paddingRight'],
-    py: ['paddingTop', 'paddingBottom']
-  }
-});
-var positioningAtomicProps = defineProperties({
-  dynamicProperties: positioning
-});
-var colorsAtomicProps = defineProperties({
-  dynamicProperties: colors,
-  shorthands: {
-    bgColor: ['backgroundColor']
-  }
-});
-var backgroundAtomicProps = defineProperties({
-  dynamicProperties: background,
-  shorthands: {
-    bg: ['background']
-  }
-});
-var bordersAtomicProps = defineProperties({
-  dynamicProperties: borders
-});
-var borderRadiusAtomicProps = defineProperties({
-  dynamicProperties: borderRadius
-});
-var shadowsAtomicProps = defineProperties({
-  dynamicProperties: shadows
-});
-var outlineAtomicProps = defineProperties({
-  dynamicProperties: outline
-});
-var fontAtomicProps = defineProperties({
-  dynamicProperties: font
-});
-var textAtomicProps = defineProperties({
-  dynamicProperties: text
-});
-var zIndicesAtomicProps = defineProperties({
-  dynamicProperties: zIndices
-});
-export var sprinkles = createRainbowSprinkles(colorsAtomicProps, shadowsAtomicProps, zIndicesAtomicProps, displayAndBoxModelAtomicProps, positioningAtomicProps, backgroundAtomicProps, bordersAtomicProps, borderRadiusAtomicProps, outlineAtomicProps, fontAtomicProps, textAtomicProps);

package/esm/GlobalStyle/GlobalStyle.css.js

@@ -1,123 +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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 { globalFontFace, globalStyle } from '@vanilla-extract/css';
-import { calc } from '@vanilla-extract/css-utils';
-import { contract } from '../themes/contract.css';
-import { createBorder, createTriangleSVG } from './utils';
-import ttfBold from './font/MS-Sans-Serif-8pt-bold.ttf';
-import ttf from './font/MS-Sans-Serif-8pt.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';
-export var MSSansSerif = 'MS Sans Serif';
-export var R95VideoNumbers = 'React95Video-Numbers';
-globalFontFace(MSSansSerif, {
-  src: "url('".concat(ttf, "') format('truetype')"),
-  fontStyle: 'normal',
-  fontWeight: 'normal'
-});
-globalFontFace(MSSansSerif, {
-  src: "url('".concat(ttfBold, "') format('truetype')"),
-  fontStyle: 'bold',
-  fontWeight: 'bold'
-});
-globalFontFace(R95VideoNumbers, {
-  src: "url('".concat(videowoff2, "') format('woff2'),\n  url('").concat(videowoff, "') format('woff'),\n  url('").concat(videottf, "') format('truetype'),\n  url('").concat(videoeot, "?#iefix') format('embedded-opentype')"),
-  fontStyle: 'normal',
-  fontWeight: 'normal'
-});
-globalStyle('*', {
-  fontFamily: MSSansSerif
-});
-globalStyle('*, *::before, *::after', {
-  boxSizing: 'border-box'
-});
-globalStyle('html', {
-  fontSize: '100%'
-});
-globalStyle('body', {
-  margin: 0,
-  padding: 0,
-  fontSize: 12,
-  color: contract.colors.materialText
-});
-globalStyle('a', {
-  color: contract.colors.anchor
-});
-globalStyle('a:visited', {
-  color: contract.colors.anchorVisited
-});
-
-/* Scrollbar */
-
-var triangles = {
-  horizontal: {
-    decrement: createTriangleSVG(contract.colors.materialText, 90),
-    increment: createTriangleSVG(contract.colors.materialText, 270)
-  },
-  vertical: {
-    decrement: createTriangleSVG(contract.colors.materialText, 180),
-    increment: createTriangleSVG(contract.colors.materialText, 0)
-  }
-};
-globalStyle('::-webkit-scrollbar', {
-  width: contract.space[17],
-  height: contract.space[17]
-});
-globalStyle('::-webkit-scrollbar-track', {
-  backgroundImage: ["linear-gradient(45deg, ".concat(contract.colors.material, " 25%, transparent 25%, transparent 75%, ").concat(contract.colors.material, " 75%)"), "linear-gradient(45deg, ".concat(contract.colors.material, " 25%, transparent 25%, transparent 75%, ").concat(contract.colors.material, " 75%)")].join(','),
-  backgroundColor: contract.colors.borderLightest,
-  backgroundSize: "".concat(contract.space[4], " ").concat(contract.space[4]),
-  backgroundPosition: "0 0, ".concat(contract.space[2], " ").concat(contract.space[2])
-});
-globalStyle('::-webkit-scrollbar-corner', {
-  backgroundColor: contract.colors.material
-});
-globalStyle("::-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", {
-  display: 'none'
-});
-globalStyle('::-webkit-scrollbar-button:horizontal:decrement', {
-  backgroundImage: triangles.horizontal.decrement
-});
-globalStyle('::-webkit-scrollbar-button:horizontal:increment', {
-  backgroundImage: triangles.horizontal.increment
-});
-globalStyle('::-webkit-scrollbar-button:vertical:decrement', {
-  backgroundImage: triangles.vertical.decrement
-});
-globalStyle('::-webkit-scrollbar-button:vertical:increment', {
-  backgroundImage: triangles.vertical.increment
-});
-var scrollbarBorderBase = createBorder({
-  direction: 'extrude',
-  outerBottomRight: contract.colors.borderDarkest,
-  innerBottomRight: contract.colors.borderDark,
-  outerTopLeft: contract.colors.borderLight,
-  innerTopLeft: contract.colors.borderLightest
-});
-globalStyle('::-webkit-scrollbar-thumb', _objectSpread({
-  boxSizing: 'border-box',
-  display: 'inline-block',
-  background: contract.colors.material,
-  color: contract.colors.materialText
-}, scrollbarBorderBase));
-globalStyle('::-webkit-scrollbar-button', _objectSpread({
-  boxSizing: 'border-box',
-  background: contract.colors.material,
-  color: contract.colors.materialText,
-  display: 'block',
-  outlineOffset: calc.negate(contract.space[2]),
-  height: contract.space[17],
-  width: contract.space[17],
-  backgroundRepeat: 'no-repeat',
-  backgroundSize: '80%',
-  backgroundPosition: '0 0'
-}, scrollbarBorderBase));
-globalStyle("::-webkit-scrollbar-button:active,\n  ::-webkit-scrollbar-button:active", _objectSpread({
-  backgroundPosition: '0 1'
-}, scrollbarBorderBase));

package/esm/GlobalStyle/imgs/downcaret.svg

@@ -1 +0,0 @@
-<svg width="18" height="10" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M-1-1h20v12H-1z"/><g><path d="M-.014-.015L0 3.001l3.01.01L3 5.195h2.026l.01 2.815 2.941-.01v1.977h2c.011.01.035-1.991.025-2 .01.009 3.011.033 3 .024.011.01.011-2.845 0-2.855h2.001v-2.17c.01.009 3.011.033 3.001.024.01.01-.014-3.04-.024-3.025l-17.994.01z" fill-opacity="null"/></g></svg>

package/esm/GlobalStyle/imgs/leftcaret.svg

@@ -1 +0,0 @@
-<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M-1-1h12v20H-1z"/><g><path d="M10.004-.004l-3.016.01-.014 3.01-2.186-.013-.003 2.025-2.815.005.005 2.942-1.976-.003-.003 2c-.01.01 1.99.038 2 .028-.01.01-.038 3.01-.029 3-.01.01 2.845.015 2.854.005l-.003 2 2.172.004c-.01.01-.039 3.01-.03 3-.009.01 3.04-.01 3.026-.02l.018-17.993z" fill-opacity="null"/></g></svg>

package/esm/GlobalStyle/imgs/rightcaret.svg

@@ -1 +0,0 @@
-<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M.004 18.007l3.016-.013.01-3.01 2.186.01v-2.025l2.816-.01-.009-2.94H10v-2c.01-.01-1.99-.036-2-.026.01-.01.035-3.01.026-3 .01-.01-2.845-.011-2.855-.001v-2L3 2.99c.01-.01.035-3.011.025-3.001.01-.01-3.04.013-3.025.023l.004 17.994z" fill-opacity="null"/></svg>

package/esm/GlobalStyle/imgs/upcaret.svg

@@ -1 +0,0 @@
-<svg width="18" height="10" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M-1-1h20v12H-1z"/><g><path d="M18.006 9.993l-.014-3.016-3.01-.01.01-2.185h-2.025l-.01-2.816-2.942.01V0h-2c-.01-.01-.035 1.99-.025 2-.01-.01-3.01-.034-3-.024-.01-.01-.01 2.845 0 2.854H2.988v2.172c-.01-.01-3.011-.034-3-.025-.011-.01.013 3.04.024 3.025l17.993-.01z" fill-opacity="null"/></g></svg>

package/esm/GlobalStyle/utils.js

@@ -1,17 +0,0 @@
-export var createBorder = function createBorder(_ref) {
-  var direction = _ref.direction,
-    outerTopLeft = _ref.outerTopLeft,
-    innerTopLeft = _ref.innerTopLeft,
-    outerBottomRight = _ref.outerBottomRight,
-    innerBottomRight = _ref.innerBottomRight;
-  return {
-    border: 0,
-    boxShadow: "-1px -1px 0 0\n      ".concat(direction == 'extrude' ? outerBottomRight : innerTopLeft, " inset,\n    1px 1px 0 0\n      ").concat(direction == 'extrude' ? outerTopLeft : innerBottomRight, " inset ,\n    -2px -2px 0 0\n      ").concat(direction == 'extrude' ? innerBottomRight : outerTopLeft, " inset ,\n    2px 2px 0 0\n      ").concat(direction == 'extrude' ? innerTopLeft : outerBottomRight, " inset")
-  };
-};
-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 = btoa(svg);
-  return "url(data:image/svg+xml;base64,".concat(encoded, ")");
-};

package/esm/Input/Input.css.js

@@ -1,24 +0,0 @@
-import { style } from '@vanilla-extract/css';
-import { Cursor } from '../Cursor/Cursor.css';
-import { contract } from '../themes/contract.css';
-export var input = style([Cursor.Text, {
-  outline: 'none',
-  border: 'none',
-  paddingTop: contract.space[3],
-  paddingRight: contract.space[3],
-  paddingBottom: contract.space[5],
-  paddingLeft: contract.space[3],
-  color: contract.colors.materialText,
-  backgroundColor: contract.colors.inputBackground,
-  borderRadius: '0',
-  borderTopWidth: contract.space[1],
-  borderTopStyle: 'solid',
-  borderTopColor: contract.colors.borderDark,
-  borderRightWidth: '0',
-  borderBottomWidth: '0',
-  borderLeftWidth: contract.space[1],
-  borderLeftStyle: 'solid',
-  borderLeftColor: contract.colors.borderDark,
-  boxShadow: contract.shadows.input,
-  WebkitAppearance: 'none'
-}]);

package/esm/Input/Input.js

@@ -1,11 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-import * as React from 'react';
-import { Frame } from '../Frame/Frame';
-import { input } from './Input.css';
-export var Input = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: input,
-    as: "input"
-  }));
-});

package/esm/Input/index.js

@@ -1,2 +0,0 @@
-import { Input } from './Input';
-export default Input;

package/esm/List/List.css.js

@@ -1,72 +0,0 @@
-import { style, globalStyle } from '@vanilla-extract/css';
-import { calc } from '@vanilla-extract/css-utils';
-import { contract } from '../themes/contract.css';
-import rightcaret from '../GlobalStyle/imgs/rightcaret.svg';
-export var listItem = style({
-  position: 'relative',
-  display: 'flex',
-  alignItems: 'center',
-  userSelect: 'none',
-  margin: contract.space[0],
-  paddingBlock: contract.space[2],
-  paddingInline: contract.space[6],
-  color: contract.colors.materialText,
-  selectors: {
-    '&:hover': {
-      backgroundColor: contract.colors.headerBackground,
-      color: contract.colors.materialTextInvert
-    },
-    '&:not(:has(svg))': {
-      paddingInlineStart: '26px'
-    },
-    '&:has(ul):after': {
-      position: 'absolute',
-      width: contract.space[5],
-      height: contract.space[8],
-      right: contract.space[8],
-      content: "''",
-      backgroundColor: contract.colors.materialText,
-      maskImage: "url('".concat(rightcaret, "')"),
-      maskPosition: 'center center',
-      maskSize: "".concat(contract.space[5], " ").concat(contract.space[8]),
-      maskRepeat: 'no-repeat'
-    },
-    '&:has(ul):hover:after': {
-      backgroundColor: contract.colors.materialTextInvert
-    }
-  }
-});
-globalStyle("".concat(listItem, " svg"), {
-  marginRight: contract.space[10],
-  minWidth: contract.space[16]
-});
-globalStyle("".concat(listItem, " ul"), {
-  display: 'none',
-  position: 'absolute',
-  top: calc.negate(contract.space[2]),
-  left: '97%',
-  color: contract.colors.materialText,
-  zIndex: contract.zIndices.taskbar
-});
-globalStyle("".concat(listItem, ":has(ul):hover > ul"), {
-  display: 'block'
-});
-export var divider = style({
-  height: contract.space[1],
-  borderTopStyle: 'solid',
-  borderTopWidth: contract.space[1],
-  borderTopColor: contract.colors.borderDark,
-  borderBottomWidth: contract.space[1],
-  borderBottomStyle: 'solid',
-  borderBottomColor: contract.colors.borderLightest,
-  width: '98%',
-  marginLeft: contract.space[2]
-});
-export var list = style({
-  backgroundColor: contract.colors.material,
-  padding: contract.space[2],
-  border: 'none',
-  margin: 0,
-  listStyle: 'none',
-  boxShadow: contract.shadows.out
-});

package/esm/List/List.js

@@ -1,18 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-import { ListItem } from './ListItem';
-import { Divider } from './ListDivider';
-import { Frame } from '../Frame/Frame';
-import React from 'react';
-import { list } from './List.css';
-import cn from 'classnames';
-var ListRenderer = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: cn(list, rest.className),
-    as: "ul"
-  }));
-});
-export var List = Object.assign(ListRenderer, {
-  Item: ListItem,
-  Divider: Divider
-});

package/esm/List/ListDivider.js

@@ -1,13 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-import React from 'react';
-import { Frame } from '../Frame/Frame';
-import { divider } from './List.css';
-import cn from 'classnames';
-export var Divider = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: cn(divider, rest.className),
-    as: "li"
-  }));
-});
-Divider.displayName = 'List.Divider';

package/esm/List/ListItem.js

@@ -1,25 +0,0 @@
-var _excluded = ["icon", "children"];
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Frame } from '../Frame/Frame';
-import { listItem } from './List.css';
-var Item = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: cn(listItem, rest.className),
-    as: "li"
-  }));
-});
-export var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var icon = _ref.icon,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? [] : _ref$children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Item, _extends({}, rest, {
-    ref: ref
-  }), icon, children);
-});
-ListItem.displayName = 'List.Item';

package/esm/List/index.js

@@ -1,2 +0,0 @@
-import { List } from './List';
-export default List;

package/esm/Modal/Modal.css.js

@@ -1,70 +0,0 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-import { recipe } from '@vanilla-extract/recipes';
-export var modalWrapper = recipe({
-  base: {
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'fixed',
-    padding: '2px 2px 8px',
-    top: '50px',
-    backgroundColor: contract.colors.material,
-    boxShadow: contract.shadows.out
-  },
-  variants: {
-    active: {
-      "true": {
-        zIndex: contract.zIndices.modal
-      }
-    }
-  }
-});
-export var buttonWrapper = style({
-  display: 'flex',
-  gap: '6px',
-  flexDirection: 'row',
-  padding: '0 6px 6px 6px'
-});
-globalStyle("".concat(buttonWrapper, " button"), {
-  minWidth: '70px'
-});
-export var content = style({
-  flexGrow: 1,
-  display: 'flex',
-  flexDirection: 'column',
-  padding: '6px'
-});
-export var menuWrapper = style({
-  display: 'flex',
-  flexDirection: 'row',
-  listStyle: 'none',
-  margin: '0',
-  paddingLeft: '0',
-  paddingTop: '1px',
-  paddingBottom: '1px',
-  borderBottomStyle: 'solid',
-  borderWidth: '1px',
-  borderBottomColor: contract.colors.borderDark,
-  boxShadow: "0 1px 0 0 ".concat(contract.colors.borderLighter)
-});
-export var menuItem = recipe({
-  base: {
-    position: 'relative',
-    paddingLeft: '6px',
-    paddingRight: '6px',
-    userSelect: 'none'
-  },
-  variants: {
-    active: {
-      "true": {
-        backgroundColor: contract.colors.material,
-        color: contract.colors.materialTextInvert
-      }
-    }
-  }
-});
-globalStyle("".concat(menuItem.classNames.base, " ul"), {
-  position: 'absolute',
-  left: '0',
-  color: contract.colors.materialText
-});

package/esm/Modal/Modal.js

@@ -1,165 +0,0 @@
-var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "onClose", "onHelp", "defaultPosition", "positionOffset", "height", "icon", "menu", "title", "width"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
-import * as React from 'react';
-import Draggable from 'react-draggable';
-import Button from '../Button';
-import TitleBar from '../TitleBar';
-import ModalContext from './ModalContext';
-import * as styles from './Modal.css';
-import { Frame } from '../Frame/Frame';
-import close from './close.svg';
-import help from './help.svg';
-var ModalRenderer = function ModalRenderer(_ref, ref) {
-  var _ref$hasWindowButton = _ref.hasWindowButton,
-    hasButton = _ref$hasWindowButton === void 0 ? true : _ref$hasWindowButton,
-    _ref$buttons = _ref.buttons,
-    buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
-    _ref$buttonsAlignment = _ref.buttonsAlignment,
-    buttonsAlignment = _ref$buttonsAlignment === void 0 ? 'flex-end' : _ref$buttonsAlignment,
-    children = _ref.children,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
-    onHelp = _ref.onHelp,
-    _ref$defaultPosition = _ref.defaultPosition,
-    defaultPosition = _ref$defaultPosition === void 0 ? {
-      x: 0,
-      y: 0
-    } : _ref$defaultPosition,
-    positionOffset = _ref.positionOffset,
-    height = _ref.height,
-    icon = _ref.icon,
-    _ref$menu = _ref.menu,
-    menu = _ref$menu === void 0 ? [] : _ref$menu,
-    title = _ref.title,
-    width = _ref.width,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ModalContext),
-    addWindows = _React$useContext.addWindows,
-    removeWindow = _React$useContext.removeWindow,
-    updateWindow = _React$useContext.updateWindow,
-    setActiveWindow = _React$useContext.setActiveWindow,
-    activeWindow = _React$useContext.activeWindow;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    id = _React$useState2[0],
-    setId = _React$useState2[1];
-  var _React$useState3 = React.useState(''),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    menuOpened = _React$useState4[0],
-    setMenuOpened = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    isActive = _React$useState6[0],
-    setIsActive = _React$useState6[1];
-  React.useEffect(function () {
-    if (!id) {
-      var newId = addWindows({
-        icon: icon,
-        title: title,
-        hasButton: hasButton
-      });
-      if (newId) {
-        setId(newId);
-        setActiveWindow(newId);
-      }
-    } else {
-      updateWindow(id, {
-        icon: icon,
-        title: title,
-        hasButton: hasButton
-      });
-    }
-  }, [id, icon, title, hasButton]);
-  React.useEffect(function () {
-    return function () {
-      if (id) {
-        removeWindow(id);
-      }
-    };
-  }, [id]);
-  React.useEffect(function () {
-    return setIsActive(id === activeWindow);
-  }, [id, activeWindow]);
-  return /*#__PURE__*/React.createElement(Draggable, {
-    handle: ".draggable",
-    defaultPosition: defaultPosition,
-    positionOffset: positionOffset,
-    onMouseDown: id ? function () {
-      return setActiveWindow(id);
-    } : undefined
-  }, /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    width: width,
-    height: height,
-    className: styles.modalWrapper({
-      active: isActive
-    }),
-    ref: ref
-  }), /*#__PURE__*/React.createElement(TitleBar, {
-    active: isActive,
-    icon: icon,
-    title: title,
-    className: "draggable"
-  }, /*#__PURE__*/React.createElement(TitleBar.OptionsBox, null, onHelp && /*#__PURE__*/React.createElement(TitleBar.Option, null, /*#__PURE__*/React.createElement("img", {
-    src: help,
-    alt: "help",
-    onClick: onHelp
-  })), /*#__PURE__*/React.createElement(TitleBar.Option, {
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement("img", {
-    src: close,
-    alt: "close"
-  })))), menu && menu.length > 0 && /*#__PURE__*/React.createElement("ul", {
-    className: styles.menuWrapper
-  }, menu.map(function (_ref2) {
-    var name = _ref2.name,
-      list = _ref2.list;
-    var active = menuOpened === name;
-    return /*#__PURE__*/React.createElement("li", {
-      key: name,
-      onMouseDown: function onMouseDown() {
-        return setMenuOpened(name);
-      },
-      className: styles.menuItem({
-        active: active
-      })
-    }, name, active && list);
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.content,
-    onClick: function onClick() {
-      return setMenuOpened('');
-    }
-  }, children), buttons && buttons.length > 0 && /*#__PURE__*/React.createElement(Frame, {
-    className: styles.buttonWrapper,
-    justifyContent: buttonsAlignment
-  }, buttons.map(function (button) {
-    return /*#__PURE__*/React.createElement(Button, {
-      key: button.value,
-      onClick: button.onClick,
-      value: button.value
-    }, button.value);
-  }))));
-};
-export var Modal = /*#__PURE__*/React.forwardRef(ModalRenderer);
-Modal.displayName = 'Modal';
-Modal.defaultProps = {
-  icon: undefined,
-  title: 'Modal',
-  children: null,
-  defaultPosition: {
-    x: 0,
-    y: 0
-  },
-  buttons: [],
-  menu: [],
-  width: undefined,
-  height: undefined,
-  onClose: function onClose() {}
-};