npm - @hitachivantara/uikit-react-core - Versions diffs - 5.53.1 → 5.54.0 - Mend

@hitachivantara/uikit-react-core 5.53.1 → 5.54.0

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 (34) hide show

package/dist/cjs/Button/Button.cjs +4 -1
package/dist/cjs/Button/Button.cjs.map +1 -1
package/dist/cjs/Button/Button.styles.cjs +5 -0
package/dist/cjs/Button/Button.styles.cjs.map +1 -1
package/dist/cjs/Card/Card.cjs +1 -2
package/dist/cjs/Card/Card.cjs.map +1 -1
package/dist/cjs/Dialog/Title/Title.cjs +11 -3
package/dist/cjs/Dialog/Title/Title.cjs.map +1 -1
package/dist/cjs/Dialog/Title/Title.styles.cjs +13 -3
package/dist/cjs/Dialog/Title/Title.styles.cjs.map +1 -1
package/dist/cjs/DropDownMenu/DropDownMenu.cjs +9 -2
package/dist/cjs/DropDownMenu/DropDownMenu.cjs.map +1 -1
package/dist/cjs/MultiButton/MultiButton.cjs +26 -9
package/dist/cjs/MultiButton/MultiButton.cjs.map +1 -1
package/dist/cjs/MultiButton/MultiButton.styles.cjs +377 -32
package/dist/cjs/MultiButton/MultiButton.styles.cjs.map +1 -1
package/dist/esm/Button/Button.js +5 -2
package/dist/esm/Button/Button.js.map +1 -1
package/dist/esm/Button/Button.styles.js +5 -0
package/dist/esm/Button/Button.styles.js.map +1 -1
package/dist/esm/Card/Card.js +1 -2
package/dist/esm/Card/Card.js.map +1 -1
package/dist/esm/Dialog/Title/Title.js +11 -3
package/dist/esm/Dialog/Title/Title.js.map +1 -1
package/dist/esm/Dialog/Title/Title.styles.js +13 -3
package/dist/esm/Dialog/Title/Title.styles.js.map +1 -1
package/dist/esm/DropDownMenu/DropDownMenu.js +9 -2
package/dist/esm/DropDownMenu/DropDownMenu.js.map +1 -1
package/dist/esm/MultiButton/MultiButton.js +27 -10
package/dist/esm/MultiButton/MultiButton.js.map +1 -1
package/dist/esm/MultiButton/MultiButton.styles.js +377 -32
package/dist/esm/MultiButton/MultiButton.styles.js.map +1 -1
package/dist/types/index.d.ts +33 -3
package/package.json +5 -5

package/dist/esm/MultiButton/MultiButton.styles.js CHANGED Viewed

@@ -1,9 +1,12 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../utils/classes.js";
+import { staticClasses as staticClasses$1 } from "../DropDownMenu/DropDownMenu.styles.js";
+import "@emotion/react/jsx-runtime";
+import "react";
+import "@hitachivantara/uikit-react-icons";
 const { staticClasses, useClasses } = createClasses("HvMultiButton", {
   root: {
     display: "flex",
-    height: 32,
     alignItems: "center",
     transition: "none",
     background: theme.colors.atmo2,
@@ -14,9 +17,8 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
       zIndex: 5
     },
     "& button$button": {
-      height: 32,
+      minWidth: "unset",
       width: "100%",
-      minWidth: 32,
       maxWidth: 200,
       padding: 0,
       transition: "none",
@@ -26,10 +28,8 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
       borderLeft: "solid 1px transparent",
       borderRight: "solid 1px transparent",
       borderRadius: 0,
-      ...theme.typography.body,
-      "&:active": {
-        backgroundColor: `${theme.colors.atmo3}`
-      },
+      fontWeight: theme.typography.body.fontWeight,
+      fontSize: theme.typography.body.fontSize,
       "&:disabled": {
         color: theme.colors.secondary_60,
         borderTop: `solid 1px ${theme.colors.atmo4}`,
@@ -41,24 +41,36 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
           borderRight: "solid 1px transparent"
         }
       },
-      "&:first-of-type": {
+      "&$firstButton": {
         borderLeft: `solid 1px ${theme.colors.atmo4}`,
         borderTopLeftRadius: theme.radii.base,
-        borderBottomLeftRadius: theme.radii.base
+        borderBottomLeftRadius: theme.radii.base,
+        "&:disabled": {
+          borderLeft: `solid 1px ${theme.colors.atmo4}`
+        }
       },
-      "&:last-of-type": {
+      "&$lastButton": {
         borderRight: `solid 1px ${theme.colors.atmo4}`,
         borderTopRightRadius: theme.radii.base,
         borderBottomRightRadius: theme.radii.base,
+        "&:disabled": {
+          borderRight: `solid 1px ${theme.colors.atmo4}`
+        },
         "&:disabled:hover": {
-          borderRight: `solid 1px ${theme.colors.atmo4} !important`
+          borderRight: `solid 1px ${theme.colors.atmo4}`
         }
       },
-      "&:not(:first-of-type)": {
+      "&:not($firstButton)": {
         marginLeft: "-1px"
       },
       "&$selected": {
+        background: theme.colors.atmo1,
+        ...theme.typography.label,
+        borderRadius: theme.radii.base,
+        border: `solid 1px ${theme.colors.secondary}`,
+        zIndex: 2,
         "&:hover": {
+          background: theme.colors.atmo3,
           "&:not(:disabled)": {
             border: `solid 1px ${theme.colors.secondary}`
           },
@@ -66,31 +78,220 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
             border: `solid 1px ${theme.colors.atmo4}`
           }
         },
+        // prevent the focus ring to be hidden by sibling hover background
+        // even when selected
+        "&.HvIsFocusVisible": {
+          zIndex: 5
+        },
         "&:disabled": {
           zIndex: 1,
           color: theme.colors.secondary_60,
           background: theme.colors.atmo1,
-          border: `solid 1px ${theme.colors.atmo4}`
+          border: `solid 1px ${theme.colors.secondary}`
         }
       }
     },
-    "& button$button$selected": {
-      background: theme.colors.atmo1,
-      height: 34,
-      ...theme.typography.label,
-      borderRadius: theme.radii.base,
-      border: `solid 1px ${theme.colors.secondary}`,
-      zIndex: 2,
-      "&:hover": {
-        background: theme.colors.atmo3
+    // dropdown menu styles
+    "& $button": {
+      [`&.${staticClasses$1.container}`]: {
+        width: "unset"
+      },
+      [`& .${staticClasses$1.icon}`]: {
+        borderTop: `solid 1px ${theme.colors.atmo4}`,
+        borderBottom: `solid 1px ${theme.colors.atmo4}`,
+        borderLeft: "solid 1px transparent",
+        borderRight: "solid 1px transparent",
+        borderRadius: 0,
+        "&:disabled": {
+          borderTop: `solid 1px ${theme.colors.atmo4}`,
+          borderBottom: `solid 1px ${theme.colors.atmo4}`,
+          "&:hover": {
+            borderTop: `solid 1px ${theme.colors.atmo4}`,
+            borderBottom: `solid 1px ${theme.colors.atmo4}`,
+            borderLeft: "solid 1px transparent",
+            borderRight: "solid 1px transparent"
+          }
+        }
       },
-      "&:first-of-type, &:last-of-type": {
+      [`& .${staticClasses$1.iconSelected}`]: {
         border: `solid 1px ${theme.colors.secondary}`
       },
-      // prevent the focus ring to be hidden by sibling hover background
-      // even when selected
-      "&.HvIsFocusVisible": {
-        zIndex: 5
+      "&$firstButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderLeft: `solid 1px ${theme.colors.atmo4}`,
+          borderTopLeftRadius: theme.radii.base,
+          borderBottomLeftRadius: theme.radii.base,
+          "&:disabled": {
+            borderLeft: `solid 1px ${theme.colors.atmo4}`
+          }
+        },
+        [`& .${staticClasses$1.iconSelected}`]: {
+          border: `solid 1px ${theme.colors.secondary}`
+        }
+      },
+      "&$lastButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderRight: `solid 1px ${theme.colors.atmo4}`,
+          borderTopRightRadius: theme.radii.base,
+          borderBottomRightRadius: theme.radii.base,
+          "&:disabled": {
+            borderRight: `solid 1px ${theme.colors.atmo4}`
+          },
+          "&:disabled:hover": {
+            borderRight: `solid 1px ${theme.colors.atmo4}`
+          }
+        },
+        [`& .${staticClasses$1.iconSelected}`]: {
+          border: `solid 1px ${theme.colors.secondary}`
+        }
+      },
+      "&:not($firstButton) > button": {
+        marginLeft: "-1px"
+      }
+    }
+  },
+  splitGroup: {
+    background: theme.colors.atmo1,
+    "& button$button": {
+      marginLeft: -1,
+      "&:disabled": {
+        borderTop: "none",
+        borderBottom: "none",
+        "&:hover": {
+          borderTop: "none",
+          borderBottom: "none"
+        }
+      },
+      "&$firstButton": {
+        "&:not($selected):disabled": {
+          borderLeft: "none",
+          "&:hover": {
+            borderLeft: "none"
+          }
+        }
+      },
+      "&$lastButton": {
+        "&:not($selected):disabled": {
+          borderRight: "none",
+          "&:hover": {
+            borderRight: "none"
+          }
+        }
+      },
+      "&:not($firstButton)": {
+        marginLeft: 0
+      }
+    },
+    // dropdown menu styles
+    "& $button": {
+      marginLeft: -1,
+      [`& .${staticClasses$1.icon}`]: {
+        "&:disabled": {
+          borderTop: "none",
+          borderBottom: "none",
+          "&:hover": {
+            borderTop: "none",
+            borderBottom: "none"
+          }
+        }
+      },
+      [`& .${staticClasses$1.iconSelected}`]: {
+        zIndex: 2
+      },
+      "&$firstButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          "&:disabled": {
+            borderLeft: "none",
+            "&:hover": {
+              borderLeft: "none"
+            }
+          }
+        }
+      },
+      "&$lastButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          "&:disabled": {
+            borderRight: "none",
+            "&:hover": {
+              borderRight: "none"
+            }
+          }
+        }
+      },
+      "&:not($firstButton) > button": {
+        marginLeft: 0
+      }
+    },
+    "&$secondarySubtle": {
+      "& button$button": {
+        borderTop: `solid 1px ${theme.colors.secondary}`,
+        borderBottom: `solid 1px ${theme.colors.secondary}`,
+        "&$firstButton": {
+          borderLeft: `solid 1px ${theme.colors.secondary}`
+        },
+        "&$lastButton": {
+          borderRight: `solid 1px ${theme.colors.secondary}`
+        },
+        "&:not($selected):disabled": {
+          borderTop: "none",
+          borderBottom: "none",
+          "&:hover": {
+            borderTop: "none",
+            borderBottom: "none"
+          },
+          "&$firstButton": {
+            "&:not($selected):disabled": {
+              borderLeft: "none",
+              "&:hover": {
+                borderLeft: "none"
+              }
+            }
+          },
+          "&$lastButton": {
+            "&:not($selected):disabled": {
+              borderRight: "none",
+              "&:hover": {
+                borderRight: "none"
+              }
+            }
+          }
+        }
+      },
+      "& $button": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderTop: `solid 1px ${theme.colors.secondary}`,
+          borderBottom: `solid 1px ${theme.colors.secondary}`,
+          "&:disabled": {
+            borderTop: "none",
+            borderBottom: "none",
+            "&:hover": {
+              borderTop: "none",
+              borderBottom: "none"
+            }
+          }
+        },
+        "&$firstButton": {
+          [`& .${staticClasses$1.icon}`]: {
+            borderLeft: `solid 1px ${theme.colors.secondary}`,
+            "&:disabled": {
+              borderLeft: "none",
+              "&:hover": {
+                borderLeft: "none"
+              }
+            }
+          }
+        },
+        "&$lastButton": {
+          [`& .${staticClasses$1.icon}`]: {
+            borderRight: `solid 1px ${theme.colors.secondary}`,
+            "&:disabled": {
+              borderRight: "none",
+              "&:hover": {
+                borderRight: "none"
+              }
+            }
+          }
+        }
       }
     }
   },
@@ -104,6 +305,7 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
       flex: "1 1 20px"
     },
     "& button$button": {
+      minWidth: 32,
       width: "100%",
       borderLeft: `solid 1px ${theme.colors.atmo4}`,
       borderRight: `solid 1px ${theme.colors.atmo4}`,
@@ -122,20 +324,20 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
           borderBottom: "solid 1px transparent"
         }
       },
-      "&:first-of-type": {
+      "&$firstButton": {
         borderTop: `solid 1px ${theme.colors.atmo4}`,
         borderTopLeftRadius: theme.radii.base,
         borderTopRightRadius: theme.radii.base
       },
-      "&:last-of-type": {
+      "&$lastButton": {
         borderBottom: `solid 1px ${theme.colors.atmo4}`,
         borderBottomLeftRadius: theme.radii.base,
         borderBottomRightRadius: theme.radii.base,
         "&:disabled:hover": {
-          borderBottom: `solid 1px ${theme.colors.atmo4} !important`
+          borderBottom: `solid 1px ${theme.colors.atmo4}`
         }
       },
-      "&:not(:first-of-type)": {
+      "&:not($firstButton)": {
         marginLeft: 0,
         marginTop: -1
       },
@@ -158,7 +360,150 @@ const { staticClasses, useClasses } = createClasses("HvMultiButton", {
         }
       }
     }
-  }
+  },
+  primary: {
+    "& button$button": {
+      borderTop: "none",
+      borderBottom: "none",
+      "&$firstButton": {
+        borderLeft: "none"
+      },
+      "&$lastButton": {
+        borderRight: "none"
+      },
+      "&$selected": {
+        border: `solid 1px ${theme.colors.secondary}`
+      }
+    },
+    // dropdown menu styles
+    "& $button": {
+      [`& .${staticClasses$1.icon}`]: {
+        borderTop: "none",
+        borderBottom: "none"
+      },
+      [`& .${staticClasses$1.iconSelected}`]: {
+        border: `solid 1px ${theme.colors.secondary}`
+      },
+      "&$firstButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderLeft: "none"
+        },
+        [`& .${staticClasses$1.iconSelected}`]: {
+          borderLeft: `solid 1px ${theme.colors.secondary}`
+        }
+      },
+      "&$lastButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderRight: "none"
+        },
+        [`& .${staticClasses$1.iconSelected}`]: {
+          borderRight: `solid 1px ${theme.colors.secondary}`
+        }
+      }
+    }
+  },
+  primarySubtle: {
+    "& button$button": {
+      borderTop: `solid 1px ${theme.colors.primary}`,
+      borderBottom: `solid 1px ${theme.colors.primary}`,
+      "&$firstButton": {
+        borderLeft: `solid 1px ${theme.colors.primary}`
+      },
+      "&$lastButton": {
+        borderRight: `solid 1px ${theme.colors.primary}`
+      }
+    },
+    // dropdown menu styles
+    "& $button": {
+      [`& .${staticClasses$1.icon}`]: {
+        borderTop: `solid 1px ${theme.colors.primary}`,
+        borderBottom: `solid 1px ${theme.colors.primary}`
+      },
+      "&$firstButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderLeft: `solid 1px ${theme.colors.primary}`
+        },
+        [`& .${staticClasses$1.iconSelected}`]: {
+          border: `solid 1px ${theme.colors.secondary}`
+        }
+      },
+      "&$lastButton": {
+        [`& .${staticClasses$1.icon}`]: {
+          borderRight: `solid 1px ${theme.colors.primary}`
+        },
+        [`& .${staticClasses$1.iconSelected}`]: {
+          border: `solid 1px ${theme.colors.secondary}`
+        }
+      }
+    }
+  },
+  primaryGhost: {},
+  secondary: {},
+  secondarySubtle: {},
+  secondaryGhost: {
+    "& button$button": {
+      "&:disabled": {
+        background: theme.colors.atmo3
+      }
+    },
+    // dropdown menu styles
+    "& $button": {
+      [`& .${staticClasses$1.icon}`]: {
+        "&:disabled": {
+          background: theme.colors.atmo3
+        }
+      }
+    }
+  },
+  firstButton: {},
+  lastButton: {},
+  split: {
+    width: 1,
+    height: "100%",
+    background: "currentColor"
+  },
+  splitContainer: {
+    zIndex: 1,
+    marginLeft: -1,
+    width: 1,
+    height: "100%",
+    paddingTop: 4,
+    paddingBottom: 4,
+    color: theme.colors.secondary,
+    borderTop: `1px solid ${theme.colors.atmo4}`,
+    borderBottom: `1px solid ${theme.colors.atmo4}`,
+    "&$primary": {
+      color: theme.colors.atmo1,
+      backgroundColor: theme.colors.primary,
+      borderTop: `1px solid ${theme.colors.primary}`,
+      borderBottom: `1px solid ${theme.colors.primary}`
+    },
+    "&$primarySubtle": {
+      color: theme.colors.primary,
+      borderTop: `1px solid ${theme.colors.primary}`,
+      borderBottom: `1px solid ${theme.colors.primary}`
+    },
+    "&$primaryGhost": {
+      color: theme.colors.primary,
+      borderTop: `1px solid ${theme.colors.primary}`,
+      borderBottom: `1px solid ${theme.colors.primary}`
+    },
+    "&$secondarySubtle": {
+      color: theme.colors.secondary,
+      borderTop: `1px solid ${theme.colors.secondary}`,
+      borderBottom: `1px solid ${theme.colors.secondary}`
+    },
+    "&$secondaryGhost": {
+      color: theme.colors.secondary
+    },
+    "&$splitDisabled": {
+      background: theme.colors.atmo3,
+      color: theme.colors.secondary_60,
+      borderTop: "none",
+      borderBottom: "none"
+    }
+  },
+  splitDisabled: {}
 });
 export {
   staticClasses,

package/dist/esm/MultiButton/MultiButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiButton.styles.js","sources":["../../../src/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvMultiButton\", {\n root: {\n display: \"flex\",\n height: 32,\n alignItems: \"center\",\n transition: \"none\",\n background: theme.colors.atmo2,\n position: \"relative\",\n zIndex: 0,\n\n // prevent the focus ring to be hidden by sibling hover background\n \"&>.HvIsFocusVisible\": {\n zIndex: 5,\n },\n\n \"& button$button\": {\n height: 32,\n width: \"100%\",\n minWidth: 32,\n maxWidth: 200,\n padding: 0,\n transition: \"none\",\n flex: \"1 0 0px\",\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n borderRadius: 0,\n ...theme.typography.body,\n \"&:active\": {\n backgroundColor: `${theme.colors.atmo3}`,\n },\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n \"&:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n },\n \"&:first-of-type\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderBottomLeftRadius: theme.radii.base,\n },\n \"&:last-of-type\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTopRightRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderRight: `solid 1px ${theme.colors.atmo4} !important`,\n },\n },\n \"&:not(:first-of-type)\": {\n marginLeft: \"-1px\",\n },\n \"&$selected\": {\n \"&:hover\": {\n \"&:not(:disabled)\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n \"&:disabled\": {\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n },\n \"& button$button$selected\": {\n background: theme.colors.atmo1,\n height: 34,\n ...theme.typography.label,\n borderRadius: theme.radii.base,\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover\": {\n background: theme.colors.atmo3,\n },\n \"&:first-of-type, &:last-of-type\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n\n // prevent the focus ring to be hidden by sibling hover background\n // even when selected\n \"&.HvIsFocusVisible\": {\n zIndex: 5,\n },\n },\n },\n button: {},\n selected: {},\n // vertical button display Styling\n vertical: {\n flexDirection: \"column\",\n height: \"auto\",\n btnSecondary: {\n flex: \"1 1 20px\",\n },\n \"& button$button\": {\n width: \"100%\",\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:hover\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n },\n },\n \"&:first-of-type\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderTopRightRadius: theme.radii.base,\n },\n \"&:last-of-type\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderBottomLeftRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderBottom: `solid 1px ${theme.colors.atmo4} !important`,\n },\n },\n \"&:not(:first-of-type)\": {\n marginLeft: 0,\n marginTop: -1,\n },\n \"&$selected\": {\n height: 32,\n width: `calc(100% + 2px) !important`,\n background: theme.colors.atmo1,\n ...theme.typography.label,\n borderRadius: theme.radii.base,\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover, &:focus\": {\n background: theme.colors.atmo3,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n },\n },\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"MultiButton.styles.js","sources":["../../../src/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { dropDownMenuClasses } from \"../DropDownMenu\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvMultiButton\", {\n root: {\n display: \"flex\",\n alignItems: \"center\",\n transition: \"none\",\n background: theme.colors.atmo2,\n position: \"relative\",\n zIndex: 0,\n\n // prevent the focus ring to be hidden by sibling hover background\n \"&>.HvIsFocusVisible\": {\n zIndex: 5,\n },\n\n \"& button$button\": {\n minWidth: \"unset\",\n width: \"100%\",\n maxWidth: 200,\n padding: 0,\n transition: \"none\",\n flex: \"1 0 0px\",\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n borderRadius: 0,\n fontWeight: theme.typography.body.fontWeight,\n fontSize: theme.typography.body.fontSize,\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n \"&:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n },\n \"&$firstButton\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderBottomLeftRadius: theme.radii.base,\n \"&:disabled\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&$lastButton\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTopRightRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n \"&:disabled:hover\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:not($firstButton)\": {\n marginLeft: \"-1px\",\n },\n \"&$selected\": {\n background: theme.colors.atmo1,\n ...theme.typography.label,\n borderRadius: theme.radii.base,\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover\": {\n background: theme.colors.atmo3,\n \"&:not(:disabled)\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n \"&:disabled\": {\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n // prevent the focus ring to be hidden by sibling hover background\n // even when selected\n \"&.HvIsFocusVisible\": {\n zIndex: 5,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.secondary}`,\n },\n },\n },\n // dropdown menu styles\n \"& $button\": {\n [`&.${dropDownMenuClasses.container}`]: {\n width: \"unset\",\n },\n [`& .${dropDownMenuClasses.icon}`]: {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n borderRadius: 0,\n \"&:disabled\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n \"&:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n },\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n \"&$firstButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderBottomLeftRadius: theme.radii.base,\n \"&:disabled\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n },\n \"&$lastButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTopRightRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n \"&:disabled:hover\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n },\n \"&:not($firstButton) > button\": {\n marginLeft: \"-1px\",\n },\n },\n },\n splitGroup: {\n background: theme.colors.atmo1,\n \"& button$button\": {\n marginLeft: -1,\n \"&:disabled\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n \"&:hover\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n },\n },\n \"&$firstButton\": {\n \"&:not($selected):disabled\": {\n borderLeft: \"none\",\n \"&:hover\": {\n borderLeft: \"none\",\n },\n },\n },\n \"&$lastButton\": {\n \"&:not($selected):disabled\": {\n borderRight: \"none\",\n \"&:hover\": {\n borderRight: \"none\",\n },\n },\n },\n \"&:not($firstButton)\": {\n marginLeft: 0,\n },\n },\n // dropdown menu styles\n \"& $button\": {\n marginLeft: -1,\n [`& .${dropDownMenuClasses.icon}`]: {\n \"&:disabled\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n \"&:hover\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n },\n },\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n zIndex: 2,\n },\n \"&$firstButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n \"&:disabled\": {\n borderLeft: \"none\",\n \"&:hover\": {\n borderLeft: \"none\",\n },\n },\n },\n },\n \"&$lastButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n \"&:disabled\": {\n borderRight: \"none\",\n \"&:hover\": {\n borderRight: \"none\",\n },\n },\n },\n },\n \"&:not($firstButton) > button\": {\n marginLeft: 0,\n },\n },\n \"&$secondarySubtle\": {\n \"& button$button\": {\n borderTop: `solid 1px ${theme.colors.secondary}`,\n borderBottom: `solid 1px ${theme.colors.secondary}`,\n \"&$firstButton\": {\n borderLeft: `solid 1px ${theme.colors.secondary}`,\n },\n \"&$lastButton\": {\n borderRight: `solid 1px ${theme.colors.secondary}`,\n },\n \"&:not($selected):disabled\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n \"&:hover\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n },\n \"&$firstButton\": {\n \"&:not($selected):disabled\": {\n borderLeft: \"none\",\n \"&:hover\": {\n borderLeft: \"none\",\n },\n },\n },\n \"&$lastButton\": {\n \"&:not($selected):disabled\": {\n borderRight: \"none\",\n \"&:hover\": {\n borderRight: \"none\",\n },\n },\n },\n },\n },\n \"& $button\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderTop: `solid 1px ${theme.colors.secondary}`,\n borderBottom: `solid 1px ${theme.colors.secondary}`,\n \"&:disabled\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n \"&:hover\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n },\n },\n },\n \"&$firstButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderLeft: `solid 1px ${theme.colors.secondary}`,\n \"&:disabled\": {\n borderLeft: \"none\",\n \"&:hover\": {\n borderLeft: \"none\",\n },\n },\n },\n },\n \"&$lastButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderRight: `solid 1px ${theme.colors.secondary}`,\n \"&:disabled\": {\n borderRight: \"none\",\n \"&:hover\": {\n borderRight: \"none\",\n },\n },\n },\n },\n },\n },\n },\n button: {},\n selected: {},\n // vertical button display Styling\n vertical: {\n flexDirection: \"column\",\n height: \"auto\",\n btnSecondary: {\n flex: \"1 1 20px\",\n },\n \"& button$button\": {\n minWidth: 32,\n width: \"100%\",\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:hover\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n },\n },\n \"&$firstButton\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderTopRightRadius: theme.radii.base,\n },\n \"&$lastButton\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderBottomLeftRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:not($firstButton)\": {\n marginLeft: 0,\n marginTop: -1,\n },\n \"&$selected\": {\n height: 32,\n width: `calc(100% + 2px) !important`,\n background: theme.colors.atmo1,\n ...theme.typography.label,\n borderRadius: theme.radii.base,\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover, &:focus\": {\n background: theme.colors.atmo3,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n },\n },\n primary: {\n \"& button$button\": {\n borderTop: \"none\",\n borderBottom: \"none\",\n\n \"&$firstButton\": {\n borderLeft: \"none\",\n },\n \"&$lastButton\": {\n borderRight: \"none\",\n },\n \"&$selected\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n },\n\n // dropdown menu styles\n \"& $button\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderTop: \"none\",\n borderBottom: \"none\",\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n \"&$firstButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderLeft: \"none\",\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n borderLeft: `solid 1px ${theme.colors.secondary}`,\n },\n },\n \"&$lastButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderRight: \"none\",\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n borderRight: `solid 1px ${theme.colors.secondary}`,\n },\n },\n },\n },\n primarySubtle: {\n \"& button$button\": {\n borderTop: `solid 1px ${theme.colors.primary}`,\n borderBottom: `solid 1px ${theme.colors.primary}`,\n \"&$firstButton\": {\n borderLeft: `solid 1px ${theme.colors.primary}`,\n },\n \"&$lastButton\": {\n borderRight: `solid 1px ${theme.colors.primary}`,\n },\n },\n // dropdown menu styles\n \"& $button\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderTop: `solid 1px ${theme.colors.primary}`,\n borderBottom: `solid 1px ${theme.colors.primary}`,\n },\n \"&$firstButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderLeft: `solid 1px ${theme.colors.primary}`,\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n },\n \"&$lastButton\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n borderRight: `solid 1px ${theme.colors.primary}`,\n },\n [`& .${dropDownMenuClasses.iconSelected}`]: {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n },\n },\n },\n primaryGhost: {},\n secondary: {},\n secondarySubtle: {},\n secondaryGhost: {\n \"& button$button\": {\n \"&:disabled\": {\n background: theme.colors.atmo3,\n },\n },\n // dropdown menu styles\n \"& $button\": {\n [`& .${dropDownMenuClasses.icon}`]: {\n \"&:disabled\": {\n background: theme.colors.atmo3,\n },\n },\n },\n },\n firstButton: {},\n lastButton: {},\n split: {\n width: 1,\n height: \"100%\",\n background: \"currentColor\",\n },\n splitContainer: {\n zIndex: 1,\n marginLeft: -1,\n width: 1,\n height: \"100%\",\n paddingTop: 4,\n paddingBottom: 4,\n color: theme.colors.secondary,\n borderTop: `1px solid ${theme.colors.atmo4}`,\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n \"&$primary\": {\n color: theme.colors.atmo1,\n backgroundColor: theme.colors.primary,\n borderTop: `1px solid ${theme.colors.primary}`,\n borderBottom: `1px solid ${theme.colors.primary}`,\n },\n \"&$primarySubtle\": {\n color: theme.colors.primary,\n borderTop: `1px solid ${theme.colors.primary}`,\n borderBottom: `1px solid ${theme.colors.primary}`,\n },\n \"&$primaryGhost\": {\n color: theme.colors.primary,\n borderTop: `1px solid ${theme.colors.primary}`,\n borderBottom: `1px solid ${theme.colors.primary}`,\n },\n \"&$secondarySubtle\": {\n color: theme.colors.secondary,\n borderTop: `1px solid ${theme.colors.secondary}`,\n borderBottom: `1px solid ${theme.colors.secondary}`,\n },\n \"&$secondaryGhost\": {\n color: theme.colors.secondary,\n },\n \"&$splitDisabled\": {\n background: theme.colors.atmo3,\n color: theme.colors.secondary_60,\n borderTop: \"none\",\n borderBottom: \"none\",\n },\n },\n splitDisabled: {},\n});\n"],"names":["dropDownMenuClasses"],"mappings":"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"}

package/dist/types/index.d.ts CHANGED Viewed

@@ -2290,12 +2290,12 @@ export declare interface HvCardProps extends HvBaseProps {
     /** Whether the card is currently selected. */
     selected?: boolean;
     /** The background color of the card. */
-    bgcolor?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys | "transparent";
+    bgcolor?: "sema0" | HvColorAny;
     /**
      *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.
      *  To set another color, the borderTop should be override.
      */
-    statusColor?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
+    statusColor?: "sema0" | HvColorAny;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvCardClasses;
 }
@@ -3212,6 +3212,8 @@ export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement,
     category?: HvButtonVariant;
     /** The variant to be used in the header. */
     variant?: HvButtonVariant;
+    /** Button size. */
+    size?: HvButtonSize;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDropDownMenuClasses;
 }
@@ -4584,6 +4586,10 @@ export declare interface HvMultiButtonProps extends HvBaseProps {
     variant?: HvButtonVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvMultiButtonClasses;
+    /** Button size. */
+    size?: HvButtonSize;
+    /** Add a split between buttons */
+    split?: boolean;
 }
 export declare const hvNodeFallback: (value: any) => any;
@@ -7835,10 +7841,22 @@ export declare const loginClasses: {
 };
 export declare const multiButtonClasses: {
+    secondary: "HvMultiButton-secondary";
+    primary: "HvMultiButton-primary";
     vertical: "HvMultiButton-vertical";
+    split: "HvMultiButton-split";
     root: "HvMultiButton-root";
+    secondarySubtle: "HvMultiButton-secondarySubtle";
     selected: "HvMultiButton-selected";
     button: "HvMultiButton-button";
+    secondaryGhost: "HvMultiButton-secondaryGhost";
+    primaryGhost: "HvMultiButton-primaryGhost";
+    primarySubtle: "HvMultiButton-primarySubtle";
+    splitGroup: "HvMultiButton-splitGroup";
+    firstButton: "HvMultiButton-firstButton";
+    lastButton: "HvMultiButton-lastButton";
+    splitContainer: "HvMultiButton-splitContainer";
+    splitDisabled: "HvMultiButton-splitDisabled";
 };
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
@@ -10511,12 +10529,24 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
-declare const useClasses_87: (classesProp?: Partial<Record<"vertical" | "root" | "selected" | "button", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "splitGroup" | "firstButton" | "lastButton" | "splitContainer" | "splitDisabled", string>>, addStatic?: boolean) => {
     classes: {
+        secondary: string;
+        primary: string;
         vertical: string;
+        split: string;
         root: string;
+        secondarySubtle: string;
         selected: string;
         button: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
+        splitGroup: string;
+        firstButton: string;
+        lastButton: string;
+        splitContainer: string;
+        splitDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;