@vention/machine-ui 5.14.0 → 5.14.2

package/folder.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/frame-3.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/function-icon.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/git-branch-deleted.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/git-branch.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/git-compare.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/git-fork.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/git-merge.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/gizmo.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/graph.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/grid-dots.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/grip-horizontal.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/grip-vertical.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/gripper-1.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/gripper-2.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/hand-stop.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/hash.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/hb-menu.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/headphones-filled.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/headset-filled.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/headset.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/help-circle-filled.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/help.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/history-toggle.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/history.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/hmi.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/home-2.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/home-solid.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/home.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/hourglass-empty.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/i-o.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/icon-box-padding.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/icon-components.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/icon-nut.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/icon-ruler-2.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/icon-square-rotated.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/incline.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/index.esm.js

@@ -6,6 +6,7 @@ import { tss } from 'tss-react/mui';
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
 import { createTheme, useTheme } from '@mui/material/styles';
+import cx from 'classnames';
 import Draggable from 'react-draggable';
 import Slider from '@mui/material/Slider';
 import Typography$1 from '@mui/material/Typography';
@@ -2132,6 +2133,25 @@ const TYPOGRAPHY = {
     fontSize: 12,
     lineHeight: "16px"
   },
+  // UI Text 18
+  uiText18SemiBold: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: 18,
+    fontWeight: 600,
+    lineHeight: "24px"
+  },
+  uiText18Medium: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: 18,
+    fontWeight: 500,
+    lineHeight: "24px"
+  },
+  uiText18Regular: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: 18,
+    fontWeight: 400,
+    lineHeight: "24px"
+  },
   // UI Text 14
   uiText14SemiBold: {
     fontFamily: "Inter, sans-serif",
@@ -2186,7 +2206,8 @@ const TYPOGRAPHY = {
     fontWeight: 400,
     lineHeight: "normal"
   },
-  //HMI Text
+  // HMI Text
+  // DEPRECATED: use uiText* variants instead
   hmiText20Regular: {
     fontFamily: "Inter, sans-serif",
     fontSize: 20,
@@ -5406,6 +5427,43 @@ const getBackgroundColorFromState = (state, theme) => {
       return theme.palette.background.inputOutlined;
   }
 };
+const getBorderRadius$1 = _size => {
+  return "4px";
+};
+const getLabelColor = (state, theme) => {
+  switch (state) {
+    case "warning":
+      return theme.palette.text.warning;
+    case "success":
+      return theme.palette.text.positive;
+    case "error":
+      return theme.palette.text.negative;
+    default:
+      return undefined;
+  }
+};
+const getFieldSetBackgroundColor = (state, theme, variant) => {
+  if (variant === "shaded" && state !== "disabled") {
+    return `${theme.palette.background.inputShaded}${state === "error" ? " !important" : ""}`;
+  }
+  return getBackgroundColorFromState(state, theme);
+};
+const getBorderWidth$1 = size => {
+  switch (size) {
+    case "x-small":
+      return "1px";
+    case "small":
+      return "1px";
+    case "medium":
+      return "1px";
+    case "large":
+      return "1px";
+    case "x-large":
+      return "1px";
+    case "xx-large":
+      return "2px";
+  }
+};
 const getInputHeight = (size, theme) => {
   switch (size) {
     case "x-small":
@@ -5449,36 +5507,42 @@ const typographyNameFromSizeMap = {
     label: "uiText12SemiBold",
     labelDiminished: "uiText12Regular",
     text: "uiText12Regular",
+    textDiminished: "uiText12Regular",
     helperText: "uiText12Regular"
   },
   small: {
     label: "uiText12SemiBold",
     labelDiminished: "uiText12Regular",
     text: "uiText12Regular",
+    textDiminished: "uiText12Regular",
     helperText: "uiText12Regular"
   },
   medium: {
     label: "uiText14SemiBold",
     labelDiminished: "uiText14Regular",
     text: "uiText14Regular",
+    textDiminished: "uiText12Regular",
     helperText: "uiText12Regular"
   },
   large: {
     label: "uiText14SemiBold",
     labelDiminished: "uiText14Regular",
     text: "uiText14Regular",
+    textDiminished: "uiText12Regular",
     helperText: "uiText12Regular"
   },
   "x-large": {
     label: "heading18SemiBold",
     labelDiminished: "paragraph18Regular",
     text: "paragraph18Regular",
+    textDiminished: "uiText12Regular",
     helperText: "uiText12Regular"
   },
   "xx-large": {
     label: "hmiText20SemiBold",
     labelDiminished: "hmiText20Regular",
-    text: "hmiText22Regular",
+    text: "uiText18Regular",
+    textDiminished: "uiText12Regular",
     helperText: "paragraph18Regular"
   }
 };
@@ -5487,6 +5551,7 @@ const getTypography = (size, theme) => {
     label: theme.typography[typographyNameFromSizeMap[size].label],
     labelDiminished: theme.typography[typographyNameFromSizeMap[size].labelDiminished],
     text: theme.typography[typographyNameFromSizeMap[size].text],
+    textDiminished: theme.typography[typographyNameFromSizeMap[size].textDiminished],
     helperText: theme.typography[typographyNameFromSizeMap[size].helperText]
   };
 };
@@ -5512,13 +5577,14 @@ const VentionTextInput = _a => {
   }), leftItemText ? {
     startAdornment: jsx(InputAdornment, {
       position: "start",
-      className: classes.leftItem,
+      disablePointerEvents: true,
+      className: cx(classes.adornment, classes.adornmentLeft),
       children: jsx(Box$1, {
         display: "flex",
         alignItems: "center",
         height: "100%",
         children: jsx(Typography, {
-          className: classes.leftItemText,
+          className: classes.adornmentText,
           children: leftItemText
         })
       })
@@ -5526,13 +5592,14 @@ const VentionTextInput = _a => {
   } : {}), rightItemText ? {
     endAdornment: jsx(InputAdornment, {
       position: "end",
-      className: classes.rightItem,
+      disablePointerEvents: true,
+      className: cx(classes.adornment, classes.adornmentRight),
       children: jsx(Box$1, {
         display: "flex",
         alignItems: "center",
         height: "100%",
         children: jsx(Typography, {
-          className: classes.rightItemText,
+          className: classes.adornmentText,
           children: rightItemText
         })
       })
@@ -5562,34 +5629,43 @@ const useStyles$t = tss.withParams().create(({
       gap: theme.spacing(1),
       display: "flex",
       " & .MuiInputBase-root": {
-        minWidth: theme.spacing(9),
+        width: "100%",
+        minWidth: 0,
         margin: 0,
         padding: 0,
         borderRadius: getBorderRadius$1(),
         height: getInputHeight(size, theme),
         // Default state
         "& .MuiOutlinedInput-notchedOutline": {
+          borderWidth: getBorderWidth$1(size),
           borderColor: getBorderColorFromState(state, theme),
           backgroundColor: getFieldSetBackgroundColor(state, theme, variant)
         },
         // Hover state
         "&:hover .MuiOutlinedInput-notchedOutline": {
-          border: `1px solid ${getBorderColorFromState(state === "disabled" ? state : "hover", theme)}`,
+          borderWidth: getBorderWidth$1(size),
+          borderStyle: "solid",
+          borderColor: getBorderColorFromState(state === "disabled" ? state : "hover", theme),
           backgroundColor: getBackgroundColorFromState(state === "disabled" ? state : "hover", theme)
         },
         // Focused state
         "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-          border: `1px solid ${getBorderColorFromState(state === "disabled" ? state : "focused", theme)}`,
+          borderWidth: getBorderWidth$1(size),
+          borderStyle: "solid",
+          borderColor: getBorderColorFromState(state === "disabled" ? state : "focused", theme),
           backgroundColor: getBackgroundColorFromState(state === "disabled" ? state : "focused", theme)
         },
         // Disabled state
         "&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
-          border: `1px solid ${getBorderColorFromState("disabled", theme)}`,
+          borderWidth: getBorderWidth$1(size),
+          borderStyle: "solid",
+          borderColor: getBorderColorFromState("disabled", theme),
           backgroundColor: getBackgroundColorFromState("disabled", theme)
         }
       },
       " & .MuiInputBase-input": Object.assign(Object.assign(Object.assign({}, typographyVariants.text), {
         zIndex: 1,
+        height: "100%",
         backgroundColor: "transparent"
       }), getInputPaddingStyles(size, theme)),
       " & .MuiInputBase-input::placeholder": {
@@ -5612,59 +5688,27 @@ const useStyles$t = tss.withParams().create(({
         margin: 0
       }
     },
-    rightItem: {
+    adornment: {
+      flexShrink: 0,
       height: "100%",
       boxSizing: "border-box",
-      paddingRight: theme.spacing(2),
       paddingLeft: theme.spacing(2),
-      borderTopRightRadius: getBorderRadius$1(),
-      borderBottomRightRadius: getBorderRadius$1(),
-      backgroundColor: theme.palette.background.surface1,
-      border: `1px solid ${theme.palette.divider}`,
+      paddingRight: theme.spacing(2),
       margin: 0
     },
-    rightItemText: {
-      color: theme.palette.text.primary,
-      fontSize: 10
-    },
-    leftItem: {
-      height: "100%",
-      boxSizing: "border-box",
+    adornmentLeft: {
       paddingLeft: theme.spacing(2),
-      paddingRight: theme.spacing(2),
-      borderTopLeftRadius: getBorderRadius$1(),
-      borderBottomLeftRadius: getBorderRadius$1(),
-      backgroundColor: theme.palette.background.surface1,
-      border: `1px solid ${theme.palette.divider}`,
-      margin: 0
+      paddingRight: 0
     },
-    leftItemText: {
-      color: theme.palette.text.primary,
-      fontSize: 10
-    }
+    adornmentRight: {
+      paddingLeft: 0,
+      paddingRight: theme.spacing(2)
+    },
+    adornmentText: Object.assign({
+      color: theme.palette.text.tertiary
+    }, typographyVariants.textDiminished)
   };
 });
-const getBorderRadius$1 = size => {
-  return "4px";
-};
-const getLabelColor = (state, theme) => {
-  switch (state) {
-    case "warning":
-      return theme.palette.text.warning;
-    case "success":
-      return theme.palette.text.positive;
-    case "error":
-      return theme.palette.text.negative;
-    default:
-      return undefined;
-  }
-};
-const getFieldSetBackgroundColor = (state, theme, variant) => {
-  if (variant === "shaded" && state !== "disabled") {
-    return `${theme.palette.background.inputShaded}${state === "error" ? " !important" : ""}`;
-  }
-  return getBackgroundColorFromState(state, theme);
-};
 
 const radioColorMap = {
   checked: {

package/infinity.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';

package/info-circle-filled.esm.js

@@ -7,6 +7,7 @@ import 'tss-react/mui';
 import '@mui/material/Box';
 import '@mui/material/CircularProgress';
 import '@mui/material/styles';
+import 'classnames';
 import 'react-draggable';
 import '@mui/material/Slider';
 import '@mui/material/Typography';