@monolith-forensics/monolith-ui 1.8.1-dev.4 → 1.9.0

package/dist/core/ClearButton.d.ts

@@ -1,7 +1,5 @@
-import Size from "./Types/Size";
 interface ClearButtonProps {
     className?: string;
-    size?: Size;
     [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
 }
 declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ClearButtonProps, never>> & string & Omit<({ className, ...props }: ClearButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/core/ClearButton.js

@@ -12,10 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import styled from "styled-components";
-import { DEFAULT_CONTROL_SIZE, getControlSizeTokens } from "./controlSizes";
 const ClearIcon = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(X, { size: getControlSizeTokens(props.size).iconSize }) })));
+    return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(X, { size: 16 }) })));
 }) `
   color: ${(props) => props.theme.palette.text.secondary};
   transition: transform 0.2s ease-in-out;
@@ -29,19 +28,16 @@ const ClearIcon = styled((_a) => {
 `;
 const ClearButton = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ClearIcon, { size: props.size }) })));
+    return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ClearIcon, {}) })));
 }) `
   position: absolute;
   right: 0;
   height: 100%;
-  width: ${({ size = DEFAULT_CONTROL_SIZE }) => `${getControlSizeTokens(size).adornmentWidth}px`};
+  padding-inline: 10px;
   background: none;
   border: none;
   cursor: pointer;
   margin: 0;
   outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 `;
 export default ClearButton;

package/dist/core/controlSizes.d.ts

@@ -1,34 +1,8 @@
 import Size from "./Types/Size";
 export declare const DEFAULT_CONTROL_SIZE: Size;
 export type ControlSizeTokens = {
-    height: number;
     fontSize: number;
-    labelFontSize: number;
-    supportingFontSize: number;
-    placeholderFontSize: number;
-    inputPaddingX: number;
-    buttonPaddingX: number;
-    iconSize: number;
-    iconGap: number;
-    adornmentWidth: number;
     menuRowHeight: number;
     menuItemPaddingX: number;
-    menuGroupFontSize: number;
-    switchTrackWidth: number;
-    switchTrackHeight: number;
-    switchThumbSize: number;
-    switchPadding: number;
-    switchGap: number;
-    checkboxIconSize: number;
-    iconButtonPaddingX: number;
-    pillHeight: number;
-    pillFontSize: number;
-    pillPaddingX: number;
-    pillIconSize: number;
-    pillGap: number;
-    segmentedHeight: number;
-    segmentedFontSize: number;
-    sectionTitleFontSize: number;
-    sectionIconSize: number;
 };
 export declare const getControlSizeTokens: (size?: Size) => ControlSizeTokens;

package/dist/core/controlSizes.js

@@ -1,190 +1,34 @@
 export const DEFAULT_CONTROL_SIZE = "sm";
 const CONTROL_SIZE_TOKENS = {
     xxs: {
-        height: 24,
         fontSize: 11,
-        labelFontSize: 11,
-        supportingFontSize: 10,
-        placeholderFontSize: 10,
-        inputPaddingX: 8,
-        buttonPaddingX: 8,
-        iconSize: 14,
-        iconGap: 4,
-        adornmentWidth: 24,
         menuRowHeight: 24,
         menuItemPaddingX: 8,
-        menuGroupFontSize: 10,
-        switchTrackWidth: 24,
-        switchTrackHeight: 14,
-        switchThumbSize: 10,
-        switchPadding: 2,
-        switchGap: 6,
-        checkboxIconSize: 12,
-        iconButtonPaddingX: 4,
-        pillHeight: 18,
-        pillFontSize: 9,
-        pillPaddingX: 6,
-        pillIconSize: 10,
-        pillGap: 4,
-        segmentedHeight: 22,
-        segmentedFontSize: 11,
-        sectionTitleFontSize: 12,
-        sectionIconSize: 12,
     },
     xs: {
-        height: 28,
         fontSize: 12,
-        labelFontSize: 12,
-        supportingFontSize: 11,
-        placeholderFontSize: 11,
-        inputPaddingX: 10,
-        buttonPaddingX: 12,
-        iconSize: 14,
-        iconGap: 6,
-        adornmentWidth: 28,
         menuRowHeight: 28,
         menuItemPaddingX: 10,
-        menuGroupFontSize: 11,
-        switchTrackWidth: 28,
-        switchTrackHeight: 16,
-        switchThumbSize: 12,
-        switchPadding: 2,
-        switchGap: 8,
-        checkboxIconSize: 14,
-        iconButtonPaddingX: 4,
-        pillHeight: 20,
-        pillFontSize: 10,
-        pillPaddingX: 8,
-        pillIconSize: 12,
-        pillGap: 5,
-        segmentedHeight: 26,
-        segmentedFontSize: 12,
-        sectionTitleFontSize: 13,
-        sectionIconSize: 12,
     },
     sm: {
-        height: 32,
         fontSize: 13,
-        labelFontSize: 12,
-        supportingFontSize: 11,
-        placeholderFontSize: 12,
-        inputPaddingX: 12,
-        buttonPaddingX: 14,
-        iconSize: 16,
-        iconGap: 6,
-        adornmentWidth: 32,
         menuRowHeight: 32,
         menuItemPaddingX: 12,
-        menuGroupFontSize: 11,
-        switchTrackWidth: 32,
-        switchTrackHeight: 18,
-        switchThumbSize: 14,
-        switchPadding: 2,
-        switchGap: 8,
-        checkboxIconSize: 16,
-        iconButtonPaddingX: 6,
-        pillHeight: 22,
-        pillFontSize: 12,
-        pillPaddingX: 10,
-        pillIconSize: 14,
-        pillGap: 5,
-        segmentedHeight: 32,
-        segmentedFontSize: 14,
-        sectionTitleFontSize: 14,
-        sectionIconSize: 14,
     },
     md: {
-        height: 36,
         fontSize: 14,
-        labelFontSize: 13,
-        supportingFontSize: 12,
-        placeholderFontSize: 13,
-        inputPaddingX: 12,
-        buttonPaddingX: 16,
-        iconSize: 16,
-        iconGap: 8,
-        adornmentWidth: 36,
         menuRowHeight: 36,
         menuItemPaddingX: 12,
-        menuGroupFontSize: 12,
-        switchTrackWidth: 36,
-        switchTrackHeight: 20,
-        switchThumbSize: 16,
-        switchPadding: 2,
-        switchGap: 10,
-        checkboxIconSize: 18,
-        iconButtonPaddingX: 8,
-        pillHeight: 24,
-        pillFontSize: 14,
-        pillPaddingX: 12,
-        pillIconSize: 16,
-        pillGap: 5,
-        segmentedHeight: 38,
-        segmentedFontSize: 16,
-        sectionTitleFontSize: 16,
-        sectionIconSize: 18,
     },
     lg: {
-        height: 44,
         fontSize: 15,
-        labelFontSize: 14,
-        supportingFontSize: 13,
-        placeholderFontSize: 14,
-        inputPaddingX: 14,
-        buttonPaddingX: 18,
-        iconSize: 18,
-        iconGap: 8,
-        adornmentWidth: 44,
         menuRowHeight: 44,
         menuItemPaddingX: 14,
-        menuGroupFontSize: 13,
-        switchTrackWidth: 44,
-        switchTrackHeight: 24,
-        switchThumbSize: 20,
-        switchPadding: 2,
-        switchGap: 12,
-        checkboxIconSize: 20,
-        iconButtonPaddingX: 10,
-        pillHeight: 26,
-        pillFontSize: 16,
-        pillPaddingX: 14,
-        pillIconSize: 18,
-        pillGap: 5,
-        segmentedHeight: 46,
-        segmentedFontSize: 18,
-        sectionTitleFontSize: 18,
-        sectionIconSize: 24,
     },
     xl: {
-        height: 52,
         fontSize: 16,
-        labelFontSize: 15,
-        supportingFontSize: 14,
-        placeholderFontSize: 15,
-        inputPaddingX: 16,
-        buttonPaddingX: 22,
-        iconSize: 18,
-        iconGap: 10,
-        adornmentWidth: 52,
         menuRowHeight: 52,
         menuItemPaddingX: 16,
-        menuGroupFontSize: 14,
-        switchTrackWidth: 52,
-        switchTrackHeight: 28,
-        switchThumbSize: 24,
-        switchPadding: 2,
-        switchGap: 12,
-        checkboxIconSize: 22,
-        iconButtonPaddingX: 12,
-        pillHeight: 28,
-        pillFontSize: 18,
-        pillPaddingX: 16,
-        pillIconSize: 20,
-        pillGap: 5,
-        segmentedHeight: 56,
-        segmentedFontSize: 20,
-        sectionTitleFontSize: 20,
-        sectionIconSize: 28,
     },
 };
 export const getControlSizeTokens = (size = DEFAULT_CONTROL_SIZE) => CONTROL_SIZE_TOKENS[size];

package/dist/index.d.ts

@@ -14,8 +14,6 @@ export * from "./Alert";
 export * from "./Kanban";
 export { default as IconButton } from "./IconButton";
 export { default as DateInput } from "./DateInput";
-export { default as SuperDatePicker } from "./SuperDatePicker";
-export type { SuperDatePickerChangeMeta, SuperDatePickerProps, SuperDatePickerPreset, SuperDatePickerValue, } from "./SuperDatePicker";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
 export type { ActionMenuOptions, TextAreaInputProps } from "./TextAreaInput";
@@ -46,5 +44,4 @@ export * from "./Tabs";
 export * from "./Divider";
 export * from "./SegmentedControl";
 export * from "./Popover";
-export * from "./Charts";
 export * from "./Utilities";

package/dist/index.js

@@ -9,7 +9,6 @@ export * from "./Alert";
 export * from "./Kanban";
 export { default as IconButton } from "./IconButton";
 export { default as DateInput } from "./DateInput";
-export { default as SuperDatePicker } from "./SuperDatePicker";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
 export { default as TagBox } from "./TagBox";
@@ -36,5 +35,4 @@ export * from "./Tabs";
 export * from "./Divider";
 export * from "./SegmentedControl";
 export * from "./Popover";
-export * from "./Charts";
 export * from "./Utilities";

package/dist/theme/variants.js

@@ -79,7 +79,6 @@ const lightVariant = {
             alt: "#ededed",
             secondary: "#f0f0f0",
             gradient: "linear-gradient(#FFFFFF 0%, #ccdcf9 50%)",
-            subtle: "#ededed",
         },
         menu: {
             background: "#FFF",
@@ -243,7 +242,6 @@ const darkVariant = merge(lightVariant, {
             alt: "#1e1e1e",
             secondary: "#303030",
             gradient: "linear-gradient(#333333 0%, #1e1e1e 50%)",
-            subtle: "#333333",
         },
         menu: {
             background: "#222222",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.8.1-dev.4",
+  "version": "1.9.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -40,22 +40,24 @@
     "@radix-ui/react-switch": "^1.0.7",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@tabler/icons-react": "^3.11.0",
-    "@tiptap/core": "3.22.4",
-    "@tiptap/extension-color": "3.22.4",
-    "@tiptap/extension-horizontal-rule": "3.22.4",
-    "@tiptap/extension-image": "3.22.4",
-    "@tiptap/extension-table": "3.22.4",
-    "@tiptap/extension-text-align": "3.22.4",
-    "@tiptap/extension-text-style": "3.22.4",
-    "@tiptap/extensions": "3.22.4",
-    "@tiptap/pm": "3.22.4",
-    "@tiptap/react": "3.22.4",
-    "@tiptap/starter-kit": "3.22.4",
-    "@tiptap/suggestion": "3.22.4",
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-focus": "^2.5.9",
+    "@tiptap/extension-horizontal-rule": "^2.5.9",
+    "@tiptap/extension-image": "^2.5.9",
+    "@tiptap/extension-placeholder": "^2.5.9",
+    "@tiptap/extension-table": "^2.5.8",
+    "@tiptap/extension-table-cell": "^2.5.8",
+    "@tiptap/extension-table-header": "^2.5.8",
+    "@tiptap/extension-table-row": "^2.5.8",
+    "@tiptap/extension-text-align": "^2.5.8",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-underline": "^2.5.8",
+    "@tiptap/pm": "^2.5.8",
+    "@tiptap/react": "^2.5.8",
+    "@tiptap/starter-kit": "^2.5.8",
+    "@tiptap/suggestion": "^2.5.9",
     "@uiw/codemirror-theme-vscode": "^4.23.6",
     "@uiw/react-codemirror": "^4.23.6",
-    "d3-scale": "^4.0.2",
-    "d3-shape": "^3.2.0",
     "deepmerge": "^4.3.1",
     "exceljs": "^4.4.0",
     "lucide-react": "^0.469.0",
@@ -81,22 +83,12 @@
   },
   "devDependencies": {
     "@tanstack/react-query": "5.59.16",
-    "@types/d3-scale": "^4.0.9",
-    "@types/d3-shape": "^3.1.8",
     "@types/overlayscrollbars": "^1.12.5",
-    "@types/react": "19.0.8",
-    "@types/react-dom": "19.0.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-window": "^1.8.8",
     "@types/spark-md5": "^3.0.4",
     "chokidar-cli": "^3.0.0",
     "typescript": "^5.5.4",
     "yalc": "^1.0.0-pre.53"
-  },
-  "resolutions": {
-    "@types/react": "19.0.8",
-    "prosemirror-model": "1.25.4",
-    "prosemirror-state": "1.4.4",
-    "prosemirror-transform": "1.12.0",
-    "prosemirror-view": "1.41.8"
   }
 }

package/dist/Charts/BarChart/BarChart.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement, RefAttributes } from "react";
-import { ChartHandle } from "../ChartUtils";
-import { BarChartProps } from "./BarChart.types";
-export declare const BarChart: <TData>(props: BarChartProps<TData> & RefAttributes<ChartHandle>) => ReactElement | null;
-export default BarChart;