@monolith-forensics/monolith-ui 1.8.0 → 1.8.1-dev.1

package/dist/core/controlSizes.js

@@ -0,0 +1,190 @@
+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/core/index.d.ts

@@ -2,5 +2,6 @@ export { default as StyledContent } from "./StyledContent";
 export { default as StyledFloatContainer } from "./StyledFloatContainer";
 export { default as ArrowButton } from "./ArrowButton";
 export { default as ClearButton } from "./ClearButton";
+export * from "./controlSizes";
 export type { default as Size } from "./Types/Size";
 export type { default as Variant } from "./Types/Variant";

package/dist/core/index.js

@@ -2,3 +2,4 @@ export { default as StyledContent } from "./StyledContent";
 export { default as StyledFloatContainer } from "./StyledFloatContainer";
 export { default as ArrowButton } from "./ArrowButton";
 export { default as ClearButton } from "./ClearButton";
+export * from "./controlSizes";

package/dist/index.d.ts

@@ -44,4 +44,5 @@ export * from "./Tabs";
 export * from "./Divider";
 export * from "./SegmentedControl";
 export * from "./Popover";
+export * from "./Charts";
 export * from "./Utilities";

package/dist/index.js

@@ -35,4 +35,5 @@ export * from "./Tabs";
 export * from "./Divider";
 export * from "./SegmentedControl";
 export * from "./Popover";
+export * from "./Charts";
 export * from "./Utilities";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.8.0",
+  "version": "1.8.1-dev.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -58,6 +58,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",
@@ -83,6 +85,8 @@
   },
   "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-dom": "^18.3.0",
     "@types/react-window": "^1.8.8",