@react95/core 7.0.2 → 8.0.0-alpha.0

package/cjs/Alert/Alert.js

@@ -4,15 +4,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _icons = require("@react95/icons");
-var _styledComponents = _interopRequireDefault(require("@xstyled/styled-components"));
+exports.Alert = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Modal = _interopRequireDefault(require("../Modal/Modal"));
-var _excluded = ["type", "message", "closeAlert", "hasSound"];
+var _icons = require("@react95/icons");
+var styles = _interopRequireWildcard(require("./Alert.css"));
+var _Modal = require("../Modal/Modal");
+var _excluded = ["type", "message", "hasSound"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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; }
@@ -48,23 +47,10 @@ var RenderImage = function RenderImage(_ref) {
       });
   }
 };
-var Message = _styledComponents["default"].div.withConfig({
-  displayName: "Alert__Message",
-  componentId: "sc-1y8aa45-0"
-})(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]);
-var IconWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "Alert__IconWrapper",
-  componentId: "sc-1y8aa45-1"
-})(["\n  padding: 7 15 7 7;\n"]);
-var Dialog = _styledComponents["default"].div.withConfig({
-  displayName: "Alert__Dialog",
-  componentId: "sc-1y8aa45-2"
-})(["\n  display: flex;\n  flex-direction: row;\n"]);
-var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+var Alert = exports.Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'error' : _ref2$type,
     message = _ref2.message,
-    closeAlert = _ref2.closeAlert,
     hasSound = _ref2.hasSound,
     rest = _objectWithoutProperties(_ref2, _excluded);
   if (hasSound) {
@@ -73,29 +59,31 @@ var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       audio.play();
     }, []);
   }
-  return /*#__PURE__*/_react["default"].createElement(_Modal["default"], _extends({
-    closeModal: closeAlert,
+  return /*#__PURE__*/_react["default"].createElement(_Modal.Modal, _extends({
     height: "120",
     hasWindowButton: false
   }, rest, {
     ref: ref
-  }), /*#__PURE__*/_react["default"].createElement(Dialog, null, /*#__PURE__*/_react["default"].createElement(IconWrapper, null, /*#__PURE__*/_react["default"].createElement(RenderImage, {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: styles.dialog
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: styles.icon
+  }, /*#__PURE__*/_react["default"].createElement(RenderImage, {
     option: type
-  })), /*#__PURE__*/_react["default"].createElement(Message, null, message)));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: styles.message
+  }, message)));
 });
-Alert.displayName = 'Alert';
 Alert.defaultProps = {
   type: 'error',
   buttons: [{
     value: 'OK',
     onClick: function onClick() {}
   }],
-  closeAlert: function closeAlert() {},
   buttonsAlignment: 'center',
   positionOffset: {
     x: typeof window == 'undefined' ? 0 : Math.floor(window.innerWidth / 2) - 150,
-    y: typeof window == 'undefined' ? 0 : Math.floor(window.innerHeight / 2) - 80
+    y: typeof window == 'undefined' ? 0 : Math.floor(window.innerHeight / 2) - 100
   },
   hasSound: false
-};
-var _default = exports["default"] = Alert;
+};

package/cjs/Alert/index.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Alert = _interopRequireDefault(require("./Alert"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = exports["default"] = _Alert["default"];
+var _Alert = require("./Alert");
+var _default = exports["default"] = _Alert.Alert;

package/cjs/Avatar/Avatar.css.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imgStyle = exports.avatar = void 0;
+var _recipes = require("@vanilla-extract/recipes");
+var _contract = require("../themes/contract.css");
+var _css = require("@vanilla-extract/css");
+var avatar = exports.avatar = (0, _recipes.recipe)({
+  base: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontWeight: 'bold',
+    overflow: 'hidden',
+    marginRight: _contract.contract.space[1],
+    marginBottom: _contract.contract.space[1],
+    backgroundColor: _contract.contract.colors.material,
+    boxShadow: _contract.contract.shadows["in"]
+  },
+  variants: {
+    circle: {
+      "true": {
+        borderRadius: '50%',
+        borderStyle: 'solid',
+        borderWidth: _contract.contract.space[1],
+        borderTopColor: _contract.contract.colors.borderDark,
+        borderRightColor: _contract.contract.colors.borderLightest,
+        borderBottomColor: _contract.contract.colors.borderLightest,
+        borderLeftColor: _contract.contract.colors.borderDark,
+        boxShadow: 'none'
+      }
+    }
+  }
+});
+var imgStyle = exports.imgStyle = (0, _css.style)({
+  maxWidth: '100%'
+});

package/cjs/Avatar/Avatar.js

@@ -4,47 +4,37 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.Avatar = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
-var _Frame = _interopRequireDefault(require("../Frame/Frame"));
-var _excluded = ["src", "srcSet", "alt", "circle", "children"];
+var _Avatar = require("./Avatar.css");
+var _Frame = _interopRequireDefault(require("../Frame"));
+var _excluded = ["src", "srcSet", "alt", "circle", "children", "size"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; }
-var Image = _styledComponents["default"].img.withConfig({
-  displayName: "Avatar__Image",
-  componentId: "sc-1crmc5x-0"
-})(["\n  max-width: 100%;\n"]);
-var StyledAvatar = (0, _styledComponents["default"])(_Frame["default"]).withConfig({
-  displayName: "Avatar__StyledAvatar",
-  componentId: "sc-1crmc5x-1"
-})(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-weight: bold;\n  overflow: hidden;\n  margin-right: 1;\n  margin-bottom: 1;\n\n  box-shadow: unset;\n\n  ", "\n\n  ", "\n"], function (_ref) {
-  var circle = _ref.circle,
+var Avatar = exports.Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var src = _ref.src,
+    srcSet = _ref.srcSet,
+    alt = _ref.alt,
+    circle = _ref.circle,
+    children = _ref.children,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 48 : _ref$size;
-  return (0, _styledComponents.css)(["\n    border-radius: ", ";\n\n    width: ", ";\n    height: ", ";\n  "], circle ? '50%' : 0, size, size);
-}, function (_ref2) {
-  var circle = _ref2.circle;
-  return circle ? (0, _styledComponents.css)(["\n          border-style: solid;\n          border-width: 1;\n          border-top-color: borderDark;\n          border-right-color: borderLightest;\n          border-bottom-color: borderLightest;\n          border-left-color: borderDark;\n        "]) : (0, _styledComponents.css)(["\n          box-shadow: in;\n          padding-left: 1;\n        "]);
-});
-var Avatar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
-  var src = _ref3.src,
-    srcSet = _ref3.srcSet,
-    alt = _ref3.alt,
-    circle = _ref3.circle,
-    children = _ref3.children,
-    otherProps = _objectWithoutProperties(_ref3, _excluded);
-  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({
-    circle: circle,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_Frame["default"], _extends({
+    className: (0, _Avatar.avatar)({
+      circle: circle
+    }),
     ref: ref
-  }, otherProps), src || srcSet ? /*#__PURE__*/React.createElement(Image, {
+  }, otherProps, {
+    size: size
+  }), src || srcSet ? /*#__PURE__*/React.createElement("img", {
+    className: _Avatar.imgStyle,
     src: src,
     srcSet: srcSet,
     alt: alt
   }) : children);
-});
-var _default = exports["default"] = Avatar;
+});

package/cjs/Avatar/index.js

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

package/cjs/Button/Button.css.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.button = void 0;
+var _css = require("@vanilla-extract/css");
+var _cssUtils = require("@vanilla-extract/css-utils");
+var _contract = require("../themes/contract.css");
+var button = exports.button = (0, _css.style)({
+  backgroundColor: _contract.contract.colors.material,
+  paddingTop: _contract.contract.space[7],
+  paddingInline: _contract.contract.space[20],
+  paddingBottom: _contract.contract.space[5],
+  border: 'none',
+  color: _contract.contract.colors.materialText,
+  fontSize: 12,
+  boxShadow: "inset 1px 1px 0px 1px ".concat(_contract.contract.colors.borderLightest, ",\n    inset 0 0 0 1px ").concat(_contract.contract.colors.borderDark, ",\n    1px 1px 0 0px ").concat(_contract.contract.colors.borderDarkest),
+  ':disabled': {
+    color: _contract.contract.colors.materialTextDisabled
+  },
+  ':focus': {
+    outline: "".concat(_contract.contract.space[1], " dotted ").concat(_contract.contract.colors.materialText),
+    outlineOffset: _cssUtils.calc.negate(_contract.contract.space[5]),
+    boxShadow: "inset 1px 1px 0px 1px ".concat(_contract.contract.colors.borderLightest, ",\n      inset -0.5px -0.5px 0px 1px ").concat(_contract.contract.colors.borderDark, ",\n      1px 1px 0 1px ").concat(_contract.contract.colors.borderDarkest)
+  },
+  ':active': {
+    paddingTop: _contract.contract.space[8],
+    paddingInline: _contract.contract.space[20],
+    paddingBottom: _contract.contract.space[4],
+    outline: "".concat(_contract.contract.space[1], " dotted ").concat(_contract.contract.colors.borderDarkest),
+    outlineOffset: _cssUtils.calc.negate(_contract.contract.space[5]),
+    boxShadow: "inset 0 0 0 1px ".concat(_contract.contract.colors.borderDark, ",\n      0 0 0 1px ").concat(_contract.contract.colors.borderDarkest)
+  }
+});

package/cjs/Button/Button.js

@@ -4,15 +4,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
+exports.Button = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Button = require("./Button.css");
+var _Frame = _interopRequireDefault(require("../Frame"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Button = _styledComponents["default"].button.withConfig({
-  displayName: "Button",
-  componentId: "sc-1wi1b4u-0"
-})(["\n  background-color: material;\n  padding: 7 20 5;\n  border: none;\n  color: materialText;\n\n  font-size: 12px;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 0px ", ";\n\n  &:disabled {\n    color: materialTextDisabled;\n  }\n\n  &:focus {\n    outline: ", "px dotted ", ";\n    outline-offset: -", "px;\n\n    box-shadow: inset 1px 1px 0px 1px ", ",\n      inset -0.5px -0.5px 0px 1px ", ",\n      1px 1px 0 1px ", ";\n  }\n\n  &:active {\n    padding: 8 20 4;\n\n    outline: ", "px dotted ", ";\n    outline-offset: -", "px;\n\n    box-shadow: inset 0 0 0 1px ", ",\n      0 0 0 1px ", ";\n  }\n"], (0, _styledComponents.th)('colors.borderLightest'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('space.1'), (0, _styledComponents.th)('colors.materialText'), (0, _styledComponents.th)('space.5'), (0, _styledComponents.th)('colors.borderLightest'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('space.1'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('space.5'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderDarkest'));
-Button.defaultProps = {
-  children: 'Ok'
-};
-var _default = exports["default"] = Button;
+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); }
+var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_Frame["default"], _extends({
+    as: "button"
+  }, props, {
+    className: (0, _classnames["default"])(_Button.button, props.className),
+    ref: ref
+  }));
+});

package/cjs/Button/index.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Button = _interopRequireDefault(require("./Button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = exports["default"] = _Button["default"];
+var _Button = require("./Button");
+var _default = exports["default"] = _Button.Button;

package/cjs/Checkbox/Checkbox.css.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.text = exports.label = exports.icon = exports.field = void 0;
+var _check = _interopRequireDefault(require("./imgs/check.svg"));
+var _checkDisabled = _interopRequireDefault(require("./imgs/check-disabled.svg"));
+var _css = require("@vanilla-extract/css");
+var _contract = require("../themes/contract.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var icon = exports.icon = (0, _css.style)({
+  width: _contract.contract.space[12],
+  height: _contract.contract.space[12],
+  display: 'inline-block',
+  position: 'absolute',
+  left: '0',
+  top: _contract.contract.space[2],
+  borderLeftStyle: 'solid',
+  borderLeftWidth: _contract.contract.space[1],
+  borderLeftColor: _contract.contract.colors.borderDark,
+  borderTopStyle: 'solid',
+  borderTopWidth: _contract.contract.space[1],
+  borderTopColor: _contract.contract.colors.borderDark,
+  backgroundColor: _contract.contract.colors.inputBackground,
+  backgroundRepeat: 'no-repeat',
+  backgroundPosition: 'center center',
+  backgroundSize: '7px 7px',
+  boxShadow: _contract.contract.shadows.input
+});
+var text = exports.text = (0, _css.style)({
+  padding: _contract.contract.space[1],
+  userSelect: 'none'
+});
+var field = exports.field = (0, _css.style)({
+  width: _contract.contract.space[12],
+  height: _contract.contract.space[12],
+  margin: '0',
+  position: 'absolute',
+  top: _contract.contract.space[2],
+  left: '0',
+  opacity: 0,
+  selectors: {}
+});
+var label = exports.label = (0, _css.style)({
+  display: 'inline-block',
+  height: _contract.contract.space[15],
+  lineHeight: 1.5,
+  position: 'relative',
+  marginBlock: _contract.contract.space[4],
+  paddingLeft: _contract.contract.space[20],
+  selectors: {
+    '&:has(:disabled)': {
+      color: _contract.contract.colors.borderDark,
+      textShadow: "0.5px 0.5px ".concat(_contract.contract.colors.borderLight)
+    }
+  }
+});
+(0, _css.globalStyle)("".concat(field, ":checked + ").concat(icon), {
+  backgroundImage: "url('".concat(_check["default"], "')")
+});
+(0, _css.globalStyle)("".concat(field, ":focus ~ ").concat(text, ", ").concat(field, ":active ~ ").concat(text), {
+  borderWidth: _contract.contract.space[1],
+  borderStyle: 'dotted',
+  padding: '0'
+});
+(0, _css.globalStyle)("".concat(field, ":checked:disabled + ").concat(icon), {
+  backgroundImage: "url('".concat(_checkDisabled["default"], "')"),
+  backgroundSize: '7px 7px, 1.9px 1.9px'
+});
+(0, _css.globalStyle)("".concat(field, ":disabled + ").concat(icon), {
+  backgroundColor: _contract.contract.colors.inputBackgroundDisabled
+});

package/cjs/Checkbox/Checkbox.js

@@ -4,56 +4,34 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.Checkbox = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
-var _check = _interopRequireDefault(require("./imgs/check.svg"));
-var _checkDisabled = _interopRequireDefault(require("./imgs/check-disabled.svg"));
-var _excluded = ["children", "style", "checked", "label", "disabled"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var styles = _interopRequireWildcard(require("./Checkbox.css"));
+var _excluded = ["children", "style", "label", "disabled"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; }
-var Icon = _styledComponents["default"].span.withConfig({
-  displayName: "Checkbox__Icon",
-  componentId: "sc-18k8gti-0"
-})(["\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"], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('colors.borderLightest'));
-var Text = _styledComponents["default"].span.withConfig({
-  displayName: "Checkbox__Text",
-  componentId: "sc-18k8gti-1"
-})(["\n  padding: 1;\n  user-select: none;\n"]);
-var Field = _styledComponents["default"].input.attrs({
-  type: 'checkbox'
-}).withConfig({
-  displayName: "Checkbox__Field",
-  componentId: "sc-18k8gti-2"
-})(["\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["default"], Icon, _checkDisabled["default"], Icon);
-Field.displayName = 'Field';
-var Label = _styledComponents["default"].label.withConfig({
-  displayName: "Checkbox__Label",
-  componentId: "sc-18k8gti-3"
-})(["\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 && (0, _styledComponents.css)(["\n      color: borderDark;\n      text-shadow: 0.5px 0.5px ", ";\n    "], (0, _styledComponents.th)('colors.borderLight'));
-});
-var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var children = _ref2.children,
-    style = _ref2.style,
-    checked = _ref2.checked,
-    label = _ref2.label,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Label, {
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    style = _ref.style,
+    label = _ref.label,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("label", {
     style: style,
-    disabled: disabled
-  }, /*#__PURE__*/_react["default"].createElement(Field, _extends({
-    checked: checked,
+    className: styles.label
+  }, /*#__PURE__*/_react["default"].createElement("input", _extends({
+    className: styles.field,
+    type: "checkbox",
     disabled: disabled
   }, rest, {
     ref: ref
-  })), /*#__PURE__*/_react["default"].createElement(Icon, null), /*#__PURE__*/_react["default"].createElement(Text, null, children || label));
-});
-var _default = exports["default"] = Checkbox;
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: styles.icon
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: styles.text
+  }, children || label));
+});

package/cjs/Checkbox/index.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = exports["default"] = _Checkbox["default"];
+var _Checkbox = require("./Checkbox");
+var _default = exports["default"] = _Checkbox.Checkbox;

package/cjs/Cursor/Cursor.css.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Cursor = void 0;
+var _AngleUpLeft = _interopRequireDefault(require("./cursors/AngleUpLeft.png"));
+var _AngleUpRight = _interopRequireDefault(require("./cursors/AngleUpRight.png"));
+var _AppStarting = _interopRequireDefault(require("./cursors/AppStarting.png"));
+var _Arrow = _interopRequireDefault(require("./cursors/Arrow.png"));
+var _Circle = _interopRequireDefault(require("./cursors/Circle.png"));
+var _ColRezise = _interopRequireDefault(require("./cursors/ColRezise.png"));
+var _Copy = _interopRequireDefault(require("./cursors/Copy.png"));
+var _Cross = _interopRequireDefault(require("./cursors/Cross.png"));
+var _DownArrow = _interopRequireDefault(require("./cursors/DownArrow.png"));
+var _DownLeftArrow = _interopRequireDefault(require("./cursors/DownLeftArrow.png"));
+var _DownRightArrow = _interopRequireDefault(require("./cursors/DownRightArrow.png"));
+var _Hand = _interopRequireDefault(require("./cursors/Hand.png"));
+var _HandPointer = _interopRequireDefault(require("./cursors/HandPointer.png"));
+var _Handsqueezed = _interopRequireDefault(require("./cursors/Handsqueezed.png"));
+var _Help = _interopRequireDefault(require("./cursors/Help.png"));
+var _LeftArrow = _interopRequireDefault(require("./cursors/LeftArrow.png"));
+var _LeftRight = _interopRequireDefault(require("./cursors/LeftRight.png"));
+var _Link = _interopRequireDefault(require("./cursors/Link.png"));
+var _Move = _interopRequireDefault(require("./cursors/Move.png"));
+var _NO = _interopRequireDefault(require("./cursors/NO.png"));
+var _RightArrow = _interopRequireDefault(require("./cursors/RightArrow.png"));
+var _RowResize = _interopRequireDefault(require("./cursors/RowResize.png"));
+var _Text = _interopRequireDefault(require("./cursors/Text.png"));
+var _UpArrow = _interopRequireDefault(require("./cursors/UpArrow.png"));
+var _UpDownArrow = _interopRequireDefault(require("./cursors/UpDownArrow.png"));
+var _UpLeftArrow = _interopRequireDefault(require("./cursors/UpLeftArrow.png"));
+var _UpRightArrow = _interopRequireDefault(require("./cursors/UpRightArrow.png"));
+var _VText = _interopRequireDefault(require("./cursors/VText.png"));
+var _Wait = _interopRequireDefault(require("./cursors/Wait.png"));
+var _ZoomIn = _interopRequireDefault(require("./cursors/ZoomIn.png"));
+var _ZoomOut = _interopRequireDefault(require("./cursors/ZoomOut.png"));
+var _css = require("@vanilla-extract/css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Cursor = exports.Cursor = (0, _css.styleVariants)({
+  Auto: {
+    cursor: "url(".concat(_Arrow["default"], "), auto")
+  },
+  Text: {
+    cursor: "url(".concat(_Text["default"], "), text")
+  },
+  VerticalText: {
+    cursor: "url(".concat(_VText["default"], "), vertical-text")
+  },
+  Help: {
+    cursor: "url(".concat(_Help["default"], "), help")
+  },
+  Crosshair: {
+    cursor: "url(".concat(_Cross["default"], "), crosshair")
+  },
+  Pointer: {
+    cursor: "url(".concat(_HandPointer["default"], "), pointer")
+  },
+  Progress: {
+    cursor: "url(".concat(_AppStarting["default"], "), progress")
+  },
+  Wait: {
+    cursor: "url(".concat(_Wait["default"], "), wait")
+  },
+  Alias: {
+    cursor: "url(".concat(_Link["default"], "), alias")
+  },
+  Copy: {
+    cursor: "url(".concat(_Copy["default"], "), copy")
+  },
+  Move: {
+    cursor: "url(".concat(_Move["default"], "), move")
+  },
+  None: {
+    cursor: "none"
+  },
+  NoDrop: {
+    cursor: "url(".concat(_Circle["default"], "), no-drop")
+  },
+  NotAllowed: {
+    cursor: "url(".concat(_NO["default"], "), not-allowed")
+  },
+  Grab: {
+    cursor: "url(".concat(_Hand["default"], "), grab")
+  },
+  Grabbing: {
+    cursor: "url(".concat(_Handsqueezed["default"], "), grabbing")
+  },
+  ColResize: {
+    cursor: "url(".concat(_ColRezise["default"], "), col-resize")
+  },
+  RowResize: {
+    cursor: "url(".concat(_RowResize["default"], "), row-resize")
+  },
+  NResize: {
+    cursor: "url(".concat(_UpArrow["default"], "), n-resize")
+  },
+  EResize: {
+    cursor: "url(".concat(_RightArrow["default"], "), e-resize")
+  },
+  SResize: {
+    cursor: "url(".concat(_DownArrow["default"], "), s-resize")
+  },
+  WResize: {
+    cursor: "url(".concat(_LeftArrow["default"], "), w-resize")
+  },
+  NsResize: {
+    cursor: "url(".concat(_UpDownArrow["default"], "), ns-resize")
+  },
+  EwResize: {
+    cursor: "url(".concat(_LeftRight["default"], "), ew-resize")
+  },
+  NeResize: {
+    cursor: "url(".concat(_UpRightArrow["default"], "), ne-resize")
+  },
+  NwResize: {
+    cursor: "url(".concat(_UpLeftArrow["default"], "), nw-resize")
+  },
+  SeResize: {
+    cursor: "url(".concat(_DownRightArrow["default"], "), se-resize")
+  },
+  SwResize: {
+    cursor: "url(".concat(_DownLeftArrow["default"], "), sw-resize")
+  },
+  NeswResize: {
+    cursor: "url(".concat(_AngleUpRight["default"], "), nesw-resize")
+  },
+  NwseResize: {
+    cursor: "url(".concat(_AngleUpLeft["default"], "), nwse-resize")
+  },
+  ZoomIn: {
+    cursor: "url(".concat(_ZoomIn["default"], "), zoom-in")
+  },
+  ZoomOut: {
+    cursor: "url(".concat(_ZoomOut["default"], "), zoom-out")
+  }
+});

package/cjs/Cursor/index.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Cursor = _interopRequireDefault(require("./Cursor"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = exports["default"] = _Cursor["default"];
+var _Cursor = require("./Cursor.css");
+var _default = exports["default"] = _Cursor.Cursor;