@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.
Files changed (135) hide show
  1. package/dist/Button/Button.js +11 -16
  2. package/dist/Button/index.js +1 -8
  3. package/dist/Calendar/Calendar.js +38 -66
  4. package/dist/Calendar/CalendarStyles.js +19 -25
  5. package/dist/Calendar/calendarHelpers.js +34 -46
  6. package/dist/Calendar/index.js +1 -8
  7. package/dist/CheckBox/CheckBox.js +9 -14
  8. package/dist/CheckBox/index.js +1 -8
  9. package/dist/DateInput/DateInput.js +46 -51
  10. package/dist/DateInput/index.js +1 -8
  11. package/dist/DropDownMenu/DropDownMenu.js +27 -32
  12. package/dist/DropDownMenu/index.js +1 -8
  13. package/dist/Error/Error.js +10 -15
  14. package/dist/Error/index.js +1 -8
  15. package/dist/FieldLabel/FieldLabel.js +8 -37
  16. package/dist/FieldLabel/index.js +1 -8
  17. package/dist/FileInputField/FileInputField.js +11 -16
  18. package/dist/FileInputField/index.js +1 -8
  19. package/dist/Flyout/Flyout.js +14 -18
  20. package/dist/Flyout/FlyoutHeader.js +3 -8
  21. package/dist/Flyout/FlyoutTitle.js +3 -8
  22. package/dist/Flyout/index.js +3 -12
  23. package/dist/FormSection/FormSection.js +8 -13
  24. package/dist/FormSection/index.js +1 -8
  25. package/dist/Grid/Grid.js +5 -10
  26. package/dist/Grid/index.js +1 -8
  27. package/dist/IconButton/IconButton.js +4 -9
  28. package/dist/IconButton/index.js +1 -8
  29. package/dist/Input/Input.js +6 -11
  30. package/dist/Input/index.js +1 -8
  31. package/dist/Modal/Modal.js +16 -20
  32. package/dist/Modal/index.js +1 -8
  33. package/dist/MonolithUIProvider/GlobalStyle.js +3 -5
  34. package/dist/MonolithUIProvider/MonolithUIProvider.js +14 -19
  35. package/dist/MonolithUIProvider/index.js +3 -12
  36. package/dist/MonolithUIProvider/useMonolithUITheme.js +4 -6
  37. package/dist/Pill/Pill.js +9 -14
  38. package/dist/Pill/index.js +1 -8
  39. package/dist/SelectBox/SelectBox.js +44 -50
  40. package/dist/SelectBox/index.js +1 -8
  41. package/dist/Switch/Switch.js +12 -39
  42. package/dist/Switch/index.js +1 -8
  43. package/dist/Table/Table.js +70 -78
  44. package/dist/Table/index.js +2 -10
  45. package/dist/TagBox/TagBox.js +40 -45
  46. package/dist/TagBox/TagBoxStyles.js +11 -17
  47. package/dist/TagBox/index.js +1 -8
  48. package/dist/TextArea/TextArea.js +4 -9
  49. package/dist/TextArea/index.js +1 -8
  50. package/dist/TextAreaInput/TextAreaInput.js +5 -7
  51. package/dist/TextAreaInput/index.js +1 -8
  52. package/dist/TextInput/TextInput.js +7 -12
  53. package/dist/TextInput/index.js +1 -8
  54. package/dist/Tooltip/Tooltip.js +6 -34
  55. package/dist/Tooltip/index.js +1 -8
  56. package/dist/core/ArrowButton.js +8 -13
  57. package/dist/core/ClearButton.js +8 -13
  58. package/dist/core/StyledContent.js +3 -8
  59. package/dist/core/StyledFloatContainer.js +3 -8
  60. package/dist/core/Types/Size.js +1 -2
  61. package/dist/core/Types/Variant.js +1 -2
  62. package/dist/core/index.js +4 -14
  63. package/dist/index.js +26 -59
  64. package/dist/theme/index.js +5 -9
  65. package/dist/theme/typography.js +1 -3
  66. package/dist/theme/variants.js +8 -14
  67. package/package.json +1 -1
  68. package/dist/Button/Button.d.ts +0 -19
  69. package/dist/Button/index.d.ts +0 -2
  70. package/dist/Calendar/Calendar.d.ts +0 -15
  71. package/dist/Calendar/CalendarStyles.d.ts +0 -36
  72. package/dist/Calendar/calendarHelpers.d.ts +0 -53
  73. package/dist/Calendar/index.d.ts +0 -1
  74. package/dist/CheckBox/CheckBox.d.ts +0 -13
  75. package/dist/CheckBox/index.d.ts +0 -1
  76. package/dist/DateInput/DateInput.d.ts +0 -24
  77. package/dist/DateInput/index.d.ts +0 -1
  78. package/dist/DropDownMenu/DropDownMenu.d.ts +0 -36
  79. package/dist/DropDownMenu/index.d.ts +0 -1
  80. package/dist/Error/Error.d.ts +0 -4
  81. package/dist/Error/index.d.ts +0 -1
  82. package/dist/FieldLabel/FieldLabel.d.ts +0 -19
  83. package/dist/FieldLabel/index.d.ts +0 -1
  84. package/dist/FileInputField/FileInputField.d.ts +0 -19
  85. package/dist/FileInputField/index.d.ts +0 -1
  86. package/dist/Flyout/Flyout.d.ts +0 -11
  87. package/dist/Flyout/FlyoutHeader.d.ts +0 -5
  88. package/dist/Flyout/FlyoutTitle.d.ts +0 -2
  89. package/dist/Flyout/index.d.ts +0 -3
  90. package/dist/FormSection/FormSection.d.ts +0 -9
  91. package/dist/FormSection/index.d.ts +0 -1
  92. package/dist/Grid/Grid.d.ts +0 -8
  93. package/dist/Grid/index.d.ts +0 -1
  94. package/dist/IconButton/IconButton.d.ts +0 -5
  95. package/dist/IconButton/index.d.ts +0 -1
  96. package/dist/Input/Input.d.ts +0 -21
  97. package/dist/Input/index.d.ts +0 -1
  98. package/dist/Modal/Modal.d.ts +0 -14
  99. package/dist/Modal/index.d.ts +0 -1
  100. package/dist/MonolithUIProvider/GlobalStyle.d.ts +0 -4
  101. package/dist/MonolithUIProvider/MonolithUIProvider.d.ts +0 -10
  102. package/dist/MonolithUIProvider/index.d.ts +0 -3
  103. package/dist/MonolithUIProvider/useMonolithUITheme.d.ts +0 -2
  104. package/dist/Pill/Pill.d.ts +0 -11
  105. package/dist/Pill/index.d.ts +0 -1
  106. package/dist/SelectBox/SelectBox.d.ts +0 -45
  107. package/dist/SelectBox/index.d.ts +0 -1
  108. package/dist/Switch/Switch.d.ts +0 -18
  109. package/dist/Switch/index.d.ts +0 -1
  110. package/dist/Table/Table.d.ts +0 -91
  111. package/dist/Table/index.d.ts +0 -2
  112. package/dist/TagBox/TagBox.d.ts +0 -39
  113. package/dist/TagBox/TagBoxStyles.d.ts +0 -11
  114. package/dist/TagBox/index.d.ts +0 -1
  115. package/dist/TextArea/TextArea.d.ts +0 -16
  116. package/dist/TextArea/index.d.ts +0 -1
  117. package/dist/TextAreaInput/TextAreaInput.d.ts +0 -19
  118. package/dist/TextAreaInput/index.d.ts +0 -1
  119. package/dist/TextInput/TextInput.d.ts +0 -13
  120. package/dist/TextInput/index.d.ts +0 -1
  121. package/dist/Tooltip/Tooltip.d.ts +0 -12
  122. package/dist/Tooltip/index.d.ts +0 -1
  123. package/dist/core/ArrowButton.d.ts +0 -6
  124. package/dist/core/ClearButton.d.ts +0 -6
  125. package/dist/core/MonolithThemeProvider.d.ts +0 -4
  126. package/dist/core/MonolithThemeProvider.js +0 -20
  127. package/dist/core/StyledContent.d.ts +0 -7
  128. package/dist/core/StyledFloatContainer.d.ts +0 -2
  129. package/dist/core/Types/Size.d.ts +0 -2
  130. package/dist/core/Types/Variant.d.ts +0 -2
  131. package/dist/core/index.d.ts +0 -6
  132. package/dist/index.d.ts +0 -26
  133. package/dist/theme/index.d.ts +0 -168
  134. package/dist/theme/typography.d.ts +0 -45
  135. package/dist/theme/variants.d.ts +0 -172
@@ -1,15 +1,9 @@
1
- "use strict";
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.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
- exports.TagBoxInner = styled_components_1.default.div `
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
- exports.TagsContainer = styled_components_1.default.div `
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
- exports.TagBoxInput = styled_components_1.default.input `
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
- exports.Tag = styled_components_1.default.div `
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
- exports.TagText = styled_components_1.default.div `
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
- exports.TagKillButton = (0, styled_components_1.default)(lucide_react_1.XIcon) `
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
- exports.TagBoxOptions = styled_components_1.default.div ``;
113
- exports.TagBoxOption = styled_components_1.default.div ``;
106
+ export const TagBoxOptions = styled.div ``;
107
+ export const TagBoxOption = styled.div ``;
@@ -1,8 +1 @@
1
- "use strict";
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
- "use strict";
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
- 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
- exports.default = TextArea;
76
+ export default TextArea;
@@ -1,8 +1 @@
1
- "use strict";
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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
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 ((0, jsx_runtime_1.jsxs)("div", { style: {
4
+ return (_jsxs("div", { style: {
7
5
  gridColumn: `span ${colSpan}`,
8
6
  height: "fit-content",
9
- }, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(__1.TextArea, { ref: inputRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements, style: style })] }));
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
- exports.default = TextAreaInput;
9
+ export default TextAreaInput;
@@ -1,8 +1 @@
1
- "use strict";
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
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- const jsx_runtime_1 = require("react/jsx-runtime");
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 ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, Object.assign({ size: size }, rest))] }));
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
- exports.default = TextInput;
26
+ export default TextInput;
@@ -1,8 +1 @@
1
- "use strict";
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";
@@ -1,38 +1,10 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
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 ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { children: (0, jsx_runtime_1.jsx)(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
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
- exports.default = Tooltip;
25
+ export default Tooltip;
@@ -1,8 +1 @@
1
- "use strict";
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";
@@ -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
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { size: 16 }) })));
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 = (0, styled_components_1.default)((_a) => {
29
+ const ArrowButton = styled((_a) => {
35
30
  var { className } = _a, props = __rest(_a, ["className"]);
36
- return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ArrowIcon, {}) })));
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
- exports.default = ArrowButton;
43
+ export default ArrowButton;
@@ -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
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })));
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 = (0, styled_components_1.default)((_a) => {
29
+ const ClearButton = styled((_a) => {
35
30
  var { className } = _a, props = __rest(_a, ["className"]);
36
- return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })));
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
- exports.default = ClearButton;
43
+ export default ClearButton;
@@ -1,10 +1,5 @@
1
- "use strict";
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
- 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
- exports.default = StyledContent;
42
+ export default StyledContent;
@@ -1,10 +1,5 @@
1
- "use strict";
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
- 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
- exports.default = StyledFloatContainer;
5
+ export default StyledFloatContainer;
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,14 +1,4 @@
1
- "use strict";
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.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
- "use strict";
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.useMonolithUITheme = exports.MonolithUIProvider = exports.Column = exports.Table = exports.Calendar = exports.Pill = exports.Tooltip = exports.Input = exports.CheckBox = exports.Switch = exports.FileInputField = exports.FlyoutTitle = exports.FlyoutHeader = exports.Flyout = exports.Modal = exports.FieldLabel = exports.TagBox = exports.TextAreaInput = exports.TextArea = exports.DateInput = exports.DropDownMenu = exports.IconButton = exports.Button = exports.SelectBox = exports.TextInput = exports.Grid = exports.FormSection = void 0;
7
- var FormSection_1 = require("./FormSection");
8
- Object.defineProperty(exports, "FormSection", { enumerable: true, get: function () { return __importDefault(FormSection_1).default; } });
9
- var Grid_1 = require("./Grid");
10
- Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
11
- var TextInput_1 = require("./TextInput");
12
- Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
13
- var SelectBox_1 = require("./SelectBox");
14
- Object.defineProperty(exports, "SelectBox", { enumerable: true, get: function () { return __importDefault(SelectBox_1).default; } });
15
- var Button_1 = require("./Button");
16
- Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
17
- var IconButton_1 = require("./IconButton");
18
- Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
19
- var DropDownMenu_1 = require("./DropDownMenu");
20
- Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return __importDefault(DropDownMenu_1).default; } });
21
- var DateInput_1 = require("./DateInput");
22
- Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
23
- var TextArea_1 = require("./TextArea");
24
- Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });
25
- var TextAreaInput_1 = require("./TextAreaInput");
26
- Object.defineProperty(exports, "TextAreaInput", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });
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";
@@ -1,14 +1,10 @@
1
- "use strict";
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
- 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 = variants_1.default.find((variant) => variant.name === scheme);
4
+ let themeConfig = variants.find((variant) => variant.name === scheme);
9
5
  if (!themeConfig) {
10
- themeConfig = variants_1.default[0];
6
+ themeConfig = variants[0];
11
7
  }
12
8
  return themeConfig;
13
9
  };
14
- exports.default = getTheme;
10
+ export default getTheme;
@@ -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
- exports.default = typography;
57
+ export default typography;
@@ -1,13 +1,7 @@
1
- "use strict";
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.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
- exports.THEMES = {
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: exports.THEMES.LIGHT,
52
- typography: typography_1.default,
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 = (0, deepmerge_1.default)(lightVariant, {
175
- name: exports.THEMES.DARK,
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
- exports.default = variants;
270
+ export default variants;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@monolith-forensics/monolith-ui",
3
- "version": "1.1.30",
3
+ "version": "1.1.32",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "author": "Matt Danner (Monolith Forensics LLC)",
@@ -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;
@@ -1,2 +0,0 @@
1
- export { default } from "./Button";
2
- export type { ButtonProps } from "./Button";