@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/BulkActions/BulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActions.js","names":["React","useState","useEffect","clsx","PropTypes","withStyles","HvButton","HvCheckBox","HvTypography","Actions","withLabels","styles","setId","DEFAULT_LABELS","selectAll","selectAllPages","deselectAllPages","HvBulkActions","props","id","className","classes","labels","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","showSelectAllPages","actions","actionsCallback","actionsDisabled","maxVisibleActions","others","editMode","setEditMode","defaultSelectAllLabel","root","selectAllContainer","args","propTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","iconCallback","disabled","name"],"sources":["../../../src/BulkActions/BulkActions.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvCheckBox, HvTypography } from \"..\";\nimport Actions from \"../Actions\";\nimport withLabels from \"../withLabels\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\nexport const DEFAULT_LABELS = {\n  selectAll: \"All\",\n  selectAllPages: \"Select all from all pages\",\n  deselectAllPages: \"Unselect all\",\n};\n\n/**\n * Bulk Actions allow users to perform an action to a single or multiple items,\n * also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nconst HvBulkActions = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    labels,\n    numTotal = 0,\n    numSelected = 0,\n    onSelectAll,\n    onSelectAllPages,\n    selectAllLabel,\n    showSelectAllPages = false,\n    actions,\n    actionsCallback,\n    actionsDisabled,\n    maxVisibleActions,\n    ...others\n  } = props;\n  const [editMode, setEditMode] = useState(false);\n\n  useEffect(() => {\n    setEditMode(numSelected > 0);\n  }, [numSelected]);\n\n  const defaultSelectAllLabel = (\n    <HvTypography component=\"span\" variant=\"normalText\">\n      {!editMode ? (\n        <b>{labels.selectAll}</b>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` of ${numTotal} items`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.editMode]: editMode,\n      })}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.selectAll}\n          checked={numSelected > 0}\n          semantic={editMode}\n          onChange={(...args) => onSelectAll?.(...args)}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabel ?? defaultSelectAllLabel}\n        />\n        {showSelectAllPages && editMode && (\n          <HvButton\n            id={setId(id, \"pages\")}\n            className={classes.selectAllPages}\n            category={editMode ? \"semantic\" : \"ghost\"}\n            onClick={(...args) => onSelectAllPages?.(...args)}\n          >\n            {numSelected === numTotal ? labels.deselectAllPages : labels.selectAllPages}\n          </HvButton>\n        )}\n      </div>\n      <Actions\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={editMode ? \"semantic\" : \"ghost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n\nHvBulkActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in edit mode.\n     */\n    editMode: PropTypes.string,\n    /**\n     * Styles applied to the Actions root class.\n     */\n    actions: PropTypes.string,\n    /**\n     * Styles applied to the Select All container.\n     */\n    selectAllContainer: PropTypes.string,\n    /**\n     * Styles applied to the Select All checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the Select All pages button.\n     */\n    selectAllPages: PropTypes.string,\n  }).isRequired,\n  /**\n   * Labels\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label applied to the Select All when no item is selected.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Label applied to the Select All across all pages.\n     */\n    selectAllPages: PropTypes.string,\n    /**\n     * Label applied to the Select All across all pages when all elements are selected.\n     */\n    deselectAllPages: PropTypes.string,\n  }),\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel: PropTypes.node,\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages: PropTypes.bool,\n  /**\n   * The total number of elements\n   */\n  numTotal: PropTypes.number,\n  /**\n   * The number of elements currently selected\n   */\n  numSelected: PropTypes.number,\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll: PropTypes.func,\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages: PropTypes.func,\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        iconCallback: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled: PropTypes.bool,\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvBulkActions\" })(\n  withLabels(DEFAULT_LABELS)(HvBulkActions)\n);\n"],"mappings":"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"}

package/dist/modern/BulkActions/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BulkActions";
+export * from "./BulkActions";

package/dist/modern/BulkActions/index.js

@@ -0,0 +1,2 @@
+export { default } from "./BulkActions";
+//# sourceMappingURL=index.js.map

package/dist/modern/BulkActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/BulkActions/index.js"],"sourcesContent":["export { default } from \"./BulkActions\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

package/dist/modern/BulkActions/styles.js

@@ -0,0 +1,29 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { semanticStyles } from "../withSemantic";
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    backgroundColor: theme.palette.atmo1,
+    margin: theme.spacing("sm", 0, "xs")
+  },
+  editMode: {
+    backgroundColor: theme.palette.sema7,
+    "& $selectAll": _objectSpread({}, semanticStyles(theme))
+  },
+  selectAllContainer: {},
+  selectAll: {},
+  selectAllPages: {},
+  actions: {
+    display: "inline-flex",
+    marginLeft: "auto"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/BulkActions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["semanticStyles","styles","theme","root","display","backgroundColor","palette","atmo1","margin","spacing","editMode","sema7","selectAllContainer","selectAll","selectAllPages","actions","marginLeft"],"sources":["../../../src/BulkActions/styles.js"],"sourcesContent":["import { semanticStyles } from \"../withSemantic\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.palette.atmo1,\n    margin: theme.spacing(\"sm\", 0, \"xs\"),\n  },\n  editMode: {\n    backgroundColor: theme.palette.sema7,\n    \"& $selectAll\": {\n      ...semanticStyles(theme),\n    },\n  },\n  selectAllContainer: {},\n  selectAll: {},\n  selectAllPages: {},\n  actions: {\n    display: \"inline-flex\",\n    marginLeft: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,cAAT,QAA+B,iBAA/B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC,KAF3B;IAGJC,MAAM,EAAEN,KAAK,CAACO,OAAN,CAAc,IAAd,EAAoB,CAApB,EAAuB,IAAvB;EAHJ,CADmB;EAMzBC,QAAQ,EAAE;IACRL,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcK,KADvB;IAER,kCACKX,cAAc,CAACE,KAAD,CADnB;EAFQ,CANe;EAYzBU,kBAAkB,EAAE,EAZK;EAazBC,SAAS,EAAE,EAbc;EAczBC,cAAc,EAAE,EAdS;EAezBC,OAAO,EAAE;IACPX,OAAO,EAAE,aADF;IAEPY,UAAU,EAAE;EAFL;AAfgB,CAAZ,CAAf;;AAqBA,eAAef,MAAf"}

package/dist/modern/Button/Button.d.ts

@@ -0,0 +1,38 @@
+import { ButtonProps, StandardProps } from "@material-ui/core";
+
+export type HvButtonCategories =
+  | "primary"
+  | "secondary"
+  | "ghost"
+  | "ghostSecondary"
+  | "semantic"
+  | "icon";
+
+export interface HvButtonProps extends StandardProps<ButtonProps, HvButtonClassKey> {
+  /**
+   * Category of button to use
+   */
+  category?: HvButtonCategories;
+
+  /**
+   * Defines the default colors of the button are forced into the icon.
+   */
+  overrideIconColors?: boolean;
+}
+
+export type HvButtonClassKey =
+  | "root"
+  | "rootIcon"
+  | "primary"
+  | "primaryDisabled"
+  | "secondary"
+  | "secondaryDisabled"
+  | "ghost"
+  | "ghostDisabled"
+  | "ghostSecondary"
+  | "ghostSecondaryDisabled"
+  | "semantic"
+  | "semanticDisabled"
+  | "startIcon";
+
+export default function HvButton(props: HvButtonProps): JSX.Element | null;

package/dist/modern/Button/Button.js

@@ -0,0 +1,163 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "className", "children", "disabled", "onClick", "category", "startIcon", "overrideIconColors"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Button, withStyles } from "@material-ui/core";
+import getMaterialConfiguration from "./materialConfigurarion";
+import styles from "./styles";
+/**
+ * A button refers to a graphical control element that provides the user a way to trigger an event.
+ */
+
+const HvButton = props => {
+  const {
+    id,
+    classes,
+    className,
+    children,
+    disabled,
+    onClick,
+    category = "primary",
+    startIcon,
+    overrideIconColors = true
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const buttonConfiguration = getMaterialConfiguration(classes, category);
+
+  const onClickHandler = event => {
+    if (!disabled) onClick === null || onClick === void 0 ? void 0 : onClick(event);
+  };
+
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    className: clsx(className, overrideIconColors && classes[`${category}SVG`], category === "icon" && classes.rootIcon),
+    id: id,
+    classes: buttonConfiguration.classes,
+    variant: buttonConfiguration.variant,
+    color: buttonConfiguration.color,
+    disabled: disabled,
+    disableRipple: true,
+    onClick: onClickHandler,
+    startIcon: startIcon
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvButton.propTypes = {
+  /**
+   * Category of button to use
+   */
+  category: PropTypes.oneOf(["ghost", "ghostSecondary", "icon", "primary", "secondary", "semantic"]),
+
+  /**
+   * The content of the button.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See CSS API tab for more details.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the ghost button.
+     */
+    ghost: PropTypes.string,
+
+    /**
+     * Styles applied to the ghost button when it is disabled.
+     */
+    ghostDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the secondary ghost button.
+     */
+    ghostSecondary: PropTypes.string,
+
+    /**
+     * Styles applied to the secondary ghost button when it is disabled.
+     */
+    ghostSecondaryDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the primary button.
+     */
+    primary: PropTypes.string,
+
+    /**
+     * Styles applied to the primary button when it is disabled.
+     */
+    primaryDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when category is icon.
+     */
+    rootIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the secondary button.
+     */
+    secondary: PropTypes.string,
+
+    /**
+     * Styles applied to the secondary button when it is disabled.
+     */
+    secondaryDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the semantic button.
+     */
+    semantic: PropTypes.string,
+
+    /**
+     * Styles applied to the semantic button when it is disabled.
+     */
+    semanticDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the inspireRed primary button.
+     */
+    startIcon: PropTypes.string
+  }),
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * If `true`, the button will be disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The function executed when the button is pressed.
+   * @param event React.MouseEvent<HTMLButtonElement>
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Element placed before the children.
+   */
+  startIcon: PropTypes.node,
+
+  /**
+   * Defines the default colors of the button are forced into the icon.
+   */
+  overrideIconColors: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvButton"
+})(HvButton);
+//# sourceMappingURL=Button.js.map

package/dist/modern/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["React","PropTypes","clsx","Button","withStyles","getMaterialConfiguration","styles","HvButton","props","id","classes","className","children","disabled","onClick","category","startIcon","overrideIconColors","others","buttonConfiguration","onClickHandler","event","rootIcon","variant","color","propTypes","oneOf","node","isRequired","shape","ghost","string","ghostDisabled","ghostSecondary","ghostSecondaryDisabled","primary","primaryDisabled","root","secondary","secondaryDisabled","semantic","semanticDisabled","bool","func","name"],"sources":["../../../src/Button/Button.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Button, withStyles } from \"@material-ui/core\";\nimport getMaterialConfiguration from \"./materialConfigurarion\";\nimport styles from \"./styles\";\n\n/**\n * A button refers to a graphical control element that provides the user a way to trigger an event.\n */\nconst HvButton = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    children,\n    disabled,\n    onClick,\n    category = \"primary\",\n    startIcon,\n    overrideIconColors = true,\n    ...others\n  } = props;\n\n  const buttonConfiguration = getMaterialConfiguration(classes, category);\n  const onClickHandler = (event) => {\n    if (!disabled) onClick?.(event);\n  };\n\n  return (\n    <Button\n      className={clsx(className, {\n        [classes.rootIcon]: category === \"icon\",\n        [classes[`${category}SVG`]]: overrideIconColors,\n      })}\n      id={id}\n      classes={buttonConfiguration.classes}\n      variant={buttonConfiguration.variant}\n      color={buttonConfiguration.color}\n      disabled={disabled}\n      disableRipple\n      onClick={onClickHandler}\n      startIcon={startIcon}\n      {...others}\n    >\n      {children}\n    </Button>\n  );\n};\n\nHvButton.propTypes = {\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\n    \"ghost\",\n    \"ghostSecondary\",\n    \"icon\",\n    \"primary\",\n    \"secondary\",\n    \"semantic\",\n  ]),\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the ghost button.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghost button when it is disabled.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the secondary ghost button.\n     */\n    ghostSecondary: PropTypes.string,\n    /**\n     * Styles applied to the secondary ghost button when it is disabled.\n     */\n    ghostSecondaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the primary button.\n     */\n    primary: PropTypes.string,\n    /**\n     * Styles applied to the primary button when it is disabled.\n     */\n    primaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root when category is icon.\n     */\n    rootIcon: PropTypes.string,\n    /**\n     * Styles applied to the secondary button.\n     */\n    secondary: PropTypes.string,\n    /**\n     * Styles applied to the secondary button when it is disabled.\n     */\n    secondaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the semantic button.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the semantic button when it is disabled.\n     */\n    semanticDisabled: PropTypes.string,\n    /**\n     * Styles applied to the inspireRed primary button.\n     */\n    startIcon: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the button will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The function executed when the button is pressed.\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\n  /**\n   * Element placed before the children.\n   */\n  startIcon: PropTypes.node,\n  /**\n   * Defines the default colors of the button are forced into the icon.\n   */\n  overrideIconColors: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvButton\" })(HvButton);\n"],"mappings":"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"}

package/dist/modern/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Button";
+export * from "./Button";

package/dist/modern/Button/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Button";
+//# sourceMappingURL=index.js.map

package/dist/modern/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Button/index.js"],"sourcesContent":["export { default } from \"./Button\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}

package/dist/modern/Button/materialButtonConfiguration.js

@@ -0,0 +1,13 @@
+const materialButtonConfiguration = Object.freeze({
+  color: {
+    primary: "primary",
+    secondary: "secondary"
+  },
+  variant: {
+    outlined: "outlined",
+    contained: "contained",
+    text: "text"
+  }
+});
+export default materialButtonConfiguration;
+//# sourceMappingURL=materialButtonConfiguration.js.map

package/dist/modern/Button/materialButtonConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"materialButtonConfiguration.js","names":["materialButtonConfiguration","Object","freeze","color","primary","secondary","variant","outlined","contained","text"],"sources":["../../../src/Button/materialButtonConfiguration.js"],"sourcesContent":["const materialButtonConfiguration = Object.freeze({\n  color: {\n    primary: \"primary\",\n    secondary: \"secondary\",\n  },\n  variant: {\n    outlined: \"outlined\",\n    contained: \"contained\",\n    text: \"text\",\n  },\n});\n\nexport default materialButtonConfiguration;\n"],"mappings":"AAAA,MAAMA,2BAA2B,GAAGC,MAAM,CAACC,MAAP,CAAc;EAChDC,KAAK,EAAE;IACLC,OAAO,EAAE,SADJ;IAELC,SAAS,EAAE;EAFN,CADyC;EAKhDC,OAAO,EAAE;IACPC,QAAQ,EAAE,UADH;IAEPC,SAAS,EAAE,WAFJ;IAGPC,IAAI,EAAE;EAHC;AALuC,CAAd,CAApC;AAYA,eAAeT,2BAAf"}

package/dist/modern/Button/materialConfigurarion.js

@@ -0,0 +1,95 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import materialButtonConfiguration from "./materialButtonConfiguration";
+const materialContained = {
+  color: materialButtonConfiguration.color.primary,
+  variant: materialButtonConfiguration.variant.contained
+};
+const materialOutlined = {
+  color: materialButtonConfiguration.color.primary,
+  variant: materialButtonConfiguration.variant.outlined
+};
+const materialText = {
+  color: materialButtonConfiguration.color.primary,
+  variant: materialButtonConfiguration.variant.text
+};
+const categoryValues = Object.freeze({
+  primary: "primary",
+  secondary: "secondary",
+  ghost: "ghost",
+  ghostSecondary: "ghostSecondary",
+  semantic: "semantic",
+  icon: "icon"
+});
+/**
+ * Receives a desired HvButton category and generates an appropriate material ui configuration.
+ *
+ * @param {Object} classes - The styling to apply to the buttons.
+ * @param {String} category - category of button to use. primary, secondary, ghost...etc.
+ * @returns {Object} - An Object with the color and variant values required by the material ui button.
+ */
+
+const getMaterialConfiguration = (classes, category) => {
+  const styling = {
+    root: classes.root,
+    containedPrimary: classes.primary,
+    outlinedPrimary: classes.secondary,
+    textPrimary: classes.ghost,
+    startIcon: classes.startIcon
+  };
+
+  switch (category) {
+    default:
+    case categoryValues.primary:
+      return _objectSpread(_objectSpread({}, materialContained), {}, {
+        classes: _objectSpread(_objectSpread({}, styling), {}, {
+          disabled: classes.primaryDisabled
+        })
+      });
+
+    case categoryValues.secondary:
+      return _objectSpread(_objectSpread({}, materialOutlined), {}, {
+        classes: _objectSpread(_objectSpread({}, styling), {}, {
+          disabled: classes.secondaryDisabled
+        })
+      });
+
+    case categoryValues.ghost:
+      return _objectSpread(_objectSpread({}, materialText), {}, {
+        classes: _objectSpread(_objectSpread({}, styling), {}, {
+          disabled: classes.ghostDisabled
+        })
+      });
+
+    case categoryValues.ghostSecondary:
+      return _objectSpread(_objectSpread({}, materialText), {}, {
+        classes: _objectSpread(_objectSpread({}, styling), {}, {
+          textPrimary: classes.ghostSecondary,
+          disabled: classes.ghostSecondaryDisabled
+        })
+      });
+
+    case categoryValues.semantic:
+      return _objectSpread(_objectSpread({}, materialText), {}, {
+        classes: _objectSpread(_objectSpread({}, styling), {}, {
+          textPrimary: classes.semantic,
+          disabled: classes.semanticDisabled
+        })
+      });
+
+    case categoryValues.icon:
+      return _objectSpread(_objectSpread({}, materialText), {}, {
+        classes: _objectSpread(_objectSpread({}, styling), {}, {
+          disabled: classes.ghostDisabled
+        })
+      });
+  }
+};
+
+export default getMaterialConfiguration;
+export { categoryValues, materialContained, materialOutlined, materialText };
+//# sourceMappingURL=materialConfigurarion.js.map

package/dist/modern/Button/materialConfigurarion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"materialConfigurarion.js","names":["materialButtonConfiguration","materialContained","color","primary","variant","contained","materialOutlined","outlined","materialText","text","categoryValues","Object","freeze","secondary","ghost","ghostSecondary","semantic","icon","getMaterialConfiguration","classes","category","styling","root","containedPrimary","outlinedPrimary","textPrimary","startIcon","disabled","primaryDisabled","secondaryDisabled","ghostDisabled","ghostSecondaryDisabled","semanticDisabled"],"sources":["../../../src/Button/materialConfigurarion.js"],"sourcesContent":["import materialButtonConfiguration from \"./materialButtonConfiguration\";\n\nconst materialContained = {\n  color: materialButtonConfiguration.color.primary,\n  variant: materialButtonConfiguration.variant.contained,\n};\n\nconst materialOutlined = {\n  color: materialButtonConfiguration.color.primary,\n  variant: materialButtonConfiguration.variant.outlined,\n};\n\nconst materialText = {\n  color: materialButtonConfiguration.color.primary,\n  variant: materialButtonConfiguration.variant.text,\n};\n\nconst categoryValues = Object.freeze({\n  primary: \"primary\",\n  secondary: \"secondary\",\n  ghost: \"ghost\",\n  ghostSecondary: \"ghostSecondary\",\n  semantic: \"semantic\",\n  icon: \"icon\",\n});\n\n/**\n * Receives a desired HvButton category and generates an appropriate material ui configuration.\n *\n * @param {Object} classes - The styling to apply to the buttons.\n * @param {String} category - category of button to use. primary, secondary, ghost...etc.\n * @returns {Object} - An Object with the color and variant values required by the material ui button.\n */\nconst getMaterialConfiguration = (classes, category) => {\n  const styling = {\n    root: classes.root,\n    containedPrimary: classes.primary,\n    outlinedPrimary: classes.secondary,\n    textPrimary: classes.ghost,\n    startIcon: classes.startIcon,\n  };\n\n  switch (category) {\n    default:\n    case categoryValues.primary:\n      return {\n        ...materialContained,\n        classes: {\n          ...styling,\n          disabled: classes.primaryDisabled,\n        },\n      };\n    case categoryValues.secondary:\n      return {\n        ...materialOutlined,\n        classes: {\n          ...styling,\n          disabled: classes.secondaryDisabled,\n        },\n      };\n    case categoryValues.ghost:\n      return {\n        ...materialText,\n        classes: {\n          ...styling,\n          disabled: classes.ghostDisabled,\n        },\n      };\n    case categoryValues.ghostSecondary:\n      return {\n        ...materialText,\n        classes: {\n          ...styling,\n          textPrimary: classes.ghostSecondary,\n          disabled: classes.ghostSecondaryDisabled,\n        },\n      };\n    case categoryValues.semantic:\n      return {\n        ...materialText,\n        classes: {\n          ...styling,\n          textPrimary: classes.semantic,\n          disabled: classes.semanticDisabled,\n        },\n      };\n    case categoryValues.icon:\n      return {\n        ...materialText,\n        classes: {\n          ...styling,\n          disabled: classes.ghostDisabled,\n        },\n      };\n  }\n};\n\nexport default getMaterialConfiguration;\nexport { categoryValues, materialContained, materialOutlined, materialText };\n"],"mappings":";;;;;;AAAA,OAAOA,2BAAP,MAAwC,+BAAxC;AAEA,MAAMC,iBAAiB,GAAG;EACxBC,KAAK,EAAEF,2BAA2B,CAACE,KAA5B,CAAkCC,OADjB;EAExBC,OAAO,EAAEJ,2BAA2B,CAACI,OAA5B,CAAoCC;AAFrB,CAA1B;AAKA,MAAMC,gBAAgB,GAAG;EACvBJ,KAAK,EAAEF,2BAA2B,CAACE,KAA5B,CAAkCC,OADlB;EAEvBC,OAAO,EAAEJ,2BAA2B,CAACI,OAA5B,CAAoCG;AAFtB,CAAzB;AAKA,MAAMC,YAAY,GAAG;EACnBN,KAAK,EAAEF,2BAA2B,CAACE,KAA5B,CAAkCC,OADtB;EAEnBC,OAAO,EAAEJ,2BAA2B,CAACI,OAA5B,CAAoCK;AAF1B,CAArB;AAKA,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAP,CAAc;EACnCT,OAAO,EAAE,SAD0B;EAEnCU,SAAS,EAAE,WAFwB;EAGnCC,KAAK,EAAE,OAH4B;EAInCC,cAAc,EAAE,gBAJmB;EAKnCC,QAAQ,EAAE,UALyB;EAMnCC,IAAI,EAAE;AAN6B,CAAd,CAAvB;AASA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,wBAAwB,GAAG,CAACC,OAAD,EAAUC,QAAV,KAAuB;EACtD,MAAMC,OAAO,GAAG;IACdC,IAAI,EAAEH,OAAO,CAACG,IADA;IAEdC,gBAAgB,EAAEJ,OAAO,CAAChB,OAFZ;IAGdqB,eAAe,EAAEL,OAAO,CAACN,SAHX;IAIdY,WAAW,EAAEN,OAAO,CAACL,KAJP;IAKdY,SAAS,EAAEP,OAAO,CAACO;EALL,CAAhB;;EAQA,QAAQN,QAAR;IACE;IACA,KAAKV,cAAc,CAACP,OAApB;MACE,uCACKF,iBADL;QAEEkB,OAAO,kCACFE,OADE;UAELM,QAAQ,EAAER,OAAO,CAACS;QAFb;MAFT;;IAOF,KAAKlB,cAAc,CAACG,SAApB;MACE,uCACKP,gBADL;QAEEa,OAAO,kCACFE,OADE;UAELM,QAAQ,EAAER,OAAO,CAACU;QAFb;MAFT;;IAOF,KAAKnB,cAAc,CAACI,KAApB;MACE,uCACKN,YADL;QAEEW,OAAO,kCACFE,OADE;UAELM,QAAQ,EAAER,OAAO,CAACW;QAFb;MAFT;;IAOF,KAAKpB,cAAc,CAACK,cAApB;MACE,uCACKP,YADL;QAEEW,OAAO,kCACFE,OADE;UAELI,WAAW,EAAEN,OAAO,CAACJ,cAFhB;UAGLY,QAAQ,EAAER,OAAO,CAACY;QAHb;MAFT;;IAQF,KAAKrB,cAAc,CAACM,QAApB;MACE,uCACKR,YADL;QAEEW,OAAO,kCACFE,OADE;UAELI,WAAW,EAAEN,OAAO,CAACH,QAFhB;UAGLW,QAAQ,EAAER,OAAO,CAACa;QAHb;MAFT;;IAQF,KAAKtB,cAAc,CAACO,IAApB;MACE,uCACKT,YADL;QAEEW,OAAO,kCACFE,OADE;UAELM,QAAQ,EAAER,OAAO,CAACW;QAFb;MAFT;EA7CJ;AAqDD,CA9DD;;AAgEA,eAAeZ,wBAAf;AACA,SAASR,cAAT,EAAyBT,iBAAzB,EAA4CK,gBAA5C,EAA8DE,YAA9D"}

package/dist/modern/Button/styles.js

@@ -0,0 +1,190 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { fade, hexToRgb } from "@material-ui/core";
+import { outlineStyles } from "../Focus/styles";
+
+const setColor = color => ({
+  "& svg .color0": {
+    fill: color
+  }
+});
+
+const styles = theme => {
+  const base1RGB = hexToRgb(theme.hv.palette.base.base1);
+  const convertedColor = fade(base1RGB, 0.3);
+  const convertedColorDisabled = fade(base1RGB, 0.1);
+  return {
+    root: _objectSpread({
+      textTransform: "none",
+      "&:hover,&:focus": {},
+      "&:active": {},
+      "&:focus": _objectSpread({}, outlineStyles),
+      minWidth: "70px",
+      padding: theme.spacing(0, "xs"),
+      cursor: "pointer",
+      height: "32px",
+      minHeight: "32px"
+    }, theme.hv.typography.highlightText),
+    rootIcon: _objectSpread({
+      padding: 0,
+      height: "unset",
+      width: "unset",
+      minHeight: "unset",
+      minWidth: "unset"
+    }, theme.hv.typography.highlightText),
+    primary: {
+      color: theme.hv.palette.accent.acce0,
+      backgroundColor: theme.hv.palette.accent.acce2,
+      "&:hover,&:focus": {
+        backgroundColor: theme.hv.palette.accent.acce2h
+      },
+      "&:active": {
+        backgroundColor: theme.hv.palette.accent.acce2
+      },
+      "&$primaryDisabled": {
+        color: theme.hv.palette.atmosphere.atmo7,
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      },
+      "&$primaryDisabled&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        color: theme.hv.palette.atmosphere.atmo7,
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      }
+    },
+    primaryDisabled: {},
+    secondary: {
+      color: theme.hv.palette.accent.acce1,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,
+      "&:hover,&:focus": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+      },
+      "&:active": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo1
+      },
+      "&$secondaryDisabled": {
+        color: theme.hv.palette.atmosphere.atmo7,
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      },
+      "&$secondaryDisabled&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        color: theme.hv.palette.atmosphere.atmo7,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      }
+    },
+    secondaryDisabled: {},
+    ghost: {
+      color: theme.hv.palette.accent.acce1,
+      backgroundColor: "transparent",
+      "&:hover,&:focus": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "&:active": {
+        backgroundColor: "transparent"
+      },
+      "&$ghostDisabled": {
+        backgroundColor: "transparent",
+        color: theme.hv.palette.atmosphere.atmo7,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      },
+      "&$ghostDisabled&:hover": {
+        backgroundColor: "transparent",
+        color: theme.hv.palette.atmosphere.atmo7,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      }
+    },
+    ghostDisabled: {},
+    ghostSecondary: {
+      color: theme.hv.palette.accent.acce2,
+      backgroundColor: "transparent",
+      "&:hover,&:focus": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "&:active": {
+        backgroundColor: "transparent"
+      },
+      "&$ghostSecondaryDisabled": {
+        color: theme.hv.palette.atmosphere.atmo7,
+        backgroundColor: "transparent",
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      },
+      "&$ghostSecondaryDisabled&:hover": {
+        backgroundColor: "transparent",
+        color: theme.hv.palette.atmosphere.atmo7,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      }
+    },
+    ghostSecondaryDisabled: {},
+    semantic: {
+      color: theme.hv.palette.base.base2,
+      backgroundColor: "transparent",
+      "&:hover,&:focus": {
+        backgroundColor: convertedColor
+      },
+      "&:active": {
+        backgroundColor: convertedColor
+      },
+      "&$semanticDisabled": {
+        color: theme.hv.palette.atmosphere.atmo7,
+        backgroundColor: convertedColorDisabled,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      },
+      "&$semanticDisabled&:hover": {
+        backgroundColor: convertedColorDisabled,
+        color: theme.hv.palette.atmosphere.atmo7,
+        border: "none",
+        cursor: "not-allowed",
+        pointerEvents: "auto"
+      }
+    },
+    semanticDisabled: {},
+    startIcon: {
+      marginLeft: -8,
+      marginRight: 0
+    },
+    primarySVG: _objectSpread(_objectSpread({}, setColor(theme.hv.palette.accent.acce0)), {}, {
+      "&$primaryDisabled": _objectSpread({}, setColor(theme.hv.palette.atmosphere.atmo7))
+    }),
+    secondarySVG: _objectSpread(_objectSpread({}, setColor(theme.hv.palette.accent.acce1)), {}, {
+      "&$secondaryDisabled": _objectSpread({}, setColor(theme.hv.palette.atmosphere.atmo7))
+    }),
+    ghostSVG: _objectSpread(_objectSpread({}, setColor(theme.hv.palette.accent.acce1)), {}, {
+      "&$ghostDisabled": _objectSpread({}, setColor(theme.hv.palette.atmosphere.atmo7))
+    }),
+    ghostSecondarySVG: _objectSpread(_objectSpread({}, setColor(theme.hv.palette.accent.acce2)), {}, {
+      "&$ghostSecondaryDisabled": _objectSpread({}, setColor(theme.hv.palette.atmosphere.atmo7))
+    }),
+    semanticSVG: _objectSpread(_objectSpread({}, setColor(theme.hv.palette.base.base2)), {}, {
+      "&$semanticDisabled": _objectSpread({}, setColor(theme.hv.palette.atmosphere.atmo7))
+    }),
+    iconSVG: _objectSpread(_objectSpread({}, setColor(theme.hv.palette.accent.acce1)), {}, {
+      "&$ghostDisabled": _objectSpread({}, setColor(theme.hv.palette.atmosphere.atmo7))
+    })
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map