@react95/core 6.0.7 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@types/Alert/Alert.d.ts +2 -2
- package/@types/Checkbox/Checkbox.d.ts +2 -2
- package/@types/Cursor/Cursor.d.ts +32 -32
- package/@types/Fieldset/Fieldset.d.ts +1 -1
- package/@types/Input/Input.d.ts +1 -1
- package/@types/List/List.d.ts +2 -2
- package/@types/List/ListItem.d.ts +1 -1
- package/@types/Modal/Modal.d.ts +13 -9
- package/@types/Modal/ModalContext.d.ts +1 -1
- package/@types/Modal/ModalProvider.d.ts +1 -1
- package/@types/ProgressBar/ProgressBar.d.ts +1 -1
- package/@types/RadioButton/RadioButton.d.ts +1 -1
- package/@types/Tabs/Tabs.d.ts +1 -1
- package/@types/TaskBar/Clock.d.ts +2 -1
- package/@types/TaskBar/TaskBar.d.ts +1 -1
- package/@types/TaskBar/WindowButton.d.ts +1 -1
- package/@types/TextArea/TextArea.d.ts +2 -2
- package/@types/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/@types/ThemeProvider/themes/baseTheme.d.ts +1 -1
- package/@types/Tooltip/Tooltip.d.ts +1 -1
- package/@types/Tree/Node.d.ts +1 -1
- package/@types/Tree/Tree.d.ts +2 -2
- package/@types/Video/Video.d.ts +2 -2
- package/@types/Video/buttons/Fullscreen.d.ts +1 -1
- package/@types/Video/buttons/Pause.d.ts +1 -1
- package/@types/Video/buttons/Play.d.ts +1 -1
- package/@types/Video/buttons/Stop.d.ts +1 -1
- package/cjs/Alert/Alert.js +9 -33
- package/cjs/Alert/index.js +0 -3
- package/cjs/Avatar/Avatar.js +7 -21
- package/cjs/Avatar/index.js +0 -3
- package/cjs/Button/Button.js +0 -6
- package/cjs/Button/index.js +0 -3
- package/cjs/Checkbox/Checkbox.js +6 -25
- package/cjs/Checkbox/index.js +0 -3
- package/cjs/Cursor/Cursor.js +23 -57
- package/cjs/Cursor/index.js +0 -3
- package/cjs/Dropdown/Dropdown.js +1 -16
- package/cjs/Dropdown/index.js +0 -3
- package/cjs/Fieldset/Fieldset.js +2 -15
- package/cjs/Fieldset/index.js +0 -3
- package/cjs/Frame/Frame.js +0 -6
- package/cjs/Frame/index.js +0 -3
- package/cjs/GlobalStyle/Borders.js +10 -22
- package/cjs/GlobalStyle/GlobalStyle.js +10 -23
- package/cjs/GlobalStyle/Scrollbar.js +7 -12
- package/cjs/GlobalStyle/index.js +0 -3
- package/cjs/Input/Input.js +0 -5
- package/cjs/Input/index.js +0 -3
- package/cjs/List/List.js +0 -9
- package/cjs/List/ListDivider.js +0 -4
- package/cjs/List/ListItem.js +3 -17
- package/cjs/List/index.js +0 -3
- package/cjs/Modal/Modal.js +35 -67
- package/cjs/Modal/ModalContext.js +1 -2
- package/cjs/Modal/ModalProvider.js +13 -38
- package/cjs/Modal/index.js +0 -4
- package/cjs/ProgressBar/ProgressBar.js +2 -17
- package/cjs/ProgressBar/index.js +0 -3
- package/cjs/RadioButton/RadioButton.js +2 -18
- package/cjs/RadioButton/index.js +0 -3
- package/cjs/RadioButton/radioButtonStates.js +0 -5
- package/cjs/Range/Range.js +0 -7
- package/cjs/Range/index.js +0 -3
- package/cjs/Tabs/Tab.js +2 -14
- package/cjs/Tabs/Tabs.js +16 -39
- package/cjs/Tabs/index.js +0 -3
- package/cjs/TaskBar/Clock.js +5 -24
- package/cjs/TaskBar/TaskBar.js +17 -41
- package/cjs/TaskBar/WindowButton.js +6 -23
- package/cjs/TaskBar/index.js +0 -3
- package/cjs/TextArea/TextArea.js +0 -10
- package/cjs/TextArea/index.js +0 -3
- package/cjs/ThemeProvider/ThemeProvider.js +1 -11
- package/cjs/ThemeProvider/index.js +0 -3
- package/cjs/ThemeProvider/themes/azureOrange.js +4 -12
- package/cjs/ThemeProvider/themes/baseTheme.js +0 -2
- package/cjs/ThemeProvider/themes/bee.js +4 -12
- package/cjs/ThemeProvider/themes/blackAndWhite.js +4 -12
- package/cjs/ThemeProvider/themes/brick.js +4 -12
- package/cjs/ThemeProvider/themes/candy.js +4 -12
- package/cjs/ThemeProvider/themes/coldGray.js +4 -12
- package/cjs/ThemeProvider/themes/counterStrike.js +4 -12
- package/cjs/ThemeProvider/themes/eggplant.js +4 -12
- package/cjs/ThemeProvider/themes/highContrast.js +4 -12
- package/cjs/ThemeProvider/themes/lilac.js +4 -12
- package/cjs/ThemeProvider/themes/lilacRoseDark.js +4 -12
- package/cjs/ThemeProvider/themes/maple.js +4 -12
- package/cjs/ThemeProvider/themes/marine.js +4 -12
- package/cjs/ThemeProvider/themes/matrix.js +4 -12
- package/cjs/ThemeProvider/themes/millenium.js +4 -12
- package/cjs/ThemeProvider/themes/modernDark.js +4 -12
- package/cjs/ThemeProvider/themes/molecule.js +4 -12
- package/cjs/ThemeProvider/themes/ninjaTurtles.js +4 -12
- package/cjs/ThemeProvider/themes/olive.js +4 -12
- package/cjs/ThemeProvider/themes/pamelaAnderson.js +4 -12
- package/cjs/ThemeProvider/themes/plum.js +4 -12
- package/cjs/ThemeProvider/themes/rainyDay.js +4 -12
- package/cjs/ThemeProvider/themes/rose.js +4 -12
- package/cjs/ThemeProvider/themes/slate.js +4 -12
- package/cjs/ThemeProvider/themes/spruce.js +4 -12
- package/cjs/ThemeProvider/themes/storm.js +4 -12
- package/cjs/ThemeProvider/themes/theSixtiesUSA.js +4 -12
- package/cjs/ThemeProvider/themes/tokyoDark.js +4 -12
- package/cjs/ThemeProvider/themes/tooSexy.js +4 -12
- package/cjs/ThemeProvider/themes/travel.js +4 -12
- package/cjs/ThemeProvider/themes/vaporTeal.js +4 -12
- package/cjs/ThemeProvider/themes/vermillion.js +4 -12
- package/cjs/ThemeProvider/themes/violetDark.js +4 -12
- package/cjs/ThemeProvider/themes/water.js +4 -12
- package/cjs/ThemeProvider/themes/win95.js +4 -12
- package/cjs/ThemeProvider/themes.js +0 -37
- package/cjs/TitleBar/TitleBar.js +7 -20
- package/cjs/TitleBar/index.js +0 -3
- package/cjs/Tooltip/Tooltip.js +11 -39
- package/cjs/Tooltip/index.js +0 -3
- package/cjs/Tree/Node.js +13 -51
- package/cjs/Tree/Tree.js +1 -15
- package/cjs/Tree/index.js +0 -3
- package/cjs/Video/Video.js +19 -76
- package/cjs/Video/buttons/Fullscreen.js +0 -7
- package/cjs/Video/buttons/Pause.js +0 -7
- package/cjs/Video/buttons/Play.js +0 -7
- package/cjs/Video/buttons/Stop.js +0 -7
- package/cjs/Video/buttons/index.js +0 -5
- package/cjs/Video/index.js +0 -3
- package/cjs/index.js +0 -24
- package/cjs/shared/test/utils.js +28 -53
- package/esm/Alert/Alert.js +8 -21
- package/esm/Avatar/Avatar.js +7 -12
- package/esm/Checkbox/Checkbox.js +6 -11
- package/esm/Cursor/Cursor.js +23 -23
- package/esm/Dropdown/Dropdown.js +1 -6
- package/esm/Fieldset/Fieldset.js +2 -7
- package/esm/GlobalStyle/Borders.js +10 -13
- package/esm/GlobalStyle/GlobalStyle.js +7 -7
- package/esm/GlobalStyle/Scrollbar.js +7 -6
- package/esm/List/ListItem.js +3 -8
- package/esm/Modal/Modal.js +35 -51
- package/esm/Modal/ModalProvider.js +15 -31
- package/esm/ProgressBar/ProgressBar.js +2 -7
- package/esm/RadioButton/RadioButton.js +2 -7
- package/esm/Tabs/Tab.js +2 -7
- package/esm/Tabs/Tabs.js +15 -29
- package/esm/TaskBar/Clock.js +5 -15
- package/esm/TaskBar/TaskBar.js +16 -27
- package/esm/TaskBar/WindowButton.js +6 -13
- package/esm/TextArea/TextArea.js +0 -1
- package/esm/ThemeProvider/ThemeProvider.js +1 -3
- package/esm/ThemeProvider/themes/azureOrange.js +4 -6
- package/esm/ThemeProvider/themes/bee.js +4 -6
- package/esm/ThemeProvider/themes/blackAndWhite.js +4 -6
- package/esm/ThemeProvider/themes/brick.js +4 -6
- package/esm/ThemeProvider/themes/candy.js +4 -6
- package/esm/ThemeProvider/themes/coldGray.js +4 -6
- package/esm/ThemeProvider/themes/counterStrike.js +4 -6
- package/esm/ThemeProvider/themes/eggplant.js +4 -6
- package/esm/ThemeProvider/themes/highContrast.js +4 -6
- package/esm/ThemeProvider/themes/lilac.js +4 -6
- package/esm/ThemeProvider/themes/lilacRoseDark.js +4 -6
- package/esm/ThemeProvider/themes/maple.js +4 -6
- package/esm/ThemeProvider/themes/marine.js +4 -6
- package/esm/ThemeProvider/themes/matrix.js +4 -6
- package/esm/ThemeProvider/themes/millenium.js +4 -6
- package/esm/ThemeProvider/themes/modernDark.js +4 -6
- package/esm/ThemeProvider/themes/molecule.js +4 -6
- package/esm/ThemeProvider/themes/ninjaTurtles.js +4 -6
- package/esm/ThemeProvider/themes/olive.js +4 -6
- package/esm/ThemeProvider/themes/pamelaAnderson.js +4 -6
- package/esm/ThemeProvider/themes/plum.js +4 -6
- package/esm/ThemeProvider/themes/rainyDay.js +4 -6
- package/esm/ThemeProvider/themes/rose.js +4 -6
- package/esm/ThemeProvider/themes/slate.js +4 -6
- package/esm/ThemeProvider/themes/spruce.js +4 -6
- package/esm/ThemeProvider/themes/storm.js +4 -6
- package/esm/ThemeProvider/themes/theSixtiesUSA.js +4 -6
- package/esm/ThemeProvider/themes/tokyoDark.js +4 -6
- package/esm/ThemeProvider/themes/tooSexy.js +4 -6
- package/esm/ThemeProvider/themes/travel.js +4 -6
- package/esm/ThemeProvider/themes/vaporTeal.js +4 -6
- package/esm/ThemeProvider/themes/vermillion.js +4 -6
- package/esm/ThemeProvider/themes/violetDark.js +4 -6
- package/esm/ThemeProvider/themes/water.js +4 -6
- package/esm/ThemeProvider/themes/win95.js +4 -6
- package/esm/TitleBar/TitleBar.js +7 -9
- package/esm/Tooltip/Tooltip.js +11 -30
- package/esm/Tree/Node.js +13 -34
- package/esm/Tree/Tree.js +1 -6
- package/esm/Video/Video.js +20 -58
- package/esm/Video/buttons/Fullscreen.js +0 -3
- package/esm/Video/buttons/Pause.js +0 -3
- package/esm/Video/buttons/Play.js +0 -3
- package/esm/Video/buttons/Stop.js +0 -3
- package/esm/shared/test/utils.js +28 -48
- package/package.json +3 -4
package/cjs/Avatar/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Avatar = _interopRequireDefault(require("./Avatar"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Avatar["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Button/Button.js
CHANGED
|
@@ -1,23 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
11
|
-
|
|
12
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
|
|
14
10
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
16
11
|
var Button = _styledComponents["default"].button.withConfig({
|
|
17
12
|
displayName: "Button",
|
|
18
13
|
componentId: "sc-1wi1b4u-0"
|
|
19
14
|
})(["\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'));
|
|
20
|
-
|
|
21
15
|
Button.defaultProps = {
|
|
22
16
|
children: 'Ok'
|
|
23
17
|
};
|
package/cjs/Button/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Button["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Checkbox/Checkbox.js
CHANGED
|
@@ -1,53 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
14
10
|
var _check = _interopRequireDefault(require("./imgs/check.svg"));
|
|
15
|
-
|
|
16
11
|
var _checkDisabled = _interopRequireDefault(require("./imgs/check-disabled.svg"));
|
|
17
|
-
|
|
18
12
|
var _excluded = ["children", "style", "checked", "label", "disabled"];
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
var Icon = _styledComponents["default"].span.withConfig({
|
|
33
20
|
displayName: "Checkbox__Icon",
|
|
34
21
|
componentId: "sc-18k8gti-0"
|
|
35
22
|
})(["\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'));
|
|
36
|
-
|
|
37
23
|
var Text = _styledComponents["default"].span.withConfig({
|
|
38
24
|
displayName: "Checkbox__Text",
|
|
39
25
|
componentId: "sc-18k8gti-1"
|
|
40
26
|
})(["\n padding: 1;\n user-select: none;\n"]);
|
|
41
|
-
|
|
42
27
|
var Field = _styledComponents["default"].input.attrs({
|
|
43
28
|
type: 'checkbox'
|
|
44
29
|
}).withConfig({
|
|
45
30
|
displayName: "Checkbox__Field",
|
|
46
31
|
componentId: "sc-18k8gti-2"
|
|
47
32
|
})(["\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);
|
|
48
|
-
|
|
49
33
|
Field.displayName = 'Field';
|
|
50
|
-
|
|
51
34
|
var Label = _styledComponents["default"].label.withConfig({
|
|
52
35
|
displayName: "Checkbox__Label",
|
|
53
36
|
componentId: "sc-18k8gti-3"
|
|
@@ -55,16 +38,14 @@ var Label = _styledComponents["default"].label.withConfig({
|
|
|
55
38
|
var disabled = _ref.disabled;
|
|
56
39
|
return disabled && (0, _styledComponents.css)(["\n color: borderDark;\n text-shadow: 0.5px 0.5px ", ";\n "], (0, _styledComponents.th)('colors.borderLight'));
|
|
57
40
|
});
|
|
58
|
-
|
|
59
41
|
var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
60
42
|
var children = _ref2.children,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
43
|
+
style = _ref2.style,
|
|
44
|
+
checked = _ref2.checked,
|
|
45
|
+
label = _ref2.label,
|
|
46
|
+
_ref2$disabled = _ref2.disabled,
|
|
47
|
+
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
48
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
68
49
|
return /*#__PURE__*/_react["default"].createElement(Label, {
|
|
69
50
|
style: style,
|
|
70
51
|
disabled: disabled
|
package/cjs/Checkbox/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Checkbox["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Cursor/Cursor.js
CHANGED
|
@@ -4,75 +4,43 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = require("styled-components");
|
|
9
|
-
|
|
8
|
+
var _AngleUpLeft = _interopRequireDefault(require("./cursors/AngleUpLeft.png"));
|
|
9
|
+
var _AngleUpRight = _interopRequireDefault(require("./cursors/AngleUpRight.png"));
|
|
10
|
+
var _AppStarting = _interopRequireDefault(require("./cursors/AppStarting.png"));
|
|
10
11
|
var _Arrow = _interopRequireDefault(require("./cursors/Arrow.png"));
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _VText = _interopRequireDefault(require("./cursors/VText.png"));
|
|
15
|
-
|
|
16
|
-
var _Help = _interopRequireDefault(require("./cursors/Help.png"));
|
|
17
|
-
|
|
12
|
+
var _Circle = _interopRequireDefault(require("./cursors/Circle.png"));
|
|
13
|
+
var _ColRezise = _interopRequireDefault(require("./cursors/ColRezise.png"));
|
|
14
|
+
var _Copy = _interopRequireDefault(require("./cursors/Copy.png"));
|
|
18
15
|
var _Cross = _interopRequireDefault(require("./cursors/Cross.png"));
|
|
19
|
-
|
|
16
|
+
var _DownArrow = _interopRequireDefault(require("./cursors/DownArrow.png"));
|
|
17
|
+
var _DownLeftArrow = _interopRequireDefault(require("./cursors/DownLeftArrow.png"));
|
|
18
|
+
var _DownRightArrow = _interopRequireDefault(require("./cursors/DownRightArrow.png"));
|
|
19
|
+
var _Hand = _interopRequireDefault(require("./cursors/Hand.png"));
|
|
20
20
|
var _HandPointer = _interopRequireDefault(require("./cursors/HandPointer.png"));
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
|
|
21
|
+
var _Handsqueezed = _interopRequireDefault(require("./cursors/Handsqueezed.png"));
|
|
22
|
+
var _Help = _interopRequireDefault(require("./cursors/Help.png"));
|
|
23
|
+
var _LeftArrow = _interopRequireDefault(require("./cursors/LeftArrow.png"));
|
|
24
|
+
var _LeftRight = _interopRequireDefault(require("./cursors/LeftRight.png"));
|
|
26
25
|
var _Link = _interopRequireDefault(require("./cursors/Link.png"));
|
|
27
|
-
|
|
28
|
-
var _Copy = _interopRequireDefault(require("./cursors/Copy.png"));
|
|
29
|
-
|
|
30
26
|
var _Move = _interopRequireDefault(require("./cursors/Move.png"));
|
|
31
|
-
|
|
32
|
-
var _Circle = _interopRequireDefault(require("./cursors/Circle.png"));
|
|
33
|
-
|
|
34
27
|
var _NO = _interopRequireDefault(require("./cursors/NO.png"));
|
|
35
|
-
|
|
36
|
-
var _Hand = _interopRequireDefault(require("./cursors/Hand.png"));
|
|
37
|
-
|
|
38
|
-
var _Handsqueezed = _interopRequireDefault(require("./cursors/Handsqueezed.png"));
|
|
39
|
-
|
|
40
|
-
var _ColRezise = _interopRequireDefault(require("./cursors/ColRezise.png"));
|
|
41
|
-
|
|
28
|
+
var _RightArrow = _interopRequireDefault(require("./cursors/RightArrow.png"));
|
|
42
29
|
var _RowResize = _interopRequireDefault(require("./cursors/RowResize.png"));
|
|
43
|
-
|
|
30
|
+
var _Text = _interopRequireDefault(require("./cursors/Text.png"));
|
|
44
31
|
var _UpArrow = _interopRequireDefault(require("./cursors/UpArrow.png"));
|
|
45
|
-
|
|
46
|
-
var _RightArrow = _interopRequireDefault(require("./cursors/RightArrow.png"));
|
|
47
|
-
|
|
48
|
-
var _DownArrow = _interopRequireDefault(require("./cursors/DownArrow.png"));
|
|
49
|
-
|
|
50
|
-
var _LeftArrow = _interopRequireDefault(require("./cursors/LeftArrow.png"));
|
|
51
|
-
|
|
52
32
|
var _UpDownArrow = _interopRequireDefault(require("./cursors/UpDownArrow.png"));
|
|
53
|
-
|
|
54
|
-
var _LeftRight = _interopRequireDefault(require("./cursors/LeftRight.png"));
|
|
55
|
-
|
|
56
|
-
var _UpRightArrow = _interopRequireDefault(require("./cursors/UpRightArrow.png"));
|
|
57
|
-
|
|
58
33
|
var _UpLeftArrow = _interopRequireDefault(require("./cursors/UpLeftArrow.png"));
|
|
59
|
-
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
var _DownLeftArrow = _interopRequireDefault(require("./cursors/DownLeftArrow.png"));
|
|
63
|
-
|
|
64
|
-
var _AngleUpRight = _interopRequireDefault(require("./cursors/AngleUpRight.png"));
|
|
65
|
-
|
|
66
|
-
var _AngleUpLeft = _interopRequireDefault(require("./cursors/AngleUpLeft.png"));
|
|
67
|
-
|
|
34
|
+
var _UpRightArrow = _interopRequireDefault(require("./cursors/UpRightArrow.png"));
|
|
35
|
+
var _VText = _interopRequireDefault(require("./cursors/VText.png"));
|
|
36
|
+
var _Wait = _interopRequireDefault(require("./cursors/Wait.png"));
|
|
68
37
|
var _ZoomIn = _interopRequireDefault(require("./cursors/ZoomIn.png"));
|
|
69
|
-
|
|
70
38
|
var _ZoomOut = _interopRequireDefault(require("./cursors/ZoomOut.png"));
|
|
71
|
-
|
|
72
39
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
73
|
-
|
|
74
|
-
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; }
|
|
75
|
-
|
|
40
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
41
|
+
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; }
|
|
42
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
43
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
76
44
|
var cursors = {
|
|
77
45
|
Auto: _Arrow["default"],
|
|
78
46
|
Text: _Text["default"],
|
|
@@ -107,13 +75,11 @@ var cursors = {
|
|
|
107
75
|
ZoomIn: _ZoomIn["default"],
|
|
108
76
|
ZoomOut: _ZoomOut["default"]
|
|
109
77
|
};
|
|
110
|
-
|
|
111
78
|
var toKebabCase = function toKebabCase(str) {
|
|
112
79
|
return "".concat(str.charAt(0).toLowerCase()).concat(str.substring(1)).replace(/[A-Z]/g, function (letter) {
|
|
113
80
|
return "-".concat(letter.toLowerCase());
|
|
114
81
|
});
|
|
115
82
|
};
|
|
116
|
-
|
|
117
83
|
var Cursor = Object.keys(cursors).reduce(function (all, cur) {
|
|
118
84
|
return Object.assign(all, _defineProperty({}, cur, (0, _styledComponents.css)(["\n cursor: ", " ", ";\n "], cursors[cur] && "url(".concat(cursors[cur], "), "), toKebabCase(cur))));
|
|
119
85
|
}, {});
|
package/cjs/Cursor/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Cursor = _interopRequireDefault(require("./Cursor"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Cursor["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Dropdown/Dropdown.js
CHANGED
|
@@ -1,46 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
14
10
|
var _downcaret = _interopRequireDefault(require("./imgs/downcaret.png"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["options"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
var Wrapper = _styledComponents["default"].div.withConfig({
|
|
31
19
|
displayName: "Dropdown__Wrapper",
|
|
32
20
|
componentId: "sc-1rfrh0u-0"
|
|
33
21
|
})(["\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 ", ",\n 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"], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderLightest'), _downcaret["default"]);
|
|
34
|
-
|
|
35
22
|
var Select = _styledComponents["default"].select.withConfig({
|
|
36
23
|
displayName: "Dropdown__Select",
|
|
37
24
|
componentId: "sc-1rfrh0u-1"
|
|
38
25
|
})(["\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"], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('colors.borderLightest'));
|
|
39
|
-
|
|
40
26
|
var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
41
27
|
var options = _ref.options,
|
|
42
|
-
|
|
43
|
-
|
|
28
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
44
29
|
return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(Select, _extends({}, rest, {
|
|
45
30
|
ref: ref
|
|
46
31
|
}), options && options.map(function (option) {
|
package/cjs/Dropdown/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Dropdown["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Fieldset/Fieldset.js
CHANGED
|
@@ -1,43 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
14
10
|
var _excluded = ["legend", "children"];
|
|
15
|
-
|
|
16
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var Field = _styledComponents["default"].fieldset.withConfig({
|
|
27
17
|
displayName: "Fieldset__Field",
|
|
28
18
|
componentId: "sc-15a7lpx-0"
|
|
29
19
|
})(["\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"], (0, _styledComponents.th)('colors.borderLighter'));
|
|
30
|
-
|
|
31
20
|
var Legend = _styledComponents["default"].legend.withConfig({
|
|
32
21
|
displayName: "Fieldset__Legend",
|
|
33
22
|
componentId: "sc-15a7lpx-1"
|
|
34
23
|
})(["\n padding-left: 4px;\n padding-right: 1px;\n"]);
|
|
35
|
-
|
|
36
24
|
var Fieldset = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
37
25
|
var legend = _ref.legend,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
children = _ref.children,
|
|
27
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
41
28
|
return /*#__PURE__*/_react["default"].createElement(Field, _extends({}, rest, {
|
|
42
29
|
ref: ref
|
|
43
30
|
}), legend && /*#__PURE__*/_react["default"].createElement(Legend, null, legend), children);
|
package/cjs/Fieldset/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Fieldset = _interopRequireDefault(require("./Fieldset"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Fieldset["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Frame/Frame.js
CHANGED
|
@@ -1,23 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
11
|
-
|
|
12
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
|
|
14
10
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
16
11
|
var Frame = _styledComponents["default"].div.withConfig({
|
|
17
12
|
displayName: "Frame",
|
|
18
13
|
componentId: "sc-1g3ndsf-0"
|
|
19
14
|
})(_styledComponents.system);
|
|
20
|
-
|
|
21
15
|
Frame.defaultProps = {
|
|
22
16
|
w: 'auto',
|
|
23
17
|
h: 'auto',
|
package/cjs/Frame/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Frame = _interopRequireDefault(require("./Frame"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Frame["default"];
|
|
13
10
|
exports["default"] = _default;
|
|
@@ -4,25 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.windowBorder = exports.scrollBarBorder = exports["default"] = exports.createBorder = exports.border = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = require("styled-components");
|
|
9
|
-
|
|
10
8
|
var createBorder = function createBorder(_ref) {
|
|
11
9
|
var direction = _ref.direction,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
outerTopLeft = _ref.outerTopLeft,
|
|
11
|
+
innerTopLeft = _ref.innerTopLeft,
|
|
12
|
+
outerBottomRight = _ref.outerBottomRight,
|
|
13
|
+
innerBottomRight = _ref.innerBottomRight;
|
|
16
14
|
return (0, _styledComponents.css)(["\n border: 0;\n box-shadow: inset -1px -1px 0 0\n ", ",\n inset 1px 1px 0 0\n ", ",\n inset -2px -2px 0 0\n ", ",\n inset 2px 2px 0 0\n ", ";\n"], direction == 'extrude' ? outerBottomRight : innerTopLeft, direction == 'extrude' ? outerTopLeft : innerBottomRight, direction == 'extrude' ? innerBottomRight : outerTopLeft, direction == 'extrude' ? innerTopLeft : outerBottomRight);
|
|
17
15
|
};
|
|
18
|
-
|
|
19
16
|
exports.createBorder = createBorder;
|
|
20
|
-
|
|
21
17
|
var border = function border() {
|
|
22
18
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
_ref2$direction = _ref2.direction,
|
|
20
|
+
direction = _ref2$direction === void 0 ? 'extrude' : _ref2$direction;
|
|
26
21
|
return createBorder({
|
|
27
22
|
direction: direction,
|
|
28
23
|
outerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref3) {
|
|
@@ -43,14 +38,11 @@ var border = function border() {
|
|
|
43
38
|
})
|
|
44
39
|
});
|
|
45
40
|
};
|
|
46
|
-
|
|
47
41
|
exports.border = border;
|
|
48
|
-
|
|
49
42
|
var windowBorder = function windowBorder() {
|
|
50
43
|
var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
44
|
+
_ref7$direction = _ref7.direction,
|
|
45
|
+
direction = _ref7$direction === void 0 ? 'extrude' : _ref7$direction;
|
|
54
46
|
return createBorder({
|
|
55
47
|
direction: direction,
|
|
56
48
|
outerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref8) {
|
|
@@ -71,14 +63,11 @@ var windowBorder = function windowBorder() {
|
|
|
71
63
|
})
|
|
72
64
|
});
|
|
73
65
|
};
|
|
74
|
-
|
|
75
66
|
exports.windowBorder = windowBorder;
|
|
76
|
-
|
|
77
67
|
var scrollBarBorder = function scrollBarBorder() {
|
|
78
68
|
var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
69
|
+
_ref12$direction = _ref12.direction,
|
|
70
|
+
direction = _ref12$direction === void 0 ? 'extrude' : _ref12$direction;
|
|
82
71
|
return createBorder({
|
|
83
72
|
direction: direction,
|
|
84
73
|
outerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref13) {
|
|
@@ -99,7 +88,6 @@ var scrollBarBorder = function scrollBarBorder() {
|
|
|
99
88
|
})
|
|
100
89
|
});
|
|
101
90
|
};
|
|
102
|
-
|
|
103
91
|
exports.scrollBarBorder = scrollBarBorder;
|
|
104
92
|
var _default = border;
|
|
105
93
|
exports["default"] = _default;
|
|
@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = require("@xstyled/styled-components");
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var _React95VideoNumbers = _interopRequireDefault(require("./font/React95Video-Numbers.woff2"));
|
|
19
|
-
|
|
20
|
-
var _React95VideoNumbers2 = _interopRequireDefault(require("./font/React95Video-Numbers.woff"));
|
|
21
|
-
|
|
22
|
-
var _React95VideoNumbers3 = _interopRequireDefault(require("./font/React95Video-Numbers.ttf"));
|
|
23
|
-
|
|
24
|
-
var _React95VideoNumbers4 = _interopRequireDefault(require("./font/React95Video-Numbers.eot"));
|
|
25
|
-
|
|
26
|
-
var _Scrollbar = require("./Scrollbar");
|
|
27
|
-
|
|
8
|
+
var _MSSansSerif = _interopRequireDefault(require("./font/MS-Sans-Serif.eot"));
|
|
9
|
+
var _MSSansSerif2 = _interopRequireDefault(require("./font/MS-Sans-Serif.ttf"));
|
|
10
|
+
var _MSSansSerif3 = _interopRequireDefault(require("./font/MS-Sans-Serif.woff"));
|
|
11
|
+
var _MSSansSerif4 = _interopRequireDefault(require("./font/MS-Sans-Serif.woff2"));
|
|
12
|
+
var _React95VideoNumbers = _interopRequireDefault(require("./font/React95Video-Numbers.eot"));
|
|
13
|
+
var _React95VideoNumbers2 = _interopRequireDefault(require("./font/React95Video-Numbers.ttf"));
|
|
14
|
+
var _React95VideoNumbers3 = _interopRequireDefault(require("./font/React95Video-Numbers.woff"));
|
|
15
|
+
var _React95VideoNumbers4 = _interopRequireDefault(require("./font/React95Video-Numbers.woff2"));
|
|
28
16
|
var _Cursor = _interopRequireDefault(require("../Cursor/Cursor"));
|
|
29
|
-
|
|
17
|
+
var _Scrollbar = require("./Scrollbar");
|
|
30
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
-
|
|
32
|
-
var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["\n @font-face {\n font-family: 'MS Sans Serif';\n src: url('", "');\n src: url('", "') format('woff2'),\n url('", "') format('woff'),\n url('", "') format('truetype'),\n url('", "?#iefix') format('embedded-opentype');\n font-weight: normal;\n font-style: normal;\n }\n\n @font-face {\n font-family: 'React95Video-Numbers';\n src: url('", "');\n src: url('", "') format('woff2'),\n url('", "') format('woff'),\n url('", "') format('truetype'),\n url('", "?#iefix') format('embedded-opentype');\n font-weight: normal;\n font-style: normal;\n }\n\n body {\n background-color: #5aa;\n margin: 0;\n padding: 0;\n font-size: 12px;\n color: materialText;\n }\n\n a {\n color: anchor;\n }\n\n a:visited {\n color: anchorVisited;\n }\n\n * {\n font-family: 'MS Sans Serif';\n box-sizing: border-box;\n }\n\n // scrollbar\n ", "\n\n html, .auto, * { ", " }\n .default { ", " }\n .none { ", " }\n .help { ", " }\n .pointer, :any-link { ", " }\n .progress { ", " }\n .wait { ", " }\n .crosshair { ", " }\n .text { ", " }\n .vertical-text { ", " }\n .alias { ", " }\n .copy { ", " }\n .move { ", " }\n .no-drop { ", " }\n .not-allowed { ", " }\n .grab { ", " }\n .grabbing { ", " }\n .col-resize { ", " }\n .row-resize { ", " }\n .n-resize { ", " }\n .e-resize { ", " }\n .s-resize { ", " }\n .w-resize { ", " }\n .ns-resize { ", " }\n .ew-resize { ", " }\n .ne-resize { ", " }\n .nw-resize { ", " }\n .se-resize { ", " }\n .sw-resize { ", " }\n .nesw-resize { ", " }\n .nwse-resize { ", " }\n .zoom-in { ", " }\n .zoom-out { ", " }\n"], _MSSansSerif4["default"], _MSSansSerif["default"], _MSSansSerif2["default"], _MSSansSerif3["default"], _MSSansSerif4["default"], _React95VideoNumbers4["default"], _React95VideoNumbers["default"], _React95VideoNumbers2["default"], _React95VideoNumbers3["default"], _React95VideoNumbers4["default"], _Scrollbar.scrollbars, _Cursor["default"].Auto, _Cursor["default"].Auto, _Cursor["default"].None, _Cursor["default"].Help, _Cursor["default"].Pointer, _Cursor["default"].Progress, _Cursor["default"].Wait, _Cursor["default"].Crosshair, _Cursor["default"].Text, _Cursor["default"].VerticalText, _Cursor["default"].Alias, _Cursor["default"].Copy, _Cursor["default"].Move, _Cursor["default"].NoDrop, _Cursor["default"].NotAllowed, _Cursor["default"].Grab, _Cursor["default"].Grabbing, _Cursor["default"].ColResize, _Cursor["default"].RowResize, _Cursor["default"].NResize, _Cursor["default"].EResize, _Cursor["default"].SResize, _Cursor["default"].WResize, _Cursor["default"].NsResize, _Cursor["default"].EwResize, _Cursor["default"].NeResize, _Cursor["default"].NwResize, _Cursor["default"].SeResize, _Cursor["default"].SwResize, _Cursor["default"].NeswResize, _Cursor["default"].NwseResize, _Cursor["default"].ZoomIn, _Cursor["default"].ZoomOut);
|
|
19
|
+
var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["\n @font-face {\n font-family: 'MS Sans Serif';\n src: url('", "');\n src: url('", "') format('woff2'),\n url('", "') format('woff'),\n url('", "') format('truetype'),\n url('", "?#iefix') format('embedded-opentype');\n font-weight: normal;\n font-style: normal;\n }\n\n @font-face {\n font-family: 'React95Video-Numbers';\n src: url('", "');\n src: url('", "') format('woff2'),\n url('", "') format('woff'),\n url('", "') format('truetype'),\n url('", "?#iefix') format('embedded-opentype');\n font-weight: normal;\n font-style: normal;\n }\n\n body {\n background-color: #5aa;\n margin: 0;\n padding: 0;\n font-size: 12px;\n color: materialText;\n }\n\n a {\n color: anchor;\n }\n\n a:visited {\n color: anchorVisited;\n }\n\n * {\n font-family: 'MS Sans Serif';\n box-sizing: border-box;\n }\n\n // scrollbar\n ", "\n\n html, .auto, * { ", " }\n .default { ", " }\n .none { ", " }\n .help { ", " }\n .pointer, :any-link { ", " }\n .progress { ", " }\n .wait { ", " }\n .crosshair { ", " }\n .text { ", " }\n .vertical-text { ", " }\n .alias { ", " }\n .copy { ", " }\n .move { ", " }\n .no-drop { ", " }\n .not-allowed { ", " }\n .grab { ", " }\n .grabbing { ", " }\n .col-resize { ", " }\n .row-resize { ", " }\n .n-resize { ", " }\n .e-resize { ", " }\n .s-resize { ", " }\n .w-resize { ", " }\n .ns-resize { ", " }\n .ew-resize { ", " }\n .ne-resize { ", " }\n .nw-resize { ", " }\n .se-resize { ", " }\n .sw-resize { ", " }\n .nesw-resize { ", " }\n .nwse-resize { ", " }\n .zoom-in { ", " }\n .zoom-out { ", " }\n"], _MSSansSerif["default"], _MSSansSerif4["default"], _MSSansSerif3["default"], _MSSansSerif2["default"], _MSSansSerif["default"], _React95VideoNumbers["default"], _React95VideoNumbers4["default"], _React95VideoNumbers3["default"], _React95VideoNumbers2["default"], _React95VideoNumbers["default"], _Scrollbar.scrollbars, _Cursor["default"].Auto, _Cursor["default"].Auto, _Cursor["default"].None, _Cursor["default"].Help, _Cursor["default"].Pointer, _Cursor["default"].Progress, _Cursor["default"].Wait, _Cursor["default"].Crosshair, _Cursor["default"].Text, _Cursor["default"].VerticalText, _Cursor["default"].Alias, _Cursor["default"].Copy, _Cursor["default"].Move, _Cursor["default"].NoDrop, _Cursor["default"].NotAllowed, _Cursor["default"].Grab, _Cursor["default"].Grabbing, _Cursor["default"].ColResize, _Cursor["default"].RowResize, _Cursor["default"].NResize, _Cursor["default"].EResize, _Cursor["default"].SResize, _Cursor["default"].WResize, _Cursor["default"].NsResize, _Cursor["default"].EwResize, _Cursor["default"].NeResize, _Cursor["default"].NwResize, _Cursor["default"].SeResize, _Cursor["default"].SwResize, _Cursor["default"].NeswResize, _Cursor["default"].NwseResize, _Cursor["default"].ZoomIn, _Cursor["default"].ZoomOut);
|
|
33
20
|
var _default = GlobalStyle;
|
|
34
21
|
exports["default"] = _default;
|
|
@@ -4,31 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.scrollbars = exports.createTriangleSVG = exports.createHatchedBackground = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = require("styled-components");
|
|
9
|
-
|
|
10
8
|
var _Borders = require("./Borders");
|
|
11
|
-
|
|
12
9
|
var createTriangleSVG = function createTriangleSVG(color) {
|
|
13
10
|
var angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
14
11
|
var svg = "<svg height=\"21\" width=\"21\" viewBox=\"0 0 21 21\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <g transform=\"rotate(".concat(angle, " 13 13)\">\n <polygon fill=\"").concat(color, "\" points=\"6,10 20,10 13,17\"/>\n </g>\n </svg>");
|
|
15
12
|
var encoded = typeof window != 'undefined' ? window.btoa(svg) : '';
|
|
16
13
|
return "url(data:image/svg+xml;base64,".concat(encoded, ")");
|
|
17
|
-
};
|
|
18
|
-
|
|
14
|
+
};
|
|
19
15
|
|
|
16
|
+
// TODO for flat box styles add checkered background when disabled (not solid color)
|
|
20
17
|
exports.createTriangleSVG = createTriangleSVG;
|
|
21
|
-
|
|
22
18
|
var createHatchedBackground = function createHatchedBackground(_ref) {
|
|
23
19
|
var _ref$mainColor = _ref.mainColor,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
mainColor = _ref$mainColor === void 0 ? 'black' : _ref$mainColor,
|
|
21
|
+
_ref$secondaryColor = _ref.secondaryColor,
|
|
22
|
+
secondaryColor = _ref$secondaryColor === void 0 ? 'transparent' : _ref$secondaryColor,
|
|
23
|
+
_ref$pixelSize = _ref.pixelSize,
|
|
24
|
+
pixelSize = _ref$pixelSize === void 0 ? 2 : _ref$pixelSize;
|
|
29
25
|
return (0, _styledComponents.css)(["\n background-image: ", ";\n background-color: ", ";\n background-size: ", ";\n background-position: 0 0, ", ";\n"], ["linear-gradient(\n 45deg,\n ".concat(mainColor, " 25%,\n transparent 25%,\n transparent 75%,\n ").concat(mainColor, " 75%\n )"), "linear-gradient(\n 45deg,\n ".concat(mainColor, " 25%,\n transparent 25%,\n transparent 75%,\n ").concat(mainColor, " 75%\n )")].join(','), secondaryColor, "".concat(pixelSize * 2, "px ").concat(pixelSize * 2, "px"), "".concat(pixelSize, "px ").concat(pixelSize, "px"));
|
|
30
26
|
};
|
|
31
|
-
|
|
32
27
|
exports.createHatchedBackground = createHatchedBackground;
|
|
33
28
|
var scrollbars = (0, _styledComponents.css)(["\n ::-webkit-scrollbar {\n width: 17;\n height: 17;\n }\n ::-webkit-scrollbar-track {\n ", "\n }\n ::-webkit-scrollbar-thumb {\n box-sizing: border-box;\n display: inline-block;\n background: ", ";\n color: ", ";\n ", "\n }\n\n ::-webkit-scrollbar-corner {\n background-color: ", ";\n }\n ::-webkit-scrollbar-button {\n box-sizing: border-box;\n display: inline-block;\n background: ", ";\n color: ", ";\n ", "\n display: block;\n outline-offset: -2px;\n height: 17;\n width: 17;\n background-repeat: no-repeat;\n background-size: 80%;\n background-position: 0 0;\n }\n ::-webkit-scrollbar-button:active,\n ::-webkit-scrollbar-button:active {\n background-position: 0 1;\n ", "\n }\n\n ::-webkit-scrollbar-button:horizontal:increment:start,\n ::-webkit-scrollbar-button:horizontal:decrement:end,\n ::-webkit-scrollbar-button:vertical:increment:start,\n ::-webkit-scrollbar-button:vertical:decrement:end {\n display: none;\n }\n\n ::-webkit-scrollbar-button:horizontal:decrement {\n background-image: ", ";\n }\n\n ::-webkit-scrollbar-button:horizontal:increment {\n background-image: ", ";\n }\n\n ::-webkit-scrollbar-button:vertical:decrement {\n background-image: ", ";\n }\n\n ::-webkit-scrollbar-button:vertical:increment {\n background-image: ", ";\n }\n"], function (_ref2) {
|
|
34
29
|
var theme = _ref2.theme;
|
package/cjs/GlobalStyle/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _GlobalStyle = _interopRequireDefault(require("./GlobalStyle"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _GlobalStyle["default"];
|
|
13
10
|
exports["default"] = _default;
|