@react95/core 6.0.6 → 6.1.0

package/esm/Cursor/Cursor.js

@@ -1,35 +1,37 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 Text from './cursors/Text.png';
-import VerticalText from './cursors/VText.png';
-import Help from './cursors/Help.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 Progress from './cursors/AppStarting.png';
-import Wait from './cursors/Wait.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 Copy from './cursors/Copy.png';
 import Move from './cursors/Move.png';
-import NoDrop from './cursors/Circle.png';
 import NotAllowed from './cursors/NO.png';
-import Grab from './cursors/Hand.png';
-import Grabbing from './cursors/Handsqueezed.png';
-import ColResize from './cursors/ColRezise.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 EResize from './cursors/RightArrow.png';
-import SResize from './cursors/DownArrow.png';
-import WResize from './cursors/LeftArrow.png';
 import NsResize from './cursors/UpDownArrow.png';
-import EwResize from './cursors/LeftRight.png';
-import NeResize from './cursors/UpRightArrow.png';
 import NwResize from './cursors/UpLeftArrow.png';
-import SeResize from './cursors/DownRightArrow.png';
-import SwResize from './cursors/DownLeftArrow.png';
-import NeswResize from './cursors/AngleUpRight.png';
-import NwseResize from './cursors/AngleUpLeft.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 = {
@@ -66,13 +68,11 @@ var cursors = {
   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))));
 }, {});

package/esm/Dropdown/Dropdown.js

@@ -1,11 +1,7 @@
 var _excluded = ["options"];
-
 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 _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 React, { forwardRef } from 'react';
 import styled, { th } from '@xstyled/styled-components';
 import caret from './imgs/downcaret.png';
@@ -19,8 +15,7 @@ var Select = styled.select.withConfig({
 })(["\n  position: relative;\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: 100%;\n  height: 20px;\n\n  padding: 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n"], th('colors.material'), th('colors.borderDarkest'), th('colors.borderLightest'));
 var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var options = _ref.options,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Select, _extends({}, rest, {
     ref: ref
   }), options && options.map(function (option) {

package/esm/Fieldset/Fieldset.js

@@ -1,11 +1,7 @@
 var _excluded = ["legend", "children"];
-
 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 _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 React, { forwardRef } from 'react';
 import styled, { th } from '@xstyled/styled-components';
 var Field = styled.fieldset.withConfig({
@@ -18,9 +14,8 @@ var Legend = styled.legend.withConfig({
 })(["\n  padding-left: 4px;\n  padding-right: 1px;\n"]);
 var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var legend = _ref.legend,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Field, _extends({}, rest, {
     ref: ref
   }), legend && /*#__PURE__*/React.createElement(Legend, null, legend), children);

package/esm/GlobalStyle/Borders.js

@@ -1,17 +1,16 @@
 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;
+    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;
-
+    _ref2$direction = _ref2.direction,
+    direction = _ref2$direction === void 0 ? 'extrude' : _ref2$direction;
   return createBorder({
     direction: direction,
     outerBottomRight: css(["\n      ", "\n    "], function (_ref3) {
@@ -34,9 +33,8 @@ export var border = function border() {
 };
 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;
-
+    _ref7$direction = _ref7.direction,
+    direction = _ref7$direction === void 0 ? 'extrude' : _ref7$direction;
   return createBorder({
     direction: direction,
     outerBottomRight: css(["\n      ", "\n    "], function (_ref8) {
@@ -59,9 +57,8 @@ export var windowBorder = function windowBorder() {
 };
 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;
-
+    _ref12$direction = _ref12.direction,
+    direction = _ref12$direction === void 0 ? 'extrude' : _ref12$direction;
   return createBorder({
     direction: direction,
     outerBottomRight: css(["\n      ", "\n    "], function (_ref13) {

package/esm/GlobalStyle/GlobalStyle.js

@@ -1,13 +1,13 @@
 import { createGlobalStyle } from '@xstyled/styled-components';
-import woff2 from './font/MS-Sans-Serif.woff2';
-import woff from './font/MS-Sans-Serif.woff';
-import ttf from './font/MS-Sans-Serif.ttf';
 import eot from './font/MS-Sans-Serif.eot';
-import videowoff2 from './font/React95Video-Numbers.woff2';
-import videowoff from './font/React95Video-Numbers.woff';
-import videottf from './font/React95Video-Numbers.ttf';
+import ttf from './font/MS-Sans-Serif.ttf';
+import woff from './font/MS-Sans-Serif.woff';
+import woff2 from './font/MS-Sans-Serif.woff2';
 import videoeot from './font/React95Video-Numbers.eot';
-import { scrollbars } from './Scrollbar';
+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('", "');\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  @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  html, .auto, *       { ", " }\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"], eot, woff2, woff, ttf, eot, videoeot, videowoff2, videowoff, videottf, videoeot, scrollbars, Cursor.Auto, 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

@@ -5,15 +5,16 @@ export var createTriangleSVG = function createTriangleSVG(color) {
   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)
+};
 
+// 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;
+    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) {

package/esm/List/ListItem.js

@@ -1,11 +1,7 @@
 var _excluded = ["icon", "children"];
-
 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 _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 React, { forwardRef } from 'react';
 import styled, { css } from '@xstyled/styled-components';
 import rightcaret from '../GlobalStyle/imgs/rightcaret.svg';
@@ -21,10 +17,9 @@ var Item = styled.li.withConfig({
 });
 var ListItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var icon = _ref3.icon,
-      _ref3$children = _ref3.children,
-      children = _ref3$children === void 0 ? [] : _ref3$children,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
+    _ref3$children = _ref3.children,
+    children = _ref3$children === void 0 ? [] : _ref3$children,
+    rest = _objectWithoutProperties(_ref3, _excluded);
   return /*#__PURE__*/React.createElement(Item, _extends({}, rest, {
     icon: !!icon,
     ref: ref,

package/esm/Modal/Modal.js

@@ -1,25 +1,15 @@
-var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "height", "icon", "menu", "title", "width"];
-
+var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 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 styled, { css, th } from '@xstyled/styled-components';
+import * as React from 'react';
 import Draggable from 'react-draggable';
 import Button from '../Button';
 import TitleBar from '../TitleBar';
@@ -29,7 +19,7 @@ var ModalWrapper = styled.div.withConfig({
   componentId: "sc-4ouk59-0"
 })(["\n  display: flex;\n  flex-direction: column;\n\n  position: fixed;\n\n  padding: 2 2 8;\n\n  top: 50px;\n\n  background-color: material;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", "\n  ", "\n"], th('colors.borderLightest'), th('colors.borderDark'), th('colors.borderDarkest'), function (_ref) {
   var width = _ref.width,
-      height = _ref.height;
+    height = _ref.height;
   return "\n    width: ".concat(width ? "".concat(width, "px") : 'auto', ";\n    height: ").concat(height ? "".concat(height, "px") : 'auto', ";\n  ");
 }, function (_ref2) {
   var active = _ref2.active;
@@ -44,7 +34,7 @@ var ButtonWrapper = styled.div.withConfig({
   componentId: "sc-4ouk59-2"
 })(["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n\n  padding: 0 6 6 6;\n\n  & ", " {\n    margin-right: 6;\n    min-width: 70px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n"], function (_ref3) {
   var _ref3$buttonsAlignmen = _ref3.buttonsAlignment,
-      buttonsAlignment = _ref3$buttonsAlignmen === void 0 ? 'center' : _ref3$buttonsAlignmen;
+    buttonsAlignment = _ref3$buttonsAlignmen === void 0 ? 'center' : _ref3$buttonsAlignmen;
   return buttonsAlignment;
 }, Button);
 var MenuWrapper = styled.ul.withConfig({
@@ -59,44 +49,39 @@ var MenuItem = styled.li.withConfig({
   return active && css(["\n      background-color: primary;\n      color: materialTextInvert;\n    "]);
 });
 MenuItem.displayName = 'MenuItem';
-
 var ModalRenderer = function ModalRenderer(_ref5, ref) {
   var _ref5$hasWindowButton = _ref5.hasWindowButton,
-      hasButton = _ref5$hasWindowButton === void 0 ? true : _ref5$hasWindowButton,
-      buttons = _ref5.buttons,
-      buttonsAlignment = _ref5.buttonsAlignment,
-      children = _ref5.children,
-      closeModal = _ref5.closeModal,
-      defaultPosition = _ref5.defaultPosition,
-      height = _ref5.height,
-      icon = _ref5.icon,
-      menu = _ref5.menu,
-      title = _ref5.title,
-      width = _ref5.width,
-      rest = _objectWithoutProperties(_ref5, _excluded);
-
+    hasButton = _ref5$hasWindowButton === void 0 ? true : _ref5$hasWindowButton,
+    buttons = _ref5.buttons,
+    buttonsAlignment = _ref5.buttonsAlignment,
+    children = _ref5.children,
+    closeModal = _ref5.closeModal,
+    defaultPosition = _ref5.defaultPosition,
+    positionOffset = _ref5.positionOffset,
+    height = _ref5.height,
+    icon = _ref5.icon,
+    menu = _ref5.menu,
+    title = _ref5.title,
+    width = _ref5.width,
+    rest = _objectWithoutProperties(_ref5, _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;
-
+    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];
-
+    _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];
-
+    _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$useState6 = _slicedToArray(_React$useState5, 2),
+    isActive = _React$useState6[0],
+    setIsActive = _React$useState6[1];
   React.useEffect(function () {
     if (!id) {
       var newId = addWindows({
@@ -104,7 +89,6 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
         title: title,
         hasButton: hasButton
       });
-
       if (newId) {
         setId(newId);
         setActiveWindow(newId);
@@ -130,6 +114,7 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
   return /*#__PURE__*/React.createElement(Draggable, {
     handle: ".draggable",
     defaultPosition: defaultPosition,
+    positionOffset: positionOffset,
     onMouseDown: id ? function () {
       return setActiveWindow(id);
     } : undefined
@@ -148,7 +133,7 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
     onClick: closeModal
   }, "X"))), menu && menu.length > 0 && /*#__PURE__*/React.createElement(MenuWrapper, null, menu.map(function (_ref6) {
     var name = _ref6.name,
-        list = _ref6.list;
+      list = _ref6.list;
     var active = menuOpened === name;
     return /*#__PURE__*/React.createElement(MenuItem, {
       key: name,
@@ -171,7 +156,6 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
     }, button.value);
   }))));
 };
-
 var Modal = /*#__PURE__*/React.forwardRef(ModalRenderer);
 Modal.displayName = 'Modal';
 Modal.defaultProps = {

package/esm/Modal/ModalProvider.js

@@ -1,65 +1,53 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { nanoid } from 'nanoid';
 import * as React from 'react';
-import ModalContext from './ModalContext'; // eslint-disable-next-line @typescript-eslint/ban-types
+import ModalContext from './ModalContext';
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 
 var windowStackReducer = function windowStackReducer(state, action) {
   var newWindows = _objectSpread({}, state);
-
   switch (action.type) {
     case 'ADD_WINDOW':
       {
         newWindows[action.id] = action.window;
         return newWindows;
       }
-
     case 'REMOVE_WINDOW':
       {
         delete newWindows[action.id];
         return newWindows;
       }
-
     case 'UPDATE_WINDOW':
       {
         newWindows[action.id] = action.window;
         return newWindows;
       }
-
     default:
       return state;
   }
 };
-
 var ModalProvider = function ModalProvider(_ref) {
   var children = _ref.children;
-
   var _React$useReducer = React.useReducer(windowStackReducer, {}),
-      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-      windows = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
-
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    windows = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
   var _React$useState = React.useState(),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activeWindow = _React$useState2[0],
-      setActiveWindow = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeWindow = _React$useState2[0],
+    setActiveWindow = _React$useState2[1];
   var addWindows = function addWindows(window) {
     var id = nanoid();
     dispatch({
@@ -69,14 +57,12 @@ var ModalProvider = function ModalProvider(_ref) {
     });
     return id;
   };
-
   var removeWindow = function removeWindow(id) {
     dispatch({
       type: 'REMOVE_WINDOW',
       id: id
     });
   };
-
   var updateWindow = function updateWindow(id, window) {
     dispatch({
       type: 'UPDATE_WINDOW',
@@ -84,7 +70,6 @@ var ModalProvider = function ModalProvider(_ref) {
       window: window
     });
   };
-
   return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: {
       windows: windows,
@@ -96,5 +81,4 @@ var ModalProvider = function ModalProvider(_ref) {
     }
   }, children);
 };
-
 export default ModalProvider;

package/esm/ProgressBar/ProgressBar.js

@@ -1,11 +1,7 @@
 var _excluded = ["width", "percent"];
-
 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 _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 React, { forwardRef } from 'react';
 import styled, { css, th } from '@xstyled/styled-components';
 var Wrapper = styled.div.withConfig({
@@ -38,9 +34,8 @@ var Progress = styled.div.withConfig({
 }, th('colors.materialTextInvert'));
 var ProgressBar = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var width = _ref5.width,
-      percent = _ref5.percent,
-      rest = _objectWithoutProperties(_ref5, _excluded);
-
+    percent = _ref5.percent,
+    rest = _objectWithoutProperties(_ref5, _excluded);
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     width: width
   }, rest, {

package/esm/RadioButton/RadioButton.js

@@ -1,11 +1,7 @@
 var _excluded = ["children", "disabled"];
-
 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 _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 React, { forwardRef } from 'react';
 import styled, { css, th } from '@xstyled/styled-components';
 import { radioChecked, radioCheckedDisabled, radioUnchecked, radioUncheckedDisabled } from './radioButtonStates';
@@ -32,9 +28,8 @@ var Label = styled.label.withConfig({
 });
 var RadioButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      disabled = _ref2.disabled,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    disabled = _ref2.disabled,
+    props = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/React.createElement(Label, {
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/Tabs/Tab.js

@@ -1,11 +1,7 @@
 var _excluded = ["activeTab", "title"];
-
 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 _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 React, { forwardRef } from 'react';
 import styled, { css, th } from '@xstyled/styled-components';
 var NavItem = styled.li.withConfig({
@@ -17,9 +13,8 @@ var NavItem = styled.li.withConfig({
 });
 var Tab = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var activeTab = _ref2.activeTab,
-      title = _ref2.title,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    title = _ref2.title,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/React.createElement(NavItem, _extends({}, rest, {
     active: activeTab === title,
     ref: ref