@react95/core 5.5.0 → 5.7.1

package/esm/Checkbox/Checkbox.js

@@ -1,59 +1,13 @@
+var _excluded = ["children", "style", "checked", "label", "disabled"];
+
+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 _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n      color: borderDark;\n      text-shadow: 0.5px 0.5px ", ";\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 15px;\n\n  line-height: 1.5;\n\n  position: relative;\n\n  margin: 4 0;\n  padding-left: 20;\n\n  ", "\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  margin: 0;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  opacity: 0;\n\n  &:focus ~ ", ", &:active ~ ", " {\n    border-width: 1;\n    border-style: dotted;\n    padding: 0;\n  }\n\n  &:checked + ", " {\n    background-image: url('", "');\n  }\n\n  &:checked &:disabled + ", " {\n    background-image: url('", "');\n    background-size: 7px 7px, 1.9px 1.9px;\n  }\n\n  &:disabled + ", " {\n    background-color: inputBackgroundDisabled;\n  }\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  padding: 1;\n  user-select: none;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  content: '';\n  display: inline-block;\n\n  position: absolute;\n  left: 0;\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  background-color: inputBackground;\n\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 7px 7px;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import React, { forwardRef } from 'react';
@@ -61,15 +15,15 @@ import styled, { css } from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 import check from './imgs/check.svg';
 import checkDisabled from './imgs/check-disabled.svg';
-var Icon = styled.span(_templateObject(), th('colors.material'), th('colors.borderDarkest'), th('colors.borderLightest'));
-var Text = styled.span(_templateObject2());
+var Icon = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  content: '';\n  display: inline-block;\n\n  position: absolute;\n  left: 0;\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  background-color: inputBackground;\n\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 7px 7px;\n"])), th('colors.material'), th('colors.borderDarkest'), th('colors.borderLightest'));
+var Text = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1;\n  user-select: none;\n"])));
 var Field = styled.input.attrs({
   type: 'checkbox'
-})(_templateObject3(), Text, Text, Icon, check, Icon, checkDisabled, Icon);
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  margin: 0;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  opacity: 0;\n\n  &:focus ~ ", ", &:active ~ ", " {\n    border-width: 1;\n    border-style: dotted;\n    padding: 0;\n  }\n\n  &:checked + ", " {\n    background-image: url('", "');\n  }\n\n  &:checked &:disabled + ", " {\n    background-image: url('", "');\n    background-size: 7px 7px, 1.9px 1.9px;\n  }\n\n  &:disabled + ", " {\n    background-color: inputBackgroundDisabled;\n  }\n"])), Text, Text, Icon, check, Icon, checkDisabled, Icon);
 Field.displayName = 'Field';
-var Label = styled.label(_templateObject4(), function (_ref) {
+var Label = styled.label(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 15px;\n\n  line-height: 1.5;\n\n  position: relative;\n\n  margin: 4 0;\n  padding-left: 20;\n\n  ", "\n"])), function (_ref) {
   var disabled = _ref.disabled;
-  return disabled && css(_templateObject5(), th('colors.borderLight'));
+  return disabled && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: borderDark;\n      text-shadow: 0.5px 0.5px ", ";\n    "])), th('colors.borderLight'));
 });
 var Checkbox = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
@@ -78,7 +32,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       label = _ref2.label,
       _ref2$disabled = _ref2.disabled,
       disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-      rest = _objectWithoutProperties(_ref2, ["children", "style", "checked", "label", "disabled"]);
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
   return /*#__PURE__*/React.createElement(Label, {
     style: style,

package/esm/Dropdown/Dropdown.js

@@ -1,40 +1,24 @@
+var _excluded = ["options"];
+
+var _templateObject, _templateObject2;
+
 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 _templateObject2() {
-  var data = _taggedTemplateLiteral(["\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"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  width: 200px;\n  height: 20px;\n\n  &:after {\n    display: flex;\n    justify-content: center;\n    width: 17px;\n    height: 16px;\n    font-size: 14px;\n    line-height: 1.1;\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    right: 1px;\n    top: 2px;\n\n    background-color: material;\n    box-shadow: inset 0.5px 0.7px 0px 0.7px ", ",\n      inset -1px 0px 0 1px ", ", inset 1.5px 1.5px 0px 1.5px ", ";\n\n    border-right: 1;\n    border-bottom: 1;\n\n    background-image: url('", "');\n    background-position: 60% 60%;\n    background-repeat: no-repeat;\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import React, { forwardRef } from 'react';
 import styled from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 import caret from './imgs/downcaret.png';
-var Wrapper = styled.div(_templateObject(), th('colors.material'), th('colors.borderDark'), th('colors.borderLightest'), caret);
-var Select = styled.select(_templateObject2(), th('colors.material'), th('colors.borderDarkest'), th('colors.borderLightest'));
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 200px;\n  height: 20px;\n\n  &:after {\n    display: flex;\n    justify-content: center;\n    width: 17px;\n    height: 16px;\n    font-size: 14px;\n    line-height: 1.1;\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    right: 1px;\n    top: 2px;\n\n    background-color: material;\n    box-shadow: inset 0.5px 0.7px 0px 0.7px ", ",\n      inset -1px 0px 0 1px ", ", inset 1.5px 1.5px 0px 1.5px ", ";\n\n    border-right: 1;\n    border-bottom: 1;\n\n    background-image: url('", "');\n    background-position: 60% 60%;\n    background-repeat: no-repeat;\n  }\n"])), th('colors.material'), th('colors.borderDark'), th('colors.borderLightest'), caret);
+var Select = styled.select(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, ["options"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Select, _extends({}, rest, {
     ref: ref

package/esm/Fieldset/Fieldset.js

@@ -1,40 +1,24 @@
+var _excluded = ["legend", "children"];
+
+var _templateObject, _templateObject2;
+
 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 _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  padding-left: 4px;\n  padding-right: 1px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  border-top-style: groove;\n  border-top-width: 2;\n  border-top-color: borderLighter;\n\n  border-left-style: groove;\n  border-left-width: 2;\n  border-left-color: borderLighter;\n\n  border-bottom-style: solid;\n  border-bottom-width: 1;\n  border-bottom-color: borderDark;\n\n  border-right-style: solid;\n  border-right-width: 1;\n  border-right-color: borderDark;\n\n  box-shadow: 1px 1px 0 0 ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import React, { forwardRef } from 'react';
 import styled from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
-var Field = styled.fieldset(_templateObject(), th('colors.borderLighter'));
-var Legend = styled.legend(_templateObject2());
+var Field = styled.fieldset(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top-style: groove;\n  border-top-width: 2;\n  border-top-color: borderLighter;\n\n  border-left-style: groove;\n  border-left-width: 2;\n  border-left-color: borderLighter;\n\n  border-bottom-style: solid;\n  border-bottom-width: 1;\n  border-bottom-color: borderDark;\n\n  border-right-style: solid;\n  border-right-width: 1;\n  border-right-color: borderDark;\n\n  box-shadow: 1px 1px 0 0 ", ";\n"])), th('colors.borderLighter'));
+var Legend = styled.legend(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, ["legend", "children"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Field, _extends({}, rest, {
     ref: ref

package/esm/GlobalStyle/GlobalStyle.js

@@ -1,12 +1,4 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\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"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -21,5 +13,5 @@ import videottf from './font/React95Video-Numbers.ttf';
 import videoeot from './font/React95Video-Numbers.eot';
 import { scrollbars } from './Scrollbar';
 import Cursor from '../Cursor/Cursor';
-var GlobalStyle = createGlobalStyle(_templateObject(), 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);
+var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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/Input/Input.js

@@ -1,16 +1,8 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  outline: none;\n  border: none;\n  cursor: text;\n\n  padding: 3 3 5 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-top-width: 1;\n  border-top-style: 1;\n  border-top-color: borderDark;\n\n  border-right-width: 0;\n  border-bottom-width: 0;\n\n  border-left-width: 1;\n  border-left-style: 1;\n  border-left-color: borderDark;\n\n  box-shadow: input;\n\n  ", "\n  ", "\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@xstyled/styled-components';
 import { padding, borders, shadow } from 'styled-system';
-var Input = styled.input(_templateObject(), padding, borders, shadow);
+var Input = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none;\n  border: none;\n  cursor: text;\n\n  padding: 3 3 5 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-top-width: 1;\n  border-top-style: 1;\n  border-top-color: borderDark;\n\n  border-right-width: 0;\n  border-bottom-width: 0;\n\n  border-left-width: 1;\n  border-left-style: 1;\n  border-left-color: borderDark;\n\n  box-shadow: input;\n\n  ", "\n  ", "\n  ", "\n"])), padding, borders, shadow);
 export default Input;

package/esm/List/List.js

@@ -1,12 +1,4 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  background-color: material;\n  padding: 5 20 6;\n  border: none;\n\n  margin: 0;\n  padding: 2;\n  list-style: none;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -14,7 +6,7 @@ import styled from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 import ListItem from './ListItem';
 import Divider from './ListDivider';
-var StyledList = styled.ul(_templateObject(), th('colors.borderLightest'), th('colors.borderDark'), th('colors.borderDarkest'), function (_ref) {
+var StyledList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: material;\n  padding: 5 20 6;\n  border: none;\n\n  margin: 0;\n  padding: 2;\n  list-style: none;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", ";\n"])), th('colors.borderLightest'), th('colors.borderDark'), th('colors.borderDarkest'), function (_ref) {
   var width = _ref.width;
   return "\n    width: ".concat(width, "px;\n  ");
 });

package/esm/List/ListDivider.js

@@ -1,17 +1,9 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  height: 1px;\n  border-top: 1;\n  border-top-color: borderDark;\n  border-bottom: 1;\n  border-bottom-color: ", ";\n\n  width: 98%;\n  margin-left: 2;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
-var Divider = styled.li(_templateObject(), th('colors.borderLightest'));
+var Divider = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 1px;\n  border-top: 1;\n  border-top-color: borderDark;\n  border-bottom: 1;\n  border-bottom-color: ", ";\n\n  width: 98%;\n  margin-left: 2;\n"])), th('colors.borderLightest'));
 Divider.displayName = 'List.Divider';
 export default Divider;

package/esm/List/ListItem.js

@@ -1,47 +1,31 @@
+var _excluded = ["icon", "children"];
+
+var _templateObject, _templateObject2;
+
 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 _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n      &:after {\n        position: absolute;\n        width: 5px;\n        height: 8px;\n        right: 8px;\n\n        content: '';\n        background-color: ", ";\n        mask-image: url('", "');\n        mask-position: center center;\n        mask-size: 5px 8px;\n        mask-repeat: no-repeat;\n      }\n\n      &:hover {\n        &:after {\n          background-color: ", ";\n        }\n\n        ul {\n          display: block;\n        }\n      }\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 2 6;\n\n  color: materialText;\n\n  img {\n    margin-right: 10;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  ul {\n    display: none;\n    position: absolute;\n    top: -2px;\n    left: 97%;\n    color: materialText;\n    z-index: taskbar;\n\n    img {\n      width: 18px;\n      height: 20px;\n      margin-right: 6;\n    }\n  }\n\n  svg {\n    fill: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import React, { forwardRef } from 'react';
 import styled, { css } from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 import rightcaret from '../GlobalStyle/imgs/rightcaret.svg';
-var Item = styled.li(_templateObject(), th('colors.headerBackground'), th('colors.materialTextInvert'), th('colors.materialTextInvert'), function (_ref) {
+var Item = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 2 6;\n\n  color: materialText;\n\n  img {\n    margin-right: 10;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  ul {\n    display: none;\n    position: absolute;\n    top: -2px;\n    left: 97%;\n    color: materialText;\n    z-index: taskbar;\n\n    img {\n      width: 18px;\n      height: 20px;\n      margin-right: 6;\n    }\n  }\n\n  svg {\n    fill: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"])), th('colors.headerBackground'), th('colors.materialTextInvert'), th('colors.materialTextInvert'), function (_ref) {
   var icon = _ref.icon;
   return !icon && 'padding-left: 26px;';
 }, function (_ref2) {
   var hasList = _ref2.hasList;
-  return hasList && css(_templateObject2(), th('colors.materialText'), rightcaret, th('colors.materialTextInvert'));
+  return hasList && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:after {\n        position: absolute;\n        width: 5px;\n        height: 8px;\n        right: 8px;\n\n        content: '';\n        background-color: ", ";\n        mask-image: url('", "');\n        mask-position: center center;\n        mask-size: 5px 8px;\n        mask-repeat: no-repeat;\n      }\n\n      &:hover {\n        &:after {\n          background-color: ", ";\n        }\n\n        ul {\n          display: block;\n        }\n      }\n    "])), th('colors.materialText'), rightcaret, th('colors.materialTextInvert'));
 });
 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, ["icon", "children"]);
+      rest = _objectWithoutProperties(_ref3, _excluded);
 
   return /*#__PURE__*/React.createElement(Item, _extends({}, rest, {
     icon: !!icon,

package/esm/Modal/Modal.js

@@ -1,3 +1,7 @@
+var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "height", "icon", "menu", "title", "width"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -8,7 +12,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -16,76 +20,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n      background-color: primary;\n      color: ", ";\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  padding-left: 6;\n  padding-right: 6;\n\n  user-select: none;\n\n  ul {\n    position: absolute;\n    left: 0;\n    color: ", ";\n  }\n\n  ", ";\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n\n  list-style: none;\n  margin: 0;\n  padding-left: 0;\n  padding-bottom: 3;\n\n  border-bottom-style: solid;\n  border-width: 1;\n  border-bottom-color: borderDark;\n\n  box-shadow: 0 1px 0 0 ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\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"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\n  padding: 6;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n          z-index: modal;\n        "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\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"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 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';
@@ -95,24 +29,24 @@ import Draggable from 'react-draggable';
 import Button from '../Button';
 import TitleBar from '../TitleBar';
 import ModalContext from './ModalContext';
-var ModalWrapper = styled.div(_templateObject(), th('colors.borderLightest'), th('colors.borderDark'), th('colors.borderDarkest'), function (_ref) {
+var ModalWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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;
   return "\n    width: ".concat(width ? "".concat(width, "px") : 'auto', ";\n    height: ").concat(height ? "".concat(height, "px") : 'auto', ";\n  ");
 }, function (_ref2) {
   var active = _ref2.active;
-  return active ? css(_templateObject2()) : '';
+  return active ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          z-index: modal;\n        "]))) : '';
 });
-var Content = styled.div(_templateObject3());
-var ButtonWrapper = styled.div(_templateObject4(), function (_ref3) {
+var Content = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\n  padding: 6;\n"])));
+var ButtonWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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;
   return buttonsAlignment;
 }, Button);
-var MenuWrapper = styled.ul(_templateObject5(), th('colors.borderLighter'));
-var MenuItem = styled.li(_templateObject6(), th('colors.materialText'), function (_ref4) {
+var MenuWrapper = styled.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n\n  list-style: none;\n  margin: 0;\n  padding-left: 0;\n  padding-bottom: 3;\n\n  border-bottom-style: solid;\n  border-width: 1;\n  border-bottom-color: borderDark;\n\n  box-shadow: 0 1px 0 0 ", ";\n"])), th('colors.borderLighter'));
+var MenuItem = styled.li(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: relative;\n  padding-left: 6;\n  padding-right: 6;\n\n  user-select: none;\n\n  ul {\n    position: absolute;\n    left: 0;\n    color: ", ";\n  }\n\n  ", ";\n"])), th('colors.materialText'), function (_ref4) {
   var active = _ref4.active;
-  return active && css(_templateObject7(), th('colors.materialTextInvert'));
+  return active && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      background-color: primary;\n      color: ", ";\n    "])), th('colors.materialTextInvert'));
 });
 MenuItem.displayName = 'MenuItem';
 
@@ -129,7 +63,7 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
       menu = _ref5.menu,
       title = _ref5.title,
       width = _ref5.width,
-      rest = _objectWithoutProperties(_ref5, ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "height", "icon", "menu", "title", "width"]);
+      rest = _objectWithoutProperties(_ref5, _excluded);
 
   var _React$useContext = React.useContext(ModalContext),
       addWindows = _React$useContext.addWindows,

package/esm/Modal/ModalProvider.js

@@ -6,13 +6,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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 _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 _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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 

package/esm/ProgressBar/ProgressBar.js

@@ -1,84 +1,38 @@
+var _excluded = ["width", "percent"];
+
+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 _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 17px;\n  line-height: 18px;\n\n  margin-left: 2;\n  margin-top: 2;\n\n  background-color: progress;\n  color: ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  width: ", "%;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  overflow: hidden;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    box-shadow: inset -1px -1px 0 0 ", ",\n      inset 1px 1px 0 0 ", ",\n      0.5px 0.5px 0 0.5px ", ";\n  "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 20px;\n  line-height: 20px;\n\n  border-left: 1;\n  border-left-color: borderDark;\n\n  border-top: 1;\n  border-top-color: borderDark;\n\n  background-color: inputBackground;\n  color: materialText;\n\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 20px;\n\n  position: relative;\n\n  text-align: center;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import React, { forwardRef } from 'react';
 import styled, { css } from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
-var Wrapper = styled.div(_templateObject(), function (_ref) {
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 20px;\n\n  position: relative;\n\n  text-align: center;\n"])), function (_ref) {
   var width = _ref.width;
   return width;
 });
-var WhiteBar = styled.div(_templateObject2(), function (_ref2) {
+var WhiteBar = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 20px;\n  line-height: 20px;\n\n  border-left: 1;\n  border-left-color: borderDark;\n\n  border-top: 1;\n  border-top-color: borderDark;\n\n  background-color: inputBackground;\n  color: materialText;\n\n  ", "\n"])), function (_ref2) {
   var width = _ref2.width;
   return width;
-}, css(_templateObject3(), th('colors.material'), th('colors.borderDarkest'), th('colors.borderLightest')));
-var Container = styled.div(_templateObject4(), function (_ref3) {
+}, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    box-shadow: inset -1px -1px 0 0 ", ",\n      inset 1px 1px 0 0 ", ",\n      0.5px 0.5px 0 0.5px ", ";\n  "])), th('colors.material'), th('colors.borderDarkest'), th('colors.borderLightest')));
+var Container = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: ", "%;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  overflow: hidden;\n"])), function (_ref3) {
   var percent = _ref3.percent;
   return percent;
 });
-var Progress = styled.div(_templateObject5(), function (_ref4) {
+var Progress = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 17px;\n  line-height: 18px;\n\n  margin-left: 2;\n  margin-top: 2;\n\n  background-color: progress;\n  color: ", ";\n"])), function (_ref4) {
   var width = _ref4.width;
   return width;
 }, th('colors.materialTextInvert'));
 var ProgressBar = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var width = _ref5.width,
       percent = _ref5.percent,
-      rest = _objectWithoutProperties(_ref5, ["width", "percent"]);
+      rest = _objectWithoutProperties(_ref5, _excluded);
 
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     width: width