@react95/core 7.0.2 → 8.0.0-alpha.0

package/esm/{ThemeProvider/themes/violetDark.js → themes/violetDark.css.js}

@@ -4,7 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import BaseTheme, { generateShadows } from './baseTheme';
+import { createTheme } from '@vanilla-extract/css';
+import { theme, generateShadows } from './baseTheme.css';
+import { contract } from './contract.css';
 var colors = {
   anchor: '#1034a6',
   anchorVisited: '#440381',
@@ -15,26 +17,20 @@ var colors = {
   borderLightest: '#dfcce1',
   canvas: '#18051a',
   canvasText: '#c47bcc',
-  canvasTextDisabled: '#000000',
-  canvasTextDisabledShadow: '#000000',
-  canvasTextInvert: '#c57ece',
   headerBackground: '#1034a6',
   headerNotActiveBackground: '#210e23',
   headerNotActiveText: '#652a6d',
   headerText: '#010601',
   material: '#652a6d',
-  materialDark: '#210e23',
   materialText: '#c57ece',
   materialTextDisabled: '#3c1f3e',
   materialTextDisabledShadow: '#c47bcc',
   materialTextInvert: '#c47bcc',
   progress: '#000080',
   inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#945b9b',
-  tooltip: '#fefbcc'
+  inputBackgroundDisabled: '#945b9b'
 };
-var violetDark = _objectSpread(_objectSpread({}, BaseTheme), {}, {
+export var violetDark = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
   colors: colors,
   shadows: generateShadows(colors)
-});
-export default violetDark;
+}));

package/esm/{ThemeProvider/themes/water.js → themes/water.css.js}

@@ -4,7 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import BaseTheme, { generateShadows } from './baseTheme';
+import { createTheme } from '@vanilla-extract/css';
+import { theme, generateShadows } from './baseTheme.css';
+import { contract } from './contract.css';
 var colors = {
   anchor: '#72b3b4',
   anchorVisited: '#440381',
@@ -15,26 +17,20 @@ var colors = {
   borderLightest: '#f5f5f6',
   canvas: '#050608',
   canvasText: '#ffffff',
-  canvasTextDisabled: '#888c8f',
-  canvasTextDisabledShadow: '#ffffff',
-  canvasTextInvert: '#ffffff',
   headerBackground: '#72b3b4',
   headerNotActiveBackground: '#9a9e9c',
   headerNotActiveText: '#ced0cf',
   headerText: '#ffffff',
   material: '#ced0cf',
-  materialDark: '#9a9e9c',
   materialText: '#050608',
   materialTextDisabled: '#888c8f',
   materialTextDisabledShadow: '#ffffff',
   materialTextInvert: '#ffffff',
   progress: '#72b3b4',
   inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#dfe0e3',
-  tooltip: '#fefbcc'
+  inputBackgroundDisabled: '#dfe0e3'
 };
-var water = _objectSpread(_objectSpread({}, BaseTheme), {}, {
+export var water = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
   colors: colors,
   shadows: generateShadows(colors)
-});
-export default water;
+}));

package/esm/{ThemeProvider/themes/win95.js → themes/win95.css.js}

@@ -4,7 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import BaseTheme, { generateShadows } from './baseTheme';
+import { createTheme } from '@vanilla-extract/css';
+import { theme, generateShadows } from './baseTheme.css';
+import { contract } from './contract.css';
 var colors = {
   anchor: '#000e7a',
   anchorVisited: '#440381',
@@ -15,26 +17,20 @@ var colors = {
   borderLightest: '#ffffff',
   canvas: '#000000',
   canvasText: '#ffffff',
-  canvasTextDisabled: '#848584',
-  canvasTextDisabledShadow: '#fefefe',
-  canvasTextInvert: '#fefefe',
   headerBackground: '#000e7a',
   headerNotActiveBackground: '#7f787f',
   headerNotActiveText: '#c6c6c6',
   headerText: '#fefefe',
   material: '#c3c7cb',
-  materialDark: '#9a9e9c',
   materialText: '#000000',
   materialTextDisabled: '#868a8e',
   materialTextDisabledShadow: '#d2d2d2',
   materialTextInvert: '#ffffff',
   progress: '#000e7a',
   inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#d2d2d2',
-  tooltip: '#fefbcc'
+  inputBackgroundDisabled: '#d2d2d2'
 };
-var theme = _objectSpread(_objectSpread({}, BaseTheme), {}, {
+export var win95 = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
   colors: colors,
   shadows: generateShadows(colors)
-});
-export default theme;
+}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/core",
-  "version": "7.0.2",
+  "version": "8.0.0-alpha.0",
   "description": "Windows 95 styleguide",
   "main": "./cjs",
   "repository": {
@@ -12,17 +12,13 @@
   "license": "MIT",
   "dependencies": {
     "@react95/icons": "^2.1.1",
-    "csstype": "^3.0.11",
+    "classnames": "^2.5.1",
     "nanoid": "^3.3.1",
-    "react-draggable": "^4.4.4",
-    "styled-system": "^5.1.5",
-    "url-loader": "^4.1.1"
+    "react-draggable": "^4.4.4"
   },
   "peerDependencies": {
-    "@xstyled/styled-components": ">= 3.6.0",
     "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0",
-    "styled-components": ">= 5.3.3"
+    "react-dom": ">= 16.8.0"
   },
   "publishConfig": {
     "access": "public",
@@ -32,7 +28,7 @@
   "sideEffects": [
     "**/*.{woff2,woff,ttf,eot}"
   ],
-  "gitHead": "8ebdd87d8679cf8882c006be1ce78990dee006dc",
+  "gitHead": "f6d40f0c6189989ffe7704c9cb625cffd981efd7",
   "module": "./esm",
   "private": false,
   "types": "@types"

package/@types/Cursor/Cursor.d.ts

@@ -1,38 +0,0 @@
-import { Property } from 'csstype';
-declare const cursors: {
-    Auto: string;
-    Text: string;
-    VerticalText: string;
-    Help: string;
-    Crosshair: string;
-    Pointer: string;
-    Progress: string;
-    Wait: string;
-    Alias: string;
-    Copy: string;
-    Move: string;
-    None: null;
-    NoDrop: string;
-    NotAllowed: string;
-    Grab: string;
-    Grabbing: string;
-    ColResize: string;
-    RowResize: string;
-    NResize: string;
-    EResize: string;
-    SResize: string;
-    WResize: string;
-    NsResize: string;
-    EwResize: string;
-    NeResize: string;
-    NwResize: string;
-    SeResize: string;
-    SwResize: string;
-    NeswResize: string;
-    NwseResize: string;
-    ZoomIn: string;
-    ZoomOut: string;
-};
-export type ICursor = Record<keyof typeof cursors, Property.Cursor>;
-declare const Cursor: ICursor;
-export default Cursor;

package/@types/GlobalStyle/Borders.d.ts

@@ -1,15 +0,0 @@
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-interface IBorderStyle {
-    direction?: 'extrude' | 'intrude';
-}
-interface IBorder extends IBorderStyle {
-    outerTopLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    innerTopLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    outerBottomRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    innerBottomRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-}
-export declare const createBorder: ({ direction, outerTopLeft, innerTopLeft, outerBottomRight, innerBottomRight, }: IBorder) => FlattenInterpolation<ThemeProps<DefaultTheme>>;
-export declare const border: ({ direction }?: IBorderStyle) => FlattenInterpolation<ThemeProps<DefaultTheme>>;
-export declare const windowBorder: ({ direction }?: IBorderStyle) => FlattenInterpolation<ThemeProps<DefaultTheme>>;
-export declare const scrollBarBorder: ({ direction }?: IBorderStyle) => FlattenInterpolation<ThemeProps<DefaultTheme>>;
-export default border;

package/@types/GlobalStyle/GlobalStyle.d.ts

@@ -1,2 +0,0 @@
-declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export default GlobalStyle;

package/@types/GlobalStyle/Scrollbar.d.ts

@@ -1,7 +0,0 @@
-export declare const createTriangleSVG: (color: string, angle?: number) => string;
-export declare const createHatchedBackground: ({ mainColor, secondaryColor, pixelSize, }: {
-    mainColor?: string | undefined;
-    secondaryColor?: string | undefined;
-    pixelSize?: number | undefined;
-}) => import("styled-components").FlattenSimpleInterpolation;
-export declare const scrollbars: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/@types/GlobalStyle/index.d.ts

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

package/@types/ThemeProvider/ThemeProvider.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import themes from './themes';
-export type ThemeProviderProps = {
-    theme?: keyof typeof themes;
-};
-declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
-export default ThemeProvider;

package/@types/ThemeProvider/index.d.ts

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

package/@types/ThemeProvider/themes/azureOrange.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const azureOrange: DefaultTheme;
-export default azureOrange;

package/@types/ThemeProvider/themes/baseTheme.d.ts

@@ -1,9 +0,0 @@
-import { DefaultTheme, IColors } from 'styled-components';
-type DefaultThemeWithoutColors = Omit<DefaultTheme, 'colors' | 'shadows'>;
-export declare const generateShadows: (colors: IColors) => {
-    out: string;
-    in: string;
-    input: string;
-};
-declare const theme: DefaultThemeWithoutColors;
-export default theme;

package/@types/ThemeProvider/themes/bee.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const bee: DefaultTheme;
-export default bee;

package/@types/ThemeProvider/themes/blackAndWhite.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const blackAndWhite: DefaultTheme;
-export default blackAndWhite;

package/@types/ThemeProvider/themes/brick.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const brick: DefaultTheme;
-export default brick;

package/@types/ThemeProvider/themes/candy.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const candy: DefaultTheme;
-export default candy;

package/@types/ThemeProvider/themes/coldGray.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const coldGray: DefaultTheme;
-export default coldGray;

package/@types/ThemeProvider/themes/counterStrike.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const counterStrike: DefaultTheme;
-export default counterStrike;

package/@types/ThemeProvider/themes/eggplant.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const eggplant: DefaultTheme;
-export default eggplant;

package/@types/ThemeProvider/themes/highContrast.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const highContrast: DefaultTheme;
-export default highContrast;

package/@types/ThemeProvider/themes/lilac.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const theme: DefaultTheme;
-export default theme;

package/@types/ThemeProvider/themes/lilacRoseDark.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const lilacRoseDark: DefaultTheme;
-export default lilacRoseDark;

package/@types/ThemeProvider/themes/maple.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const maple: DefaultTheme;
-export default maple;

package/@types/ThemeProvider/themes/marine.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const marine: DefaultTheme;
-export default marine;

package/@types/ThemeProvider/themes/matrix.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const matrix: DefaultTheme;
-export default matrix;

package/@types/ThemeProvider/themes/millenium.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const millenium: DefaultTheme;
-export default millenium;

package/@types/ThemeProvider/themes/modernDark.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const modernDark: DefaultTheme;
-export default modernDark;

package/@types/ThemeProvider/themes/molecule.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const molecule: DefaultTheme;
-export default molecule;

package/@types/ThemeProvider/themes/ninjaTurtles.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const ninjaTurtles: DefaultTheme;
-export default ninjaTurtles;

package/@types/ThemeProvider/themes/olive.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const olive: DefaultTheme;
-export default olive;

package/@types/ThemeProvider/themes/pamelaAnderson.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const pamelaAnderson: DefaultTheme;
-export default pamelaAnderson;

package/@types/ThemeProvider/themes/plum.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const plum: DefaultTheme;
-export default plum;

package/@types/ThemeProvider/themes/rainyDay.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const rainyDay: DefaultTheme;
-export default rainyDay;

package/@types/ThemeProvider/themes/rose.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const rose: DefaultTheme;
-export default rose;

package/@types/ThemeProvider/themes/slate.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const slate: DefaultTheme;
-export default slate;

package/@types/ThemeProvider/themes/spruce.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const spruce: DefaultTheme;
-export default spruce;

package/@types/ThemeProvider/themes/storm.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const storm: DefaultTheme;
-export default storm;

package/@types/ThemeProvider/themes/theSixtiesUSA.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const theSixtiesUSA: DefaultTheme;
-export default theSixtiesUSA;

package/@types/ThemeProvider/themes/tokyoDark.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const tokyoDark: DefaultTheme;
-export default tokyoDark;

package/@types/ThemeProvider/themes/tooSexy.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const tooSexy: DefaultTheme;
-export default tooSexy;

package/@types/ThemeProvider/themes/travel.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const travel: DefaultTheme;
-export default travel;

package/@types/ThemeProvider/themes/vaporTeal.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const vaporTeal: DefaultTheme;
-export default vaporTeal;

package/@types/ThemeProvider/themes/vermillion.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const vermillion: DefaultTheme;
-export default vermillion;

package/@types/ThemeProvider/themes/violetDark.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const violetDark: DefaultTheme;
-export default violetDark;

package/@types/ThemeProvider/themes/water.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const water: DefaultTheme;
-export default water;

package/@types/ThemeProvider/themes/win95.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-declare const theme: DefaultTheme;
-export default theme;

package/@types/ThemeProvider/themes.d.ts

@@ -1,38 +0,0 @@
-declare const themes: {
-    win95: import("styled-components").DefaultTheme;
-    counterStrike: import("styled-components").DefaultTheme;
-    bee: import("styled-components").DefaultTheme;
-    pamelaAnderson: import("styled-components").DefaultTheme;
-    azureOrange: import("styled-components").DefaultTheme;
-    olive: import("styled-components").DefaultTheme;
-    vaporTeal: import("styled-components").DefaultTheme;
-    matrix: import("styled-components").DefaultTheme;
-    vermillion: import("styled-components").DefaultTheme;
-    tooSexy: import("styled-components").DefaultTheme;
-    ninjaTurtles: import("styled-components").DefaultTheme;
-    tokyoDark: import("styled-components").DefaultTheme;
-    molecule: import("styled-components").DefaultTheme;
-    travel: import("styled-components").DefaultTheme;
-    theSixtiesUSA: import("styled-components").DefaultTheme;
-    candy: import("styled-components").DefaultTheme;
-    modernDark: import("styled-components").DefaultTheme;
-    storm: import("styled-components").DefaultTheme;
-    millenium: import("styled-components").DefaultTheme;
-    spruce: import("styled-components").DefaultTheme;
-    slate: import("styled-components").DefaultTheme;
-    rose: import("styled-components").DefaultTheme;
-    rainyDay: import("styled-components").DefaultTheme;
-    plum: import("styled-components").DefaultTheme;
-    marine: import("styled-components").DefaultTheme;
-    maple: import("styled-components").DefaultTheme;
-    lilac: import("styled-components").DefaultTheme;
-    blackAndWhite: import("styled-components").DefaultTheme;
-    highContrast: import("styled-components").DefaultTheme;
-    eggplant: import("styled-components").DefaultTheme;
-    brick: import("styled-components").DefaultTheme;
-    water: import("styled-components").DefaultTheme;
-    coldGray: import("styled-components").DefaultTheme;
-    lilacRoseDark: import("styled-components").DefaultTheme;
-    violetDark: import("styled-components").DefaultTheme;
-};
-export default themes;

package/cjs/Cursor/Cursor.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styledComponents = require("styled-components");
-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"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var cursors = {
-  Auto: _Arrow["default"],
-  Text: _Text["default"],
-  VerticalText: _VText["default"],
-  Help: _Help["default"],
-  Crosshair: _Cross["default"],
-  Pointer: _HandPointer["default"],
-  Progress: _AppStarting["default"],
-  Wait: _Wait["default"],
-  Alias: _Link["default"],
-  Copy: _Copy["default"],
-  Move: _Move["default"],
-  None: null,
-  NoDrop: _Circle["default"],
-  NotAllowed: _NO["default"],
-  Grab: _Hand["default"],
-  Grabbing: _Handsqueezed["default"],
-  ColResize: _ColRezise["default"],
-  RowResize: _RowResize["default"],
-  NResize: _UpArrow["default"],
-  EResize: _RightArrow["default"],
-  SResize: _DownArrow["default"],
-  WResize: _LeftArrow["default"],
-  NsResize: _UpDownArrow["default"],
-  EwResize: _LeftRight["default"],
-  NeResize: _UpRightArrow["default"],
-  NwResize: _UpLeftArrow["default"],
-  SeResize: _DownRightArrow["default"],
-  SwResize: _DownLeftArrow["default"],
-  NeswResize: _AngleUpRight["default"],
-  NwseResize: _AngleUpLeft["default"],
-  ZoomIn: _ZoomIn["default"],
-  ZoomOut: _ZoomOut["default"]
-};
-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, (0, _styledComponents.css)(["\n        cursor: ", " ", ";\n      "], cursors[cur] && "url(".concat(cursors[cur], "), "), toKebabCase(cur))));
-}, {});
-var _default = exports["default"] = Cursor;