@react95/core 6.0.1 → 6.0.4
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/shared/test/utils.d.ts +2 -2
- package/cjs/Alert/Alert.js +4 -4
- package/cjs/Avatar/Avatar.js +5 -5
- package/cjs/Button/Button.js +1 -1
- package/cjs/Checkbox/Checkbox.js +6 -6
- package/cjs/Cursor/Cursor.js +1 -1
- package/cjs/Dropdown/Dropdown.js +3 -3
- package/cjs/Fieldset/Fieldset.js +3 -3
- package/cjs/GlobalStyle/Borders.js +13 -13
- package/cjs/GlobalStyle/GlobalStyle.js +1 -1
- package/cjs/GlobalStyle/Scrollbar.js +2 -2
- package/cjs/Input/Input.js +1 -1
- package/cjs/List/List.js +1 -1
- package/cjs/List/ListDivider.js +1 -1
- package/cjs/List/ListItem.js +3 -3
- package/cjs/Modal/Modal.js +8 -8
- package/cjs/ProgressBar/ProgressBar.js +6 -6
- package/cjs/RadioButton/RadioButton.js +6 -6
- package/cjs/Range/Range.js +3 -3
- package/cjs/Tabs/Tab.js +3 -3
- package/cjs/Tabs/Tabs.js +3 -3
- package/cjs/TaskBar/Clock.js +2 -2
- package/cjs/TaskBar/TaskBar.js +1 -1
- package/cjs/TaskBar/WindowButton.js +4 -4
- package/cjs/TextArea/TextArea.js +2 -2
- package/cjs/TitleBar/TitleBar.js +4 -4
- package/cjs/Tooltip/Tooltip.js +3 -3
- package/cjs/Tree/Node.js +7 -7
- package/cjs/Tree/Tree.js +2 -2
- package/cjs/Video/Video.js +9 -9
- package/cjs/Video/buttons/Fullscreen.js +1 -1
- package/cjs/Video/buttons/Pause.js +1 -1
- package/cjs/Video/buttons/Play.js +1 -1
- package/cjs/Video/buttons/Stop.js +1 -1
- package/cjs/shared/test/utils.js +102 -0
- package/esm/Alert/Alert.js +4 -4
- package/esm/Avatar/Avatar.js +5 -5
- package/esm/Button/Button.js +1 -1
- package/esm/Checkbox/Checkbox.js +6 -6
- package/esm/Cursor/Cursor.js +1 -1
- package/esm/Dropdown/Dropdown.js +3 -3
- package/esm/Fieldset/Fieldset.js +3 -3
- package/esm/GlobalStyle/Borders.js +13 -13
- package/esm/GlobalStyle/GlobalStyle.js +1 -1
- package/esm/GlobalStyle/Scrollbar.js +2 -2
- package/esm/Input/Input.js +1 -1
- package/esm/List/List.js +1 -1
- package/esm/List/ListDivider.js +1 -1
- package/esm/List/ListItem.js +3 -3
- package/esm/Modal/Modal.js +8 -8
- package/esm/ProgressBar/ProgressBar.js +6 -6
- package/esm/RadioButton/RadioButton.js +6 -6
- package/esm/Range/Range.js +3 -3
- package/esm/Tabs/Tab.js +3 -3
- package/esm/Tabs/Tabs.js +3 -3
- package/esm/TaskBar/Clock.js +2 -2
- package/esm/TaskBar/TaskBar.js +1 -1
- package/esm/TaskBar/WindowButton.js +4 -4
- package/esm/TextArea/TextArea.js +2 -2
- package/esm/TitleBar/TitleBar.js +4 -4
- package/esm/Tooltip/Tooltip.js +3 -3
- package/esm/Tree/Node.js +7 -7
- package/esm/Tree/Tree.js +2 -2
- package/esm/Video/Video.js +9 -9
- package/esm/Video/buttons/Fullscreen.js +1 -1
- package/esm/Video/buttons/Pause.js +1 -1
- package/esm/Video/buttons/Play.js +1 -1
- package/esm/Video/buttons/Stop.js +1 -1
- package/esm/shared/test/utils.js +75 -0
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RenderOptions, RenderResult } from '@testing-library/react';
|
|
2
|
-
declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions
|
|
3
|
-
declare const waitRender: (ui: React.ReactElement, options?: Omit<RenderOptions
|
|
2
|
+
declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
|
|
3
|
+
declare const waitRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => Promise<RenderResult>;
|
|
4
4
|
export * from '@testing-library/react';
|
|
5
5
|
export { customRender as render, waitRender };
|
package/cjs/Alert/Alert.js
CHANGED
|
@@ -23,7 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
23
23
|
|
|
24
24
|
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
25
|
|
|
26
|
-
function _extends() { _extends = Object.assign
|
|
26
|
+
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
27
|
|
|
28
28
|
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
29
|
|
|
@@ -62,17 +62,17 @@ var RenderImage = function RenderImage(_ref) {
|
|
|
62
62
|
var Message = _styledComponents["default"].div.withConfig({
|
|
63
63
|
displayName: "Alert__Message",
|
|
64
64
|
componentId: "sc-1y8aa45-0"
|
|
65
|
-
})(["display:flex
|
|
65
|
+
})(["\n display: flex;\n align-items: center;\n justify-content: center;\n"]);
|
|
66
66
|
|
|
67
67
|
var IconWrapper = _styledComponents["default"].div.withConfig({
|
|
68
68
|
displayName: "Alert__IconWrapper",
|
|
69
69
|
componentId: "sc-1y8aa45-1"
|
|
70
|
-
})(["padding:7 15 7 7
|
|
70
|
+
})(["\n padding: 7 15 7 7;\n"]);
|
|
71
71
|
|
|
72
72
|
var Dialog = _styledComponents["default"].div.withConfig({
|
|
73
73
|
displayName: "Alert__Dialog",
|
|
74
74
|
componentId: "sc-1y8aa45-2"
|
|
75
|
-
})(["display:flex
|
|
75
|
+
})(["\n display: flex;\n flex-direction: row;\n"]);
|
|
76
76
|
|
|
77
77
|
var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
78
78
|
var _ref2$type = _ref2.type,
|
package/cjs/Avatar/Avatar.js
CHANGED
|
@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
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
23
|
|
|
24
|
-
function _extends() { _extends = Object.assign
|
|
24
|
+
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
25
|
|
|
26
26
|
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
27
|
|
|
@@ -30,19 +30,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
30
30
|
var Image = _styledComponents["default"].img.withConfig({
|
|
31
31
|
displayName: "Avatar__Image",
|
|
32
32
|
componentId: "sc-1crmc5x-0"
|
|
33
|
-
})(["max-width:100
|
|
33
|
+
})(["\n max-width: 100%;\n"]);
|
|
34
34
|
|
|
35
35
|
var StyledAvatar = (0, _styledComponents["default"])(_Frame["default"]).withConfig({
|
|
36
36
|
displayName: "Avatar__StyledAvatar",
|
|
37
37
|
componentId: "sc-1crmc5x-1"
|
|
38
|
-
})(["display:flex
|
|
38
|
+
})(["\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) {
|
|
39
39
|
var circle = _ref.circle,
|
|
40
40
|
_ref$size = _ref.size,
|
|
41
41
|
size = _ref$size === void 0 ? 48 : _ref$size;
|
|
42
|
-
return (0, _styledComponents.css)(["border-radius:", "
|
|
42
|
+
return (0, _styledComponents.css)(["\n border-radius: ", ";\n\n width: ", ";\n height: ", ";\n "], circle ? '50%' : 0, size, size);
|
|
43
43
|
}, function (_ref2) {
|
|
44
44
|
var circle = _ref2.circle;
|
|
45
|
-
return circle ? (0, _styledComponents.css)(["border-style:solid
|
|
45
|
+
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 "]);
|
|
46
46
|
});
|
|
47
47
|
var Avatar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
|
|
48
48
|
var src = _ref3.src,
|
package/cjs/Button/Button.js
CHANGED
|
@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
16
16
|
var Button = _styledComponents["default"].button.withConfig({
|
|
17
17
|
displayName: "Button",
|
|
18
18
|
componentId: "sc-1wi1b4u-0"
|
|
19
|
-
})(["background-color:material
|
|
19
|
+
})(["\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
20
|
|
|
21
21
|
Button.defaultProps = {
|
|
22
22
|
children: 'Ok'
|
package/cjs/Checkbox/Checkbox.js
CHANGED
|
@@ -23,7 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
23
23
|
|
|
24
24
|
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
25
|
|
|
26
|
-
function _extends() { _extends = Object.assign
|
|
26
|
+
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
27
|
|
|
28
28
|
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
29
|
|
|
@@ -32,28 +32,28 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
32
32
|
var Icon = _styledComponents["default"].span.withConfig({
|
|
33
33
|
displayName: "Checkbox__Icon",
|
|
34
34
|
componentId: "sc-18k8gti-0"
|
|
35
|
-
})(["width:12px
|
|
35
|
+
})(["\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
36
|
|
|
37
37
|
var Text = _styledComponents["default"].span.withConfig({
|
|
38
38
|
displayName: "Checkbox__Text",
|
|
39
39
|
componentId: "sc-18k8gti-1"
|
|
40
|
-
})(["padding:1
|
|
40
|
+
})(["\n padding: 1;\n user-select: none;\n"]);
|
|
41
41
|
|
|
42
42
|
var Field = _styledComponents["default"].input.attrs({
|
|
43
43
|
type: 'checkbox'
|
|
44
44
|
}).withConfig({
|
|
45
45
|
displayName: "Checkbox__Field",
|
|
46
46
|
componentId: "sc-18k8gti-2"
|
|
47
|
-
})(["width:12px
|
|
47
|
+
})(["\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
48
|
|
|
49
49
|
Field.displayName = 'Field';
|
|
50
50
|
|
|
51
51
|
var Label = _styledComponents["default"].label.withConfig({
|
|
52
52
|
displayName: "Checkbox__Label",
|
|
53
53
|
componentId: "sc-18k8gti-3"
|
|
54
|
-
})(["display:inline-block
|
|
54
|
+
})(["\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) {
|
|
55
55
|
var disabled = _ref.disabled;
|
|
56
|
-
return disabled && (0, _styledComponents.css)(["color:borderDark
|
|
56
|
+
return disabled && (0, _styledComponents.css)(["\n color: borderDark;\n text-shadow: 0.5px 0.5px ", ";\n "], (0, _styledComponents.th)('colors.borderLight'));
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
package/cjs/Cursor/Cursor.js
CHANGED
|
@@ -115,7 +115,7 @@ var toKebabCase = function toKebabCase(str) {
|
|
|
115
115
|
};
|
|
116
116
|
|
|
117
117
|
var Cursor = Object.keys(cursors).reduce(function (all, cur) {
|
|
118
|
-
return Object.assign(all, _defineProperty({}, cur, (0, _styledComponents.css)(["cursor:", " ", "
|
|
118
|
+
return Object.assign(all, _defineProperty({}, cur, (0, _styledComponents.css)(["\n cursor: ", " ", ";\n "], cursors[cur] && "url(".concat(cursors[cur], "), "), toKebabCase(cur))));
|
|
119
119
|
}, {});
|
|
120
120
|
var _default = Cursor;
|
|
121
121
|
exports["default"] = _default;
|
package/cjs/Dropdown/Dropdown.js
CHANGED
|
@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
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
23
|
|
|
24
|
-
function _extends() { _extends = Object.assign
|
|
24
|
+
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
25
|
|
|
26
26
|
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
27
|
|
|
@@ -30,12 +30,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
30
30
|
var Wrapper = _styledComponents["default"].div.withConfig({
|
|
31
31
|
displayName: "Dropdown__Wrapper",
|
|
32
32
|
componentId: "sc-1rfrh0u-0"
|
|
33
|
-
})(["position:relative
|
|
33
|
+
})(["\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
34
|
|
|
35
35
|
var Select = _styledComponents["default"].select.withConfig({
|
|
36
36
|
displayName: "Dropdown__Select",
|
|
37
37
|
componentId: "sc-1rfrh0u-1"
|
|
38
|
-
})(["position:relative
|
|
38
|
+
})(["\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
39
|
|
|
40
40
|
var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
41
41
|
var options = _ref.options,
|
package/cjs/Fieldset/Fieldset.js
CHANGED
|
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
18
18
|
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
19
|
|
|
20
|
-
function _extends() { _extends = Object.assign
|
|
20
|
+
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
21
|
|
|
22
22
|
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
23
|
|
|
@@ -26,12 +26,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
26
26
|
var Field = _styledComponents["default"].fieldset.withConfig({
|
|
27
27
|
displayName: "Fieldset__Field",
|
|
28
28
|
componentId: "sc-15a7lpx-0"
|
|
29
|
-
})(["border-top-style:groove
|
|
29
|
+
})(["\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
30
|
|
|
31
31
|
var Legend = _styledComponents["default"].legend.withConfig({
|
|
32
32
|
displayName: "Fieldset__Legend",
|
|
33
33
|
componentId: "sc-15a7lpx-1"
|
|
34
|
-
})(["padding-left:4px
|
|
34
|
+
})(["\n padding-left: 4px;\n padding-right: 1px;\n"]);
|
|
35
35
|
|
|
36
36
|
var Fieldset = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
37
37
|
var legend = _ref.legend,
|
|
@@ -13,7 +13,7 @@ var createBorder = function createBorder(_ref) {
|
|
|
13
13
|
innerTopLeft = _ref.innerTopLeft,
|
|
14
14
|
outerBottomRight = _ref.outerBottomRight,
|
|
15
15
|
innerBottomRight = _ref.innerBottomRight;
|
|
16
|
-
return (0, _styledComponents.css)(["border:0
|
|
16
|
+
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
17
|
};
|
|
18
18
|
|
|
19
19
|
exports.createBorder = createBorder;
|
|
@@ -25,19 +25,19 @@ var border = function border() {
|
|
|
25
25
|
|
|
26
26
|
return createBorder({
|
|
27
27
|
direction: direction,
|
|
28
|
-
outerBottomRight: (0, _styledComponents.css)(["", ""], function (_ref3) {
|
|
28
|
+
outerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref3) {
|
|
29
29
|
var theme = _ref3.theme;
|
|
30
30
|
return theme.colors.borderDarkest;
|
|
31
31
|
}),
|
|
32
|
-
innerBottomRight: (0, _styledComponents.css)(["", ""], function (_ref4) {
|
|
32
|
+
innerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref4) {
|
|
33
33
|
var theme = _ref4.theme;
|
|
34
34
|
return theme.colors.borderDark;
|
|
35
35
|
}),
|
|
36
|
-
outerTopLeft: (0, _styledComponents.css)(["", ""], function (_ref5) {
|
|
36
|
+
outerTopLeft: (0, _styledComponents.css)(["\n ", "\n "], function (_ref5) {
|
|
37
37
|
var theme = _ref5.theme;
|
|
38
38
|
return theme.colors.borderLightest;
|
|
39
39
|
}),
|
|
40
|
-
innerTopLeft: (0, _styledComponents.css)(["", ""], function (_ref6) {
|
|
40
|
+
innerTopLeft: (0, _styledComponents.css)(["\n ", "\n "], function (_ref6) {
|
|
41
41
|
var theme = _ref6.theme;
|
|
42
42
|
return theme.colors.borderLight;
|
|
43
43
|
})
|
|
@@ -53,19 +53,19 @@ var windowBorder = function windowBorder() {
|
|
|
53
53
|
|
|
54
54
|
return createBorder({
|
|
55
55
|
direction: direction,
|
|
56
|
-
outerBottomRight: (0, _styledComponents.css)(["", ""], function (_ref8) {
|
|
56
|
+
outerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref8) {
|
|
57
57
|
var theme = _ref8.theme;
|
|
58
58
|
return theme.colors.borderDarkest;
|
|
59
59
|
}),
|
|
60
|
-
innerBottomRight: (0, _styledComponents.css)(["", ""], function (_ref9) {
|
|
60
|
+
innerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref9) {
|
|
61
61
|
var theme = _ref9.theme;
|
|
62
62
|
return theme.colors.borderDark;
|
|
63
63
|
}),
|
|
64
|
-
outerTopLeft: (0, _styledComponents.css)(["", ""], function (_ref10) {
|
|
64
|
+
outerTopLeft: (0, _styledComponents.css)(["\n ", "\n "], function (_ref10) {
|
|
65
65
|
var theme = _ref10.theme;
|
|
66
66
|
return theme.colors.borderLight;
|
|
67
67
|
}),
|
|
68
|
-
innerTopLeft: (0, _styledComponents.css)(["", ""], function (_ref11) {
|
|
68
|
+
innerTopLeft: (0, _styledComponents.css)(["\n ", "\n "], function (_ref11) {
|
|
69
69
|
var theme = _ref11.theme;
|
|
70
70
|
return theme.colors.borderLightest;
|
|
71
71
|
})
|
|
@@ -81,19 +81,19 @@ var scrollBarBorder = function scrollBarBorder() {
|
|
|
81
81
|
|
|
82
82
|
return createBorder({
|
|
83
83
|
direction: direction,
|
|
84
|
-
outerBottomRight: (0, _styledComponents.css)(["", ""], function (_ref13) {
|
|
84
|
+
outerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref13) {
|
|
85
85
|
var theme = _ref13.theme;
|
|
86
86
|
return theme.colors.borderDarkest;
|
|
87
87
|
}),
|
|
88
|
-
innerBottomRight: (0, _styledComponents.css)(["", ""], function (_ref14) {
|
|
88
|
+
innerBottomRight: (0, _styledComponents.css)(["\n ", "\n "], function (_ref14) {
|
|
89
89
|
var theme = _ref14.theme;
|
|
90
90
|
return theme.colors.borderDark;
|
|
91
91
|
}),
|
|
92
|
-
outerTopLeft: (0, _styledComponents.css)(["", ""], function (_ref15) {
|
|
92
|
+
outerTopLeft: (0, _styledComponents.css)(["\n ", "\n "], function (_ref15) {
|
|
93
93
|
var theme = _ref15.theme;
|
|
94
94
|
return theme.colors.borderLight;
|
|
95
95
|
}),
|
|
96
|
-
innerTopLeft: (0, _styledComponents.css)(["", ""], function (_ref16) {
|
|
96
|
+
innerTopLeft: (0, _styledComponents.css)(["\n ", "\n "], function (_ref16) {
|
|
97
97
|
var theme = _ref16.theme;
|
|
98
98
|
return theme.colors.borderLightest;
|
|
99
99
|
})
|
|
@@ -29,6 +29,6 @@ var _Cursor = _interopRequireDefault(require("../Cursor/Cursor"));
|
|
|
29
29
|
|
|
30
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
31
|
|
|
32
|
-
var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["@font-face{font-family:'MS Sans Serif'
|
|
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);
|
|
33
33
|
var _default = GlobalStyle;
|
|
34
34
|
exports["default"] = _default;
|
|
@@ -26,11 +26,11 @@ var createHatchedBackground = function createHatchedBackground(_ref) {
|
|
|
26
26
|
secondaryColor = _ref$secondaryColor === void 0 ? 'transparent' : _ref$secondaryColor,
|
|
27
27
|
_ref$pixelSize = _ref.pixelSize,
|
|
28
28
|
pixelSize = _ref$pixelSize === void 0 ? 2 : _ref$pixelSize;
|
|
29
|
-
return (0, _styledComponents.css)(["background-image:", "
|
|
29
|
+
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
30
|
};
|
|
31
31
|
|
|
32
32
|
exports.createHatchedBackground = createHatchedBackground;
|
|
33
|
-
var scrollbars = (0, _styledComponents.css)(["::-webkit-scrollbar{width:17
|
|
33
|
+
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
34
|
var theme = _ref2.theme;
|
|
35
35
|
return createHatchedBackground({
|
|
36
36
|
mainColor: theme.colors.material,
|
package/cjs/Input/Input.js
CHANGED
|
@@ -14,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
14
14
|
var Input = _styledComponents["default"].input.withConfig({
|
|
15
15
|
displayName: "Input",
|
|
16
16
|
componentId: "sc-1thk6g5-0"
|
|
17
|
-
})(["outline:none
|
|
17
|
+
})(["\n outline: none;\n border: none;\n cursor: text;\n\n padding: 3 3 5 3;\n\n color: materialText;\n background-color: inputBackground;\n\n border-radius: 0;\n\n border-top-width: 1;\n border-top-style: 1;\n border-top-color: borderDark;\n\n border-right-width: 0;\n border-bottom-width: 0;\n\n border-left-width: 1;\n border-left-style: 1;\n border-left-color: borderDark;\n\n box-shadow: input;\n\n -webkit-appearance: none;\n\n ", "\n ", "\n ", "\n"], _styledSystem.padding, _styledSystem.borders, _styledSystem.shadow);
|
|
18
18
|
|
|
19
19
|
var _default = Input;
|
|
20
20
|
exports["default"] = _default;
|
package/cjs/List/List.js
CHANGED
|
@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
22
22
|
var StyledList = _styledComponents["default"].ul.withConfig({
|
|
23
23
|
displayName: "List__StyledList",
|
|
24
24
|
componentId: "sc-11tpq62-0"
|
|
25
|
-
})(["background-color:material
|
|
25
|
+
})(["\n background-color: material;\n padding: 5 20 6;\n border: none;\n\n margin: 0;\n padding: 2;\n list-style: none;\n\n box-shadow: inset 1px 1px 0px 1px ", ",\n inset 0 0 0 1px ", ",\n 1px 1px 0 1px ", ";\n\n ", ";\n"], (0, _styledComponents.th)('colors.borderLightest'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderDarkest'), function (_ref) {
|
|
26
26
|
var width = _ref.width;
|
|
27
27
|
return "\n width: ".concat(width, "px;\n ");
|
|
28
28
|
});
|
package/cjs/List/ListDivider.js
CHANGED
|
@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
12
12
|
var Divider = _styledComponents["default"].li.withConfig({
|
|
13
13
|
displayName: "ListDivider__Divider",
|
|
14
14
|
componentId: "sc-mgbvoj-0"
|
|
15
|
-
})(["height:1px
|
|
15
|
+
})(["\n height: 1px;\n border-top: 1;\n border-top-color: borderDark;\n border-bottom: 1;\n border-bottom-color: borderLightest;\n\n width: 98%;\n margin-left: 2;\n"]);
|
|
16
16
|
|
|
17
17
|
Divider.displayName = 'List.Divider';
|
|
18
18
|
var _default = Divider;
|
package/cjs/List/ListItem.js
CHANGED
|
@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
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
23
|
|
|
24
|
-
function _extends() { _extends = Object.assign
|
|
24
|
+
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
25
|
|
|
26
26
|
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
27
|
|
|
@@ -30,12 +30,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
30
30
|
var Item = _styledComponents["default"].li.withConfig({
|
|
31
31
|
displayName: "ListItem__Item",
|
|
32
32
|
componentId: "sc-1k1qq02-0"
|
|
33
|
-
})(["position:relative
|
|
33
|
+
})(["\n position: relative;\n\n display: flex;\n align-items: center;\n margin: 0;\n padding: 2 6;\n\n color: materialText;\n\n img {\n margin-right: 10;\n }\n\n &:hover {\n background-color: headerBackground;\n color: materialTextInvert;\n }\n\n ul {\n display: none;\n position: absolute;\n top: -2px;\n left: 97%;\n color: materialText;\n z-index: taskbar;\n\n img {\n width: 18px;\n height: 20px;\n margin-right: 6;\n }\n }\n\n svg {\n fill: materialTextInvert;\n }\n\n ", ";\n\n ", ";\n"], function (_ref) {
|
|
34
34
|
var icon = _ref.icon;
|
|
35
35
|
return !icon && 'padding-left: 26px;';
|
|
36
36
|
}, function (_ref2) {
|
|
37
37
|
var hasList = _ref2.hasList;
|
|
38
|
-
return hasList && (0, _styledComponents.css)(["&:after{position:absolute
|
|
38
|
+
return hasList && (0, _styledComponents.css)(["\n &:after {\n position: absolute;\n width: 5px;\n height: 8px;\n right: 8px;\n\n content: '';\n background-color: materialText;\n mask-image: url('", "');\n mask-position: center center;\n mask-size: 5px 8px;\n mask-repeat: no-repeat;\n }\n\n &:hover {\n &:after {\n background-color: materialTextInvert;\n }\n\n ul {\n display: block;\n }\n }\n "], _rightcaret["default"]);
|
|
39
39
|
});
|
|
40
40
|
|
|
41
41
|
var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
|
package/cjs/Modal/Modal.js
CHANGED
|
@@ -27,7 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
27
27
|
|
|
28
28
|
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; }
|
|
29
29
|
|
|
30
|
-
function _extends() { _extends = Object.assign
|
|
30
|
+
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); }
|
|
31
31
|
|
|
32
32
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
33
|
|
|
@@ -48,24 +48,24 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
48
48
|
var ModalWrapper = _styledComponents["default"].div.withConfig({
|
|
49
49
|
displayName: "Modal__ModalWrapper",
|
|
50
50
|
componentId: "sc-4ouk59-0"
|
|
51
|
-
})(["display:flex
|
|
51
|
+
})(["\n display: flex;\n flex-direction: column;\n\n position: fixed;\n\n padding: 2 2 8;\n\n top: 50px;\n\n background-color: material;\n\n box-shadow: inset 1px 1px 0px 1px ", ",\n inset 0 0 0 1px ", ",\n 1px 1px 0 1px ", ";\n\n ", "\n ", "\n"], (0, _styledComponents.th)('colors.borderLightest'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderDarkest'), function (_ref) {
|
|
52
52
|
var width = _ref.width,
|
|
53
53
|
height = _ref.height;
|
|
54
54
|
return "\n width: ".concat(width ? "".concat(width, "px") : 'auto', ";\n height: ").concat(height ? "".concat(height, "px") : 'auto', ";\n ");
|
|
55
55
|
}, function (_ref2) {
|
|
56
56
|
var active = _ref2.active;
|
|
57
|
-
return active ? (0, _styledComponents.css)(["z-index:modal
|
|
57
|
+
return active ? (0, _styledComponents.css)(["\n z-index: modal;\n "]) : '';
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
var Content = _styledComponents["default"].div.withConfig({
|
|
61
61
|
displayName: "Modal__Content",
|
|
62
62
|
componentId: "sc-4ouk59-1"
|
|
63
|
-
})(["flex-grow:1
|
|
63
|
+
})(["\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n\n padding: 6;\n"]);
|
|
64
64
|
|
|
65
65
|
var ButtonWrapper = _styledComponents["default"].div.withConfig({
|
|
66
66
|
displayName: "Modal__ButtonWrapper",
|
|
67
67
|
componentId: "sc-4ouk59-2"
|
|
68
|
-
})(["display:flex
|
|
68
|
+
})(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n\n padding: 0 6 6 6;\n\n & ", " {\n margin-right: 6;\n min-width: 70px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n"], function (_ref3) {
|
|
69
69
|
var _ref3$buttonsAlignmen = _ref3.buttonsAlignment,
|
|
70
70
|
buttonsAlignment = _ref3$buttonsAlignmen === void 0 ? 'center' : _ref3$buttonsAlignmen;
|
|
71
71
|
return buttonsAlignment;
|
|
@@ -74,14 +74,14 @@ var ButtonWrapper = _styledComponents["default"].div.withConfig({
|
|
|
74
74
|
var MenuWrapper = _styledComponents["default"].ul.withConfig({
|
|
75
75
|
displayName: "Modal__MenuWrapper",
|
|
76
76
|
componentId: "sc-4ouk59-3"
|
|
77
|
-
})(["display:flex
|
|
77
|
+
})(["\n display: flex;\n flex-direction: row;\n\n list-style: none;\n margin: 0;\n padding-left: 0;\n padding-bottom: 3;\n\n border-bottom-style: solid;\n border-width: 1;\n border-bottom-color: borderDark;\n\n box-shadow: 0 1px 0 0 ", ";\n"], (0, _styledComponents.th)('colors.borderLighter'));
|
|
78
78
|
|
|
79
79
|
var MenuItem = _styledComponents["default"].li.withConfig({
|
|
80
80
|
displayName: "Modal__MenuItem",
|
|
81
81
|
componentId: "sc-4ouk59-4"
|
|
82
|
-
})(["position:relative
|
|
82
|
+
})(["\n position: relative;\n padding-left: 6;\n padding-right: 6;\n\n user-select: none;\n\n ul {\n position: absolute;\n left: 0;\n color: ", ";\n }\n\n ", ";\n"], (0, _styledComponents.th)('colors.materialText'), function (_ref4) {
|
|
83
83
|
var active = _ref4.active;
|
|
84
|
-
return active && (0, _styledComponents.css)(["background-color:primary
|
|
84
|
+
return active && (0, _styledComponents.css)(["\n background-color: primary;\n color: materialTextInvert;\n "]);
|
|
85
85
|
});
|
|
86
86
|
|
|
87
87
|
MenuItem.displayName = 'MenuItem';
|
|
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
18
18
|
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
19
|
|
|
20
|
-
function _extends() { _extends = Object.assign
|
|
20
|
+
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
21
|
|
|
22
22
|
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
23
|
|
|
@@ -26,7 +26,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
26
26
|
var Wrapper = _styledComponents["default"].div.withConfig({
|
|
27
27
|
displayName: "ProgressBar__Wrapper",
|
|
28
28
|
componentId: "sc-1xpcki1-0"
|
|
29
|
-
})(["width:", "px
|
|
29
|
+
})(["\n width: ", "px;\n height: 20px;\n\n position: relative;\n\n text-align: center;\n"], function (_ref) {
|
|
30
30
|
var width = _ref.width;
|
|
31
31
|
return width;
|
|
32
32
|
});
|
|
@@ -34,15 +34,15 @@ var Wrapper = _styledComponents["default"].div.withConfig({
|
|
|
34
34
|
var WhiteBar = _styledComponents["default"].div.withConfig({
|
|
35
35
|
displayName: "ProgressBar__WhiteBar",
|
|
36
36
|
componentId: "sc-1xpcki1-1"
|
|
37
|
-
})(["width:", "px
|
|
37
|
+
})(["\n width: ", "px;\n height: 20px;\n line-height: 20px;\n\n border-left: 1;\n border-left-color: borderDark;\n\n border-top: 1;\n border-top-color: borderDark;\n\n background-color: inputBackground;\n color: materialText;\n\n ", "\n"], function (_ref2) {
|
|
38
38
|
var width = _ref2.width;
|
|
39
39
|
return width;
|
|
40
|
-
}, (0, _styledComponents.css)(["box-shadow:inset -1px -1px 0 0 ", "
|
|
40
|
+
}, (0, _styledComponents.css)(["\n box-shadow: inset -1px -1px 0 0 ", ",\n inset 1px 1px 0 0 ", ",\n 0.5px 0.5px 0 0.5px ", ";\n "], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('colors.borderLightest')));
|
|
41
41
|
|
|
42
42
|
var Container = _styledComponents["default"].div.withConfig({
|
|
43
43
|
displayName: "ProgressBar__Container",
|
|
44
44
|
componentId: "sc-1xpcki1-2"
|
|
45
|
-
})(["width:", "
|
|
45
|
+
})(["\n width: ", "%;\n\n position: absolute;\n top: 0;\n left: 0;\n\n overflow: hidden;\n"], function (_ref3) {
|
|
46
46
|
var percent = _ref3.percent;
|
|
47
47
|
return percent;
|
|
48
48
|
});
|
|
@@ -50,7 +50,7 @@ var Container = _styledComponents["default"].div.withConfig({
|
|
|
50
50
|
var Progress = _styledComponents["default"].div.withConfig({
|
|
51
51
|
displayName: "ProgressBar__Progress",
|
|
52
52
|
componentId: "sc-1xpcki1-3"
|
|
53
|
-
})(["width:", "px
|
|
53
|
+
})(["\n width: ", "px;\n height: 17px;\n line-height: 18px;\n\n margin-left: 2;\n margin-top: 2;\n\n background-color: progress;\n color: ", ";\n"], function (_ref4) {
|
|
54
54
|
var width = _ref4.width;
|
|
55
55
|
return width;
|
|
56
56
|
}, (0, _styledComponents.th)('colors.materialTextInvert'));
|