@monolith-forensics/monolith-ui 1.1.30 → 1.1.32
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/dist/Button/Button.js +11 -16
- package/dist/Button/index.js +1 -8
- package/dist/Calendar/Calendar.js +38 -66
- package/dist/Calendar/CalendarStyles.js +19 -25
- package/dist/Calendar/calendarHelpers.js +34 -46
- package/dist/Calendar/index.js +1 -8
- package/dist/CheckBox/CheckBox.js +9 -14
- package/dist/CheckBox/index.js +1 -8
- package/dist/DateInput/DateInput.js +46 -51
- package/dist/DateInput/index.js +1 -8
- package/dist/DropDownMenu/DropDownMenu.js +27 -32
- package/dist/DropDownMenu/index.js +1 -8
- package/dist/Error/Error.js +10 -15
- package/dist/Error/index.js +1 -8
- package/dist/FieldLabel/FieldLabel.js +8 -37
- package/dist/FieldLabel/index.js +1 -8
- package/dist/FileInputField/FileInputField.js +11 -16
- package/dist/FileInputField/index.js +1 -8
- package/dist/Flyout/Flyout.js +14 -18
- package/dist/Flyout/FlyoutHeader.js +3 -8
- package/dist/Flyout/FlyoutTitle.js +3 -8
- package/dist/Flyout/index.js +3 -12
- package/dist/FormSection/FormSection.js +8 -13
- package/dist/FormSection/index.js +1 -8
- package/dist/Grid/Grid.js +5 -10
- package/dist/Grid/index.js +1 -8
- package/dist/IconButton/IconButton.js +4 -9
- package/dist/IconButton/index.js +1 -8
- package/dist/Input/Input.js +6 -11
- package/dist/Input/index.js +1 -8
- package/dist/Modal/Modal.js +16 -20
- package/dist/Modal/index.js +1 -8
- package/dist/MonolithUIProvider/GlobalStyle.js +3 -5
- package/dist/MonolithUIProvider/MonolithUIProvider.js +14 -19
- package/dist/MonolithUIProvider/index.js +3 -12
- package/dist/MonolithUIProvider/useMonolithUITheme.js +4 -6
- package/dist/Pill/Pill.js +9 -14
- package/dist/Pill/index.js +1 -8
- package/dist/SelectBox/SelectBox.js +44 -50
- package/dist/SelectBox/index.js +1 -8
- package/dist/Switch/Switch.js +12 -39
- package/dist/Switch/index.js +1 -8
- package/dist/Table/Table.js +70 -78
- package/dist/Table/index.js +2 -10
- package/dist/TagBox/TagBox.js +40 -45
- package/dist/TagBox/TagBoxStyles.js +11 -17
- package/dist/TagBox/index.js +1 -8
- package/dist/TextArea/TextArea.js +4 -9
- package/dist/TextArea/index.js +1 -8
- package/dist/TextAreaInput/TextAreaInput.js +5 -7
- package/dist/TextAreaInput/index.js +1 -8
- package/dist/TextInput/TextInput.js +7 -12
- package/dist/TextInput/index.js +1 -8
- package/dist/Tooltip/Tooltip.js +6 -34
- package/dist/Tooltip/index.js +1 -8
- package/dist/core/ArrowButton.js +8 -13
- package/dist/core/ClearButton.js +8 -13
- package/dist/core/StyledContent.js +3 -8
- package/dist/core/StyledFloatContainer.js +3 -8
- package/dist/core/Types/Size.js +1 -2
- package/dist/core/Types/Variant.js +1 -2
- package/dist/core/index.js +4 -14
- package/dist/index.js +26 -59
- package/dist/theme/index.js +5 -9
- package/dist/theme/typography.js +1 -3
- package/dist/theme/variants.js +8 -14
- package/package.json +1 -1
- package/dist/Button/Button.d.ts +0 -19
- package/dist/Button/index.d.ts +0 -2
- package/dist/Calendar/Calendar.d.ts +0 -15
- package/dist/Calendar/CalendarStyles.d.ts +0 -36
- package/dist/Calendar/calendarHelpers.d.ts +0 -53
- package/dist/Calendar/index.d.ts +0 -1
- package/dist/CheckBox/CheckBox.d.ts +0 -13
- package/dist/CheckBox/index.d.ts +0 -1
- package/dist/DateInput/DateInput.d.ts +0 -24
- package/dist/DateInput/index.d.ts +0 -1
- package/dist/DropDownMenu/DropDownMenu.d.ts +0 -36
- package/dist/DropDownMenu/index.d.ts +0 -1
- package/dist/Error/Error.d.ts +0 -4
- package/dist/Error/index.d.ts +0 -1
- package/dist/FieldLabel/FieldLabel.d.ts +0 -19
- package/dist/FieldLabel/index.d.ts +0 -1
- package/dist/FileInputField/FileInputField.d.ts +0 -19
- package/dist/FileInputField/index.d.ts +0 -1
- package/dist/Flyout/Flyout.d.ts +0 -11
- package/dist/Flyout/FlyoutHeader.d.ts +0 -5
- package/dist/Flyout/FlyoutTitle.d.ts +0 -2
- package/dist/Flyout/index.d.ts +0 -3
- package/dist/FormSection/FormSection.d.ts +0 -9
- package/dist/FormSection/index.d.ts +0 -1
- package/dist/Grid/Grid.d.ts +0 -8
- package/dist/Grid/index.d.ts +0 -1
- package/dist/IconButton/IconButton.d.ts +0 -5
- package/dist/IconButton/index.d.ts +0 -1
- package/dist/Input/Input.d.ts +0 -21
- package/dist/Input/index.d.ts +0 -1
- package/dist/Modal/Modal.d.ts +0 -14
- package/dist/Modal/index.d.ts +0 -1
- package/dist/MonolithUIProvider/GlobalStyle.d.ts +0 -4
- package/dist/MonolithUIProvider/MonolithUIProvider.d.ts +0 -10
- package/dist/MonolithUIProvider/index.d.ts +0 -3
- package/dist/MonolithUIProvider/useMonolithUITheme.d.ts +0 -2
- package/dist/Pill/Pill.d.ts +0 -11
- package/dist/Pill/index.d.ts +0 -1
- package/dist/SelectBox/SelectBox.d.ts +0 -45
- package/dist/SelectBox/index.d.ts +0 -1
- package/dist/Switch/Switch.d.ts +0 -18
- package/dist/Switch/index.d.ts +0 -1
- package/dist/Table/Table.d.ts +0 -91
- package/dist/Table/index.d.ts +0 -2
- package/dist/TagBox/TagBox.d.ts +0 -39
- package/dist/TagBox/TagBoxStyles.d.ts +0 -11
- package/dist/TagBox/index.d.ts +0 -1
- package/dist/TextArea/TextArea.d.ts +0 -16
- package/dist/TextArea/index.d.ts +0 -1
- package/dist/TextAreaInput/TextAreaInput.d.ts +0 -19
- package/dist/TextAreaInput/index.d.ts +0 -1
- package/dist/TextInput/TextInput.d.ts +0 -13
- package/dist/TextInput/index.d.ts +0 -1
- package/dist/Tooltip/Tooltip.d.ts +0 -12
- package/dist/Tooltip/index.d.ts +0 -1
- package/dist/core/ArrowButton.d.ts +0 -6
- package/dist/core/ClearButton.d.ts +0 -6
- package/dist/core/MonolithThemeProvider.d.ts +0 -4
- package/dist/core/MonolithThemeProvider.js +0 -20
- package/dist/core/StyledContent.d.ts +0 -7
- package/dist/core/StyledFloatContainer.d.ts +0 -2
- package/dist/core/Types/Size.d.ts +0 -2
- package/dist/core/Types/Variant.d.ts +0 -2
- package/dist/core/index.d.ts +0 -6
- package/dist/index.d.ts +0 -26
- package/dist/theme/index.d.ts +0 -168
- package/dist/theme/typography.d.ts +0 -45
- package/dist/theme/variants.d.ts +0 -172
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.TagBoxOption = exports.TagBoxOptions = exports.TagKillButton = exports.TagText = exports.Tag = exports.TagBoxInput = exports.TagsContainer = exports.TagBoxInner = exports.TagBoxContainer = void 0;
|
|
7
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
-
const lucide_react_1 = require("lucide-react");
|
|
9
|
-
exports.TagBoxContainer = styled_components_1.default.div `
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { XIcon } from "lucide-react";
|
|
3
|
+
export const TagBoxContainer = styled.div `
|
|
10
4
|
width: 100%;
|
|
11
5
|
`;
|
|
12
|
-
|
|
6
|
+
export const TagBoxInner = styled.div `
|
|
13
7
|
height: 33px;
|
|
14
8
|
display: flex;
|
|
15
9
|
border: 1px solid ${(props) => props.theme.palette.input.border};
|
|
@@ -25,7 +19,7 @@ exports.TagBoxInner = styled_components_1.default.div `
|
|
|
25
19
|
border: 1px solid ${(props) => props.theme.palette.primary.main};
|
|
26
20
|
}
|
|
27
21
|
`;
|
|
28
|
-
|
|
22
|
+
export const TagsContainer = styled.div `
|
|
29
23
|
display: flex;
|
|
30
24
|
-webkit-box-align: center;
|
|
31
25
|
align-items: center;
|
|
@@ -33,7 +27,7 @@ exports.TagsContainer = styled_components_1.default.div `
|
|
|
33
27
|
margin-left: calc(-5px);
|
|
34
28
|
box-sizing: border-box;
|
|
35
29
|
`;
|
|
36
|
-
|
|
30
|
+
export const TagBoxInput = styled.input `
|
|
37
31
|
border: none;
|
|
38
32
|
outline: none;
|
|
39
33
|
width: 100%;
|
|
@@ -45,7 +39,7 @@ exports.TagBoxInput = styled_components_1.default.input `
|
|
|
45
39
|
outline: none;
|
|
46
40
|
}
|
|
47
41
|
`;
|
|
48
|
-
|
|
42
|
+
export const Tag = styled.div `
|
|
49
43
|
display: flex;
|
|
50
44
|
-webkit-box-align: center;
|
|
51
45
|
align-items: center;
|
|
@@ -62,7 +56,7 @@ exports.Tag = styled_components_1.default.div `
|
|
|
62
56
|
max-width: 120px;
|
|
63
57
|
margin: calc(3px) calc(5px);
|
|
64
58
|
`;
|
|
65
|
-
|
|
59
|
+
export const TagText = styled.div `
|
|
66
60
|
display: flex;
|
|
67
61
|
-webkit-box-align: center;
|
|
68
62
|
align-items: center;
|
|
@@ -80,7 +74,7 @@ exports.TagText = styled_components_1.default.div `
|
|
|
80
74
|
overflow: hidden;
|
|
81
75
|
text-overflow: ellipsis;
|
|
82
76
|
`;
|
|
83
|
-
|
|
77
|
+
export const TagKillButton = styled(XIcon) `
|
|
84
78
|
-webkit-tap-highlight-color: transparent;
|
|
85
79
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
|
|
86
80
|
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
@@ -109,5 +103,5 @@ exports.TagKillButton = (0, styled_components_1.default)(lucide_react_1.XIcon) `
|
|
|
109
103
|
color: rgb(255, 255, 255);
|
|
110
104
|
}
|
|
111
105
|
`;
|
|
112
|
-
|
|
113
|
-
|
|
106
|
+
export const TagBoxOptions = styled.div ``;
|
|
107
|
+
export const TagBoxOption = styled.div ``;
|
package/dist/TagBox/index.js
CHANGED
|
@@ -1,8 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var TagBox_1 = require("./TagBox");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TagBox_1).default; } });
|
|
1
|
+
export { default } from "./TagBox";
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
7
|
-
const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
|
|
8
|
-
const TextArea = (0, styled_components_1.default)(react_textarea_autosize_1.default) `
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import TextareaAutosize from "react-textarea-autosize";
|
|
3
|
+
const TextArea = styled(TextareaAutosize) `
|
|
9
4
|
outline: none;
|
|
10
5
|
resize: none;
|
|
11
6
|
padding: 10px;
|
|
@@ -78,4 +73,4 @@ const TextArea = (0, styled_components_1.default)(react_textarea_autosize_1.defa
|
|
|
78
73
|
: "12px"};
|
|
79
74
|
}
|
|
80
75
|
`;
|
|
81
|
-
|
|
76
|
+
export default TextArea;
|
package/dist/TextArea/index.js
CHANGED
|
@@ -1,8 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var TextArea_1 = require("./TextArea");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });
|
|
1
|
+
export { default } from "./TextArea";
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const __1 = require("..");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { TextArea, FieldLabel } from "..";
|
|
5
3
|
const TextAreaInput = ({ label, error, required, colSpan = 1, size = "sm", description, inputRef = null, maxRows = 6, minRows = 3, onHeightChange, cacheMeasurements, style, }) => {
|
|
6
|
-
return ((
|
|
4
|
+
return (_jsxs("div", { style: {
|
|
7
5
|
gridColumn: `span ${colSpan}`,
|
|
8
6
|
height: "fit-content",
|
|
9
|
-
}, children: [label && ((
|
|
7
|
+
}, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(TextArea, { ref: inputRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements, style: style })] }));
|
|
10
8
|
};
|
|
11
|
-
|
|
9
|
+
export default TextAreaInput;
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var TextAreaInput_1 = require("./TextAreaInput");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });
|
|
1
|
+
export { default } from "./TextAreaInput";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,17 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
19
|
-
const __1 = require("..");
|
|
20
|
-
const Input_1 = __importDefault(require("../Input/Input"));
|
|
21
|
-
const TextInput = (0, styled_components_1.default)((_a) => {
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import styled from "styled-components";
|
|
14
|
+
import { FieldLabel } from "..";
|
|
15
|
+
import Input from "../Input/Input";
|
|
16
|
+
const TextInput = styled((_a) => {
|
|
22
17
|
var { className, label, error, required, colSpan = 1, description, size = "sm" } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size"]);
|
|
23
|
-
return ((
|
|
18
|
+
return (_jsxs("div", { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(Input, Object.assign({ size: size }, rest))] }));
|
|
24
19
|
}) `
|
|
25
20
|
grid-column: span ${({ colSpan }) => colSpan || 1};
|
|
26
21
|
display: flex;
|
|
@@ -28,4 +23,4 @@ const TextInput = (0, styled_components_1.default)((_a) => {
|
|
|
28
23
|
justify-content: space-between;
|
|
29
24
|
width: 100%;
|
|
30
25
|
`;
|
|
31
|
-
|
|
26
|
+
export default TextInput;
|
package/dist/TextInput/index.js
CHANGED
|
@@ -1,8 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var TextInput_1 = require("./TextInput");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
|
|
1
|
+
export { default } from "./TextInput";
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -1,38 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
|
|
32
|
-
const Tooltip = (0, styled_components_1.default)(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
import * as RadixTooltip from "@radix-ui/react-tooltip";
|
|
4
|
+
const Tooltip = styled(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
|
|
33
5
|
if (!content)
|
|
34
6
|
return children;
|
|
35
|
-
return ((
|
|
7
|
+
return (_jsx(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: _jsxs(RadixTooltip.Root, { children: [_jsx(RadixTooltip.Trigger, { asChild: true, children: children }), _jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
|
|
36
8
|
}) `
|
|
37
9
|
pointer-events: none;
|
|
38
10
|
z-index: 999999;
|
|
@@ -50,4 +22,4 @@ const Tooltip = (0, styled_components_1.default)(({ className, children, content
|
|
|
50
22
|
margin-bottom: 5px;
|
|
51
23
|
}
|
|
52
24
|
`;
|
|
53
|
-
|
|
25
|
+
export default Tooltip;
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -1,8 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var Tooltip_1 = require("./Tooltip");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
|
|
1
|
+
export { default } from "./Tooltip";
|
package/dist/core/ArrowButton.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,16 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
-
const lucide_react_1 = require("lucide-react");
|
|
19
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
20
|
-
const ArrowIcon = (0, styled_components_1.default)((_a) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { ChevronDownIcon } from "lucide-react";
|
|
14
|
+
import styled from "styled-components";
|
|
15
|
+
const ArrowIcon = styled((_a) => {
|
|
21
16
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
22
|
-
return ((
|
|
17
|
+
return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(ChevronDownIcon, { size: 16 }) })));
|
|
23
18
|
}) `
|
|
24
19
|
color: ${(props) => props.theme.palette.text.secondary};
|
|
25
20
|
transition: transform 0.2s ease-in-out;
|
|
@@ -31,9 +26,9 @@ const ArrowIcon = (0, styled_components_1.default)((_a) => {
|
|
|
31
26
|
align-items: center;
|
|
32
27
|
justify-content: center;
|
|
33
28
|
`;
|
|
34
|
-
const ArrowButton = (
|
|
29
|
+
const ArrowButton = styled((_a) => {
|
|
35
30
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
36
|
-
return ((
|
|
31
|
+
return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ArrowIcon, {}) })));
|
|
37
32
|
}) `
|
|
38
33
|
position: absolute;
|
|
39
34
|
right: 0;
|
|
@@ -45,4 +40,4 @@ const ArrowButton = (0, styled_components_1.default)((_a) => {
|
|
|
45
40
|
margin: 0;
|
|
46
41
|
outline: none;
|
|
47
42
|
`;
|
|
48
|
-
|
|
43
|
+
export default ArrowButton;
|
package/dist/core/ClearButton.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,16 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
-
const lucide_react_1 = require("lucide-react");
|
|
19
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
20
|
-
const ClearIcon = (0, styled_components_1.default)((_a) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { X } from "lucide-react";
|
|
14
|
+
import styled from "styled-components";
|
|
15
|
+
const ClearIcon = styled((_a) => {
|
|
21
16
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
22
|
-
return ((
|
|
17
|
+
return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(X, { size: 16 }) })));
|
|
23
18
|
}) `
|
|
24
19
|
color: ${(props) => props.theme.palette.text.secondary};
|
|
25
20
|
transition: transform 0.2s ease-in-out;
|
|
@@ -31,9 +26,9 @@ const ClearIcon = (0, styled_components_1.default)((_a) => {
|
|
|
31
26
|
align-items: center;
|
|
32
27
|
justify-content: center;
|
|
33
28
|
`;
|
|
34
|
-
const ClearButton = (
|
|
29
|
+
const ClearButton = styled((_a) => {
|
|
35
30
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
36
|
-
return ((
|
|
31
|
+
return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ClearIcon, {}) })));
|
|
37
32
|
}) `
|
|
38
33
|
position: absolute;
|
|
39
34
|
right: 0;
|
|
@@ -45,4 +40,4 @@ const ClearButton = (0, styled_components_1.default)((_a) => {
|
|
|
45
40
|
margin: 0;
|
|
46
41
|
outline: none;
|
|
47
42
|
`;
|
|
48
|
-
|
|
43
|
+
export default ClearButton;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
7
|
-
const StyledContent = styled_components_1.default.div `
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
const StyledContent = styled.div `
|
|
8
3
|
position: relative;
|
|
9
4
|
display: flex;
|
|
10
5
|
flex-direction: column;
|
|
@@ -44,4 +39,4 @@ const StyledContent = styled_components_1.default.div `
|
|
|
44
39
|
padding-right: 5px;
|
|
45
40
|
}
|
|
46
41
|
`;
|
|
47
|
-
|
|
42
|
+
export default StyledContent;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
7
|
-
const StyledFloatContainer = styled_components_1.default.div `
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
const StyledFloatContainer = styled.div `
|
|
8
3
|
z-index: 100001;
|
|
9
4
|
`;
|
|
10
|
-
|
|
5
|
+
export default StyledFloatContainer;
|
package/dist/core/Types/Size.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
package/dist/core/index.js
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ClearButton = exports.ArrowButton = exports.StyledFloatContainer = exports.StyledContent = void 0;
|
|
7
|
-
var StyledContent_1 = require("./StyledContent");
|
|
8
|
-
Object.defineProperty(exports, "StyledContent", { enumerable: true, get: function () { return __importDefault(StyledContent_1).default; } });
|
|
9
|
-
var StyledFloatContainer_1 = require("./StyledFloatContainer");
|
|
10
|
-
Object.defineProperty(exports, "StyledFloatContainer", { enumerable: true, get: function () { return __importDefault(StyledFloatContainer_1).default; } });
|
|
11
|
-
var ArrowButton_1 = require("./ArrowButton");
|
|
12
|
-
Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return __importDefault(ArrowButton_1).default; } });
|
|
13
|
-
var ClearButton_1 = require("./ClearButton");
|
|
14
|
-
Object.defineProperty(exports, "ClearButton", { enumerable: true, get: function () { return __importDefault(ClearButton_1).default; } });
|
|
1
|
+
export { default as StyledContent } from "./StyledContent";
|
|
2
|
+
export { default as StyledFloatContainer } from "./StyledFloatContainer";
|
|
3
|
+
export { default as ArrowButton } from "./ArrowButton";
|
|
4
|
+
export { default as ClearButton } from "./ClearButton";
|
package/dist/index.js
CHANGED
|
@@ -1,59 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var TagBox_1 = require("./TagBox");
|
|
28
|
-
Object.defineProperty(exports, "TagBox", { enumerable: true, get: function () { return __importDefault(TagBox_1).default; } });
|
|
29
|
-
var FieldLabel_1 = require("./FieldLabel");
|
|
30
|
-
Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return __importDefault(FieldLabel_1).default; } });
|
|
31
|
-
var Modal_1 = require("./Modal");
|
|
32
|
-
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
|
|
33
|
-
var Flyout_1 = require("./Flyout");
|
|
34
|
-
Object.defineProperty(exports, "Flyout", { enumerable: true, get: function () { return __importDefault(Flyout_1).default; } });
|
|
35
|
-
var Flyout_2 = require("./Flyout");
|
|
36
|
-
Object.defineProperty(exports, "FlyoutHeader", { enumerable: true, get: function () { return Flyout_2.FlyoutHeader; } });
|
|
37
|
-
Object.defineProperty(exports, "FlyoutTitle", { enumerable: true, get: function () { return Flyout_2.FlyoutTitle; } });
|
|
38
|
-
var FileInputField_1 = require("./FileInputField");
|
|
39
|
-
Object.defineProperty(exports, "FileInputField", { enumerable: true, get: function () { return __importDefault(FileInputField_1).default; } });
|
|
40
|
-
var Switch_1 = require("./Switch");
|
|
41
|
-
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return __importDefault(Switch_1).default; } });
|
|
42
|
-
var CheckBox_1 = require("./CheckBox");
|
|
43
|
-
Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return __importDefault(CheckBox_1).default; } });
|
|
44
|
-
var Input_1 = require("./Input");
|
|
45
|
-
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
|
|
46
|
-
var Tooltip_1 = require("./Tooltip");
|
|
47
|
-
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
|
|
48
|
-
var Pill_1 = require("./Pill");
|
|
49
|
-
Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return __importDefault(Pill_1).default; } });
|
|
50
|
-
var Calendar_1 = require("./Calendar");
|
|
51
|
-
Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
|
|
52
|
-
var Table_1 = require("./Table");
|
|
53
|
-
Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
|
|
54
|
-
var Table_2 = require("./Table");
|
|
55
|
-
Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return Table_2.Column; } });
|
|
56
|
-
var MonolithUIProvider_1 = require("./MonolithUIProvider");
|
|
57
|
-
Object.defineProperty(exports, "MonolithUIProvider", { enumerable: true, get: function () { return __importDefault(MonolithUIProvider_1).default; } });
|
|
58
|
-
var MonolithUIProvider_2 = require("./MonolithUIProvider");
|
|
59
|
-
Object.defineProperty(exports, "useMonolithUITheme", { enumerable: true, get: function () { return MonolithUIProvider_2.useMonolithUITheme; } });
|
|
1
|
+
export { default as FormSection } from "./FormSection";
|
|
2
|
+
export { default as Grid } from "./Grid";
|
|
3
|
+
export { default as TextInput } from "./TextInput";
|
|
4
|
+
export { default as SelectBox } from "./SelectBox";
|
|
5
|
+
export { default as Button } from "./Button";
|
|
6
|
+
export { default as IconButton } from "./IconButton";
|
|
7
|
+
export { default as DropDownMenu } from "./DropDownMenu";
|
|
8
|
+
export { default as DateInput } from "./DateInput";
|
|
9
|
+
export { default as TextArea } from "./TextArea";
|
|
10
|
+
export { default as TextAreaInput } from "./TextAreaInput";
|
|
11
|
+
export { default as TagBox } from "./TagBox";
|
|
12
|
+
export { default as FieldLabel } from "./FieldLabel";
|
|
13
|
+
export { default as Modal } from "./Modal";
|
|
14
|
+
export { default as Flyout } from "./Flyout";
|
|
15
|
+
export { FlyoutHeader, FlyoutTitle } from "./Flyout";
|
|
16
|
+
export { default as FileInputField } from "./FileInputField";
|
|
17
|
+
export { default as Switch } from "./Switch";
|
|
18
|
+
export { default as CheckBox } from "./CheckBox";
|
|
19
|
+
export { default as Input } from "./Input";
|
|
20
|
+
export { default as Tooltip } from "./Tooltip";
|
|
21
|
+
export { default as Pill } from "./Pill";
|
|
22
|
+
export { default as Calendar } from "./Calendar";
|
|
23
|
+
export { default as Table } from "./Table";
|
|
24
|
+
export { Column } from "./Table";
|
|
25
|
+
export { default as MonolithUIProvider } from "./MonolithUIProvider";
|
|
26
|
+
export { useMonolithUITheme } from "./MonolithUIProvider";
|
package/dist/theme/index.js
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const variants_1 = __importDefault(require("./variants"));
|
|
1
|
+
import variants from "./variants";
|
|
2
|
+
export { THEMES as Themes } from "./variants";
|
|
7
3
|
const getTheme = (scheme) => {
|
|
8
|
-
let themeConfig =
|
|
4
|
+
let themeConfig = variants.find((variant) => variant.name === scheme);
|
|
9
5
|
if (!themeConfig) {
|
|
10
|
-
themeConfig =
|
|
6
|
+
themeConfig = variants[0];
|
|
11
7
|
}
|
|
12
8
|
return themeConfig;
|
|
13
9
|
};
|
|
14
|
-
|
|
10
|
+
export default getTheme;
|
package/dist/theme/typography.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
1
|
const typography = {
|
|
4
2
|
fontFamily: [
|
|
5
3
|
"Inter",
|
|
@@ -56,4 +54,4 @@ const typography = {
|
|
|
56
54
|
textTransform: "none",
|
|
57
55
|
},
|
|
58
56
|
};
|
|
59
|
-
|
|
57
|
+
export default typography;
|
package/dist/theme/variants.js
CHANGED
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.THEMES = void 0;
|
|
7
|
-
const deepmerge_1 = __importDefault(require("deepmerge"));
|
|
8
|
-
const typography_1 = __importDefault(require("./typography"));
|
|
1
|
+
import merge from "deepmerge";
|
|
2
|
+
import typography from "./typography";
|
|
9
3
|
// Themes
|
|
10
|
-
|
|
4
|
+
export const THEMES = {
|
|
11
5
|
DARK: "dark",
|
|
12
6
|
LIGHT: "light",
|
|
13
7
|
};
|
|
@@ -48,8 +42,8 @@ const green = {
|
|
|
48
42
|
900: "#1b5e20",
|
|
49
43
|
};
|
|
50
44
|
const lightVariant = {
|
|
51
|
-
name:
|
|
52
|
-
typography
|
|
45
|
+
name: THEMES.LIGHT,
|
|
46
|
+
typography,
|
|
53
47
|
palette: {
|
|
54
48
|
mode: "light",
|
|
55
49
|
primary: {
|
|
@@ -171,8 +165,8 @@ const lightVariant = {
|
|
|
171
165
|
snackbar: 999999,
|
|
172
166
|
},
|
|
173
167
|
};
|
|
174
|
-
const darkVariant = (
|
|
175
|
-
name:
|
|
168
|
+
const darkVariant = merge(lightVariant, {
|
|
169
|
+
name: THEMES.DARK,
|
|
176
170
|
palette: {
|
|
177
171
|
mode: "dark",
|
|
178
172
|
divider: "rgba(255, 255, 255, 0.15)",
|
|
@@ -273,4 +267,4 @@ const darkVariant = (0, deepmerge_1.default)(lightVariant, {
|
|
|
273
267
|
},
|
|
274
268
|
});
|
|
275
269
|
const variants = [lightVariant, darkVariant];
|
|
276
|
-
|
|
270
|
+
export default variants;
|
package/package.json
CHANGED
package/dist/Button/Button.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import { Size, Variant } from "../core";
|
|
3
|
-
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
-
children?: ReactNode | string;
|
|
5
|
-
className?: string;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
leftSection?: ReactNode;
|
|
8
|
-
rightSection?: ReactNode;
|
|
9
|
-
href?: string | null;
|
|
10
|
-
download?: string | null;
|
|
11
|
-
fullWidth?: boolean;
|
|
12
|
-
size?: Size;
|
|
13
|
-
variant?: Variant;
|
|
14
|
-
color?: string;
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
17
|
-
}
|
|
18
|
-
declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
19
|
-
export default Button;
|
package/dist/Button/index.d.ts
DELETED