@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Barchart/barchartPlotlyOverrides.js

@@ -0,0 +1,38 @@
+import clone from "lodash/cloneDeep";
+
+const setterIfNil = (object, property, value) => {
+  // eslint-disable-next-line no-param-reassign
+  object[property] = object[property] || value;
+};
+/**
+ * Auxiliary functions to set the layout in order to follow the DS guideline.
+ */
+
+
+export const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {
+  const layout = inputLayout === undefined ? {} : clone(inputLayout);
+  setterIfNil(layout, "bargap", 0.25);
+  setterIfNil(layout, "bargroupgap", 0.25);
+  if (stack) setterIfNil(layout, "barmode", "stack");
+  setterIfNil(layout, "yaxis", {});
+  setterIfNil(layout, "xaxis", {});
+
+  if (isHorizontal) {
+    setterIfNil(layout.yaxis, "showline", true);
+    setterIfNil(layout.xaxis, "showline", false);
+  } else {
+    setterIfNil(layout.yaxis, "showline", false);
+  }
+
+  return layout;
+};
+export const applyDataDefaults = (inputData, isHorizontal) => {
+  const data = inputData;
+  data.forEach(trace => {
+    setterIfNil(trace, "type", "bar");
+    setterIfNil(trace, "hoverinfo", "none");
+    if (isHorizontal) setterIfNil(trace, "orientation", "h");
+  });
+  return data;
+};
+//# sourceMappingURL=barchartPlotlyOverrides.js.map

package/dist/modern/Barchart/barchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;AACvE,QAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;AACAL,EAAAA,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;AACA,MAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;AAEXR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;AAEA,MAAID,YAAJ,EAAkB;AAChBP,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAV,IAAAA,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD,GAHD,MAGO;AACLX,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD;;AAED,SAAOF,MAAP;AACD,CAjBM;AAmBP,OAAO,MAAMI,iBAAiB,GAAG,CAACC,SAAD,EAAYN,YAAZ,KAA6B;AAC5D,QAAMO,IAAI,GAAGD,SAAb;AAEAC,EAAAA,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;AACtBhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;AACAhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACA,QAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;AACnB,GAJD;AAMA,SAAOF,IAAP;AACD,CAVM","sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n  // eslint-disable-next-line no-param-reassign\n  object[property] = object[property] || value;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n  const layout = inputLayout === undefined ? {} : clone(inputLayout);\n  setterIfNil(layout, \"bargap\", 0.25);\n  setterIfNil(layout, \"bargroupgap\", 0.25);\n  if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n  setterIfNil(layout, \"yaxis\", {});\n  setterIfNil(layout, \"xaxis\", {});\n\n  if (isHorizontal) {\n    setterIfNil(layout.yaxis, \"showline\", true);\n    setterIfNil(layout.xaxis, \"showline\", false);\n  } else {\n    setterIfNil(layout.yaxis, \"showline\", false);\n  }\n\n  return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"type\", \"bar\");\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n  });\n\n  return data;\n};\n"],"file":"barchartPlotlyOverrides.js"}

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

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

package/dist/modern/Barchart/index.js

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

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

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

package/dist/modern/Barchart/styles.js

@@ -0,0 +1,3 @@
+const styles = {};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Barchart/styles.js"],"names":["styles"],"mappings":"AAAA,MAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf","sourcesContent":["const styles = {};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/BaseCheckBox/BaseCheckBox.d.ts

@@ -0,0 +1,70 @@
+import { StandardProps, CheckboxProps } from "@material-ui/core";
+
+export type HvBaseCheckBoxClassKey = "root" | "disabled" | "focusVisible";
+
+export interface HvBaseCheckBoxProps
+  extends StandardProps<CheckboxProps, HvBaseCheckBoxClassKey, "onChange"> {
+  /**
+   * Id to be applied to the root node.
+   */
+  id?: string;
+
+  /**
+   * The input name.
+   */
+  name?: string;
+  /**
+   * The value of the input.
+   *
+   * Is up to the application's logic when to consider the submission of this value.
+   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.
+   *
+   * The default value is "on".
+   */
+  value?: any;
+
+  /**
+   * Indicates that user input is required.
+   */
+  required?: boolean;
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly?: boolean;
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   *
+   * When defined the checkbox state becomes controlled.
+   */
+  checked?: boolean;
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked?: boolean;
+  /**
+   * If `true` the checkbox visually shows the indeterminate state.
+   */
+  indeterminate?: boolean;
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange?: (event: Event, checked: boolean, value: any) => void;
+
+  /**
+   * Whether the selector should use semantic colors.
+   */
+  semantic?: boolean;
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function HvBaseCheckBox(props: HvBaseCheckBoxProps): JSX.Element | null;

package/dist/modern/BaseCheckBox/BaseCheckBox.js

@@ -0,0 +1,212 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "indeterminate", "defaultChecked", "semantic", "onChange", "inputProps", "onFocusVisible", "onBlur"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState, useCallback } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Checkbox, withStyles } from "@material-ui/core";
+import { Checkbox as CheckboxIcon, CheckboxCheck, CheckboxPartial } from "@hitachivantara/uikit-react-icons";
+import styles from "./styles";
+export const getSelectorIcons = (classes, options) => {
+  const {
+    disabled,
+    semantic
+  } = options;
+  const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || undefined;
+  const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || undefined;
+  return {
+    checkbox: /*#__PURE__*/React.createElement(CheckboxIcon, {
+      color: color,
+      className: classes.icon
+    }),
+    checkboxPartial: /*#__PURE__*/React.createElement(CheckboxPartial, {
+      color: color,
+      className: classes.icon
+    }),
+    checkboxChecked: /*#__PURE__*/React.createElement(CheckboxCheck, {
+      color: checkedColor,
+      className: classes.icon
+    })
+  };
+};
+/**
+ * A Checkbox is a mechanism that allows user to select one or more options.
+ *
+ * The Base Checkbox is a building block of the Checkbox form element. Don't use unless
+ * implementing a custom use case not covered by the Checkbox form element.
+ */
+
+const HvBaseCheckbox = props => {
+  const {
+    classes,
+    className,
+    id,
+    name,
+    value = "on",
+    required = false,
+    readOnly = false,
+    disabled = false,
+    checked,
+    indeterminate,
+    defaultChecked,
+    semantic = false,
+    onChange,
+    inputProps,
+    onFocusVisible,
+    onBlur
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const [focusVisible, setFocusVisible] = useState(false);
+  const onFocusVisibleCallback = useCallback(evt => {
+    setFocusVisible(true);
+    onFocusVisible === null || onFocusVisible === void 0 ? void 0 : onFocusVisible(evt);
+  }, [onFocusVisible]);
+  const onBlurCallback = useCallback(evt => {
+    setFocusVisible(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt);
+  }, [onBlur]);
+  const icons = getSelectorIcons(classes, {
+    disabled,
+    semantic
+  });
+  const onLocalChange = useCallback(evt => {
+    if (readOnly) {
+      return;
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
+  }, [onChange, readOnly, value]);
+  return /*#__PURE__*/React.createElement(Checkbox, _extends({
+    id: id,
+    name: name,
+    className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    icon: icons.checkbox,
+    indeterminateIcon: icons.checkboxPartial,
+    checkedIcon: icons.checkboxChecked,
+    color: "default",
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    disableRipple: true,
+    onChange: onLocalChange,
+    value: value,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    indeterminate: indeterminate,
+    inputProps: inputProps,
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback
+  }, others));
+};
+
+HvBaseCheckbox.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the checkbox.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the checkbox when it is disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Class applied to the root element if keyboard focused.
+     */
+    focusVisible: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The input name.
+   */
+  name: PropTypes.string,
+
+  /**
+   * The value of the input.
+   *
+   * Is up to the application's logic when to consider the submission of this value.
+   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any,
+
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly: PropTypes.bool,
+
+  /**
+   * Indicates that user input is required.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   *
+   * When defined the checkbox state becomes controlled.
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: PropTypes.bool,
+
+  /**
+   * If `true` the checkbox visually shows the indeterminate state.
+   */
+  indeterminate: PropTypes.bool,
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Whether the selector should use semantic colors.
+   */
+  semantic: PropTypes.bool,
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: PropTypes.func,
+
+  /**
+   * @ignore
+   */
+  onBlur: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvBaseCheckbox"
+})(HvBaseCheckbox);
+//# sourceMappingURL=BaseCheckBox.js.map

package/dist/modern/BaseCheckBox/BaseCheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseCheckBox/BaseCheckBox.js"],"names":["React","useState","useCallback","PropTypes","clsx","Checkbox","withStyles","CheckboxIcon","CheckboxCheck","CheckboxPartial","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","checkbox","icon","checkboxPartial","checkboxChecked","HvBaseCheckbox","props","className","id","name","value","required","readOnly","checked","indeterminate","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Checkbox, withStyles } from \"@material-ui/core\";\n\nimport {\n  Checkbox as CheckboxIcon,\n  CheckboxCheck,\n  CheckboxPartial,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    checkbox: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: <CheckboxPartial color={color} className={classes.icon} />,\n    checkboxChecked: <CheckboxCheck color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nconst HvBaseCheckbox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    indeterminate,\n    defaultChecked,\n\n    semantic = false,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Checkbox\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseCheckbox.propTypes = {\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 to the checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseCheckbox\" })(HvBaseCheckbox);\n"],"file":"BaseCheckBox.js"}

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

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

package/dist/modern/BaseCheckBox/index.js

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

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

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

package/dist/modern/BaseCheckBox/styles.js

@@ -0,0 +1,35 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+
+const styles = theme => ({
+  root: {
+    padding: 0,
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: theme.hv.palette.atmosphere.atmo3
+    }
+  },
+  disabled: {
+    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled
+    "$root&": {
+      cursor: "not-allowed",
+      pointerEvents: "initial"
+    },
+    "& svg": {
+      "& path:nth-child(2)": {
+        fill: theme.hv.palette.atmosphere.atmo5
+      }
+    }
+  },
+  focusVisible: {
+    "& svg": _objectSpread({}, outlineStyles)
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseCheckBox/styles.js"],"names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,CADL;AAEJC,IAAAA,MAAM,EAAE,SAFJ;AAGJ,eAAW;AACTC,MAAAA,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADpC;AAHP,GADmB;AAQzBC,EAAAA,QAAQ,EAAE;AACR;AACA,cAAU;AACRN,MAAAA,MAAM,EAAE,aADA;AAERO,MAAAA,aAAa,EAAE;AAFP,KAFF;AAMR,aAAS;AACP,6BAAuB;AACrBC,QAAAA,IAAI,EAAEX,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;AADb;AADhB;AAND,GARe;AAqBzBC,EAAAA,YAAY,EAAE;AACZ,+BACKf,aADL;AADY;AArBW,CAAZ,CAAf;;AA4BA,eAAeC,MAAf","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/BaseDropdown/BaseDropdown.d.ts

@@ -0,0 +1,111 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { PopperProps } from "@material-ui/core/Popper";
+
+export type HvBaseDropdownClassKey =
+  | "root"
+  | "rootDisabled"
+  | "container"
+  | "header"
+  | "headerOpen"
+  | "headerOpenUp"
+  | "headerOpenDown"
+  | "headerDisabled"
+  | "arrow"
+  | "selection"
+  | "truncate"
+  | "selectionDisabled"
+  | "panel"
+  | "inputExtensionOpen"
+  | "inputExtensionLeftPosition"
+  | "inputExtensionOpenShadow"
+  | "inputExtensionFloatRight"
+  | "inputExtensionFloatLeft";
+
+export interface HvBaseDropdownProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvBaseDropdownClassKey,
+    "placeholder"
+  > {
+  /**
+   * The role of the element that triggers the popup.
+   *
+   * Defaults to "combobox" if `component` and the default
+   * "textbox" header is used, undefined otherwise.
+   */
+  role?: string;
+  /**
+   * Header placeholder.
+   */
+  placeholder?: string | React.ReactNode;
+  /**
+   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
+   */
+  disabled?: boolean;
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.
+   * Defaults to `false`.
+   */
+  variableWidth?: boolean;
+  /**
+   * If `true` the dropdown starts opened if `false` it starts closed.
+   */
+  expanded?: boolean;
+  /**
+   * When uncontrolled, defines the initial expanded state.
+   */
+  defaultExpanded?: boolean;
+  /**
+   * An object containing props to be wired to the popper component.
+   */
+  popperProps?: Partial<PopperProps>;
+  /**
+   * Node to be rendered.
+   */
+  children?: React.ReactNode;
+  /**
+   * Placement of the dropdown.
+   */
+  placement?: "left" | "right";
+  /**
+   * Replacement for the header component.
+   */
+  component?: React.ReactNode;
+  /**
+   * Adornment to replace the default arrows.
+   */
+  adornment?: React.ReactNode;
+  /**
+   * When dropdown changes the expanded state.
+   */
+  onToggle?: (event: Event) => void;
+  /**
+   * When user click outside the open container.
+   */
+  onClickOutside?: (event: Event) => void;
+  /**
+   * Callback called when the dropdown is opened and ready,
+   * commonly used to set focus to the content.
+   */
+  onContainerCreation: (containerRef: React.Ref<HTMLDivElement>) => void;
+  /**
+   * When expanded dropdown changes position.
+   */
+  onFlip?: (flipped: boolean) => void;
+  /**
+   * Attributes applied to the dropdown header element.
+   */
+  dropdownHeaderProps?: React.HTMLAttributes<HTMLDivElement>;
+  /**
+   * Pass a ref to the dropdown header element.
+   */
+  dropdownHeaderRef?: React.Ref<any>;
+}
+
+export default function HvBaseDropdown(props: HvBaseDropdownProps): JSX.Element | null;