@vention/machine-ui 4.0.0 → 4.1.1

package/index.esm.js

@@ -8148,7 +8148,8 @@ const useStyles$m = tss.withNestedSelectors().create(({
 }) => {
   return {
     root: {
-      width: "inherit",
+      width: "100%",
+      minWidth: 0,
       height: theme.spacing(11),
       display: "flex",
       justifyContent: "center",
@@ -8157,11 +8158,13 @@ const useStyles$m = tss.withNestedSelectors().create(({
     },
     inputPaper: {
       display: "flex",
+      minWidth: 0,
+      overflow: "visible",
       height: `calc(${theme.spacing(11)} - 4px)`,
       justifyContent: "space-between",
       alignItems: "center",
       gap: theme.spacing(5),
-      flex: 1,
+      flex: "1 1 0%",
       borderRadius: 0,
       border: `2px solid ${theme.palette.misc.stepper.border}`,
       padding: `0 ${theme.spacing(4)}`,
@@ -8176,9 +8179,12 @@ const useStyles$m = tss.withNestedSelectors().create(({
       color: theme.palette.misc.stepper.text
     },
     value: {
-      flex: "1 1",
+      flex: "1 1 0%",
+      minWidth: 0,
       textAlign: "center",
-      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      overflow: "visible",
+      fontVariantNumeric: "tabular-nums",
       color: theme.palette.misc.stepper.text
     },
     buttonStep: {
@@ -8506,9 +8512,13 @@ const VentionSwitch = props => {
     }
   };
   return jsxs("div", {
+    role: "switch",
+    "aria-busy": checked === "loading" ? true : undefined,
+    "aria-checked": getAriaChecked(checked),
+    "aria-disabled": disabled ? true : undefined,
     className: classes.root,
-    onClick: handleOnchange,
     "data-testid": "vention-switch-root",
+    onClick: handleOnchange,
     children: [checked === "mixed" ? jsx(IconMinus, {
       "data-testid": "vention-switch-minus",
       className: classes.iconMinus
@@ -8671,6 +8681,18 @@ function getRootBorderColor(theme, checked) {
       return theme.palette.icon.tertiary;
   }
 }
+function getAriaChecked(checked) {
+  switch (checked) {
+    case "on":
+      return true;
+    case "off":
+      return false;
+    case "mixed":
+      return "mixed";
+    case "loading":
+      return false;
+  }
+}
 
 const ventionPopoverArrowSize = 10;
 const VentionPopover = props => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "4.0.0",
+  "version": "4.1.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"