@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseInput/styles.js"],"names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputResizable","resize","inputBorderContainer","top","left","color"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/BaseInput/validations.js

@@ -0,0 +1,203 @@
+import validationStates from "../Forms/FormElement/validationStates";
+/**
+ * Checks if the value is a number.
+ *
+ * @param {Number || String} num - The value to test.
+ *
+ * @returns {Boolean} - `true` if the value is a number `false` otherwise.
+ */
+
+const isNumeric = num => // to prevent Number( <spaces> ) = 0
+num.trim().length > 0 && !Number.isNaN(Number(num));
+/**
+ * Checks if the value is an email
+ *
+ * @param {String} email - The value to test.
+ *
+ * @returns {Boolean} - `true` if the value is an email `false` otherwise.
+ */
+
+
+const isEmail = email => {
+  const regexp = /^[^\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;
+  return regexp.test(email);
+};
+
+export const validationTypes = Object.freeze({
+  none: "none",
+  number: "number",
+  email: "email"
+});
+/**
+ * Returns the input's validation type based in the type of the input.
+ *
+ * @param {String} type - the input type.
+ *
+ * @returns {String}    - the validation type.
+ */
+
+export const computeValidationType = type => {
+  switch (type) {
+    case "number":
+      return validationTypes.number;
+
+    case "email":
+      return validationTypes.email;
+
+    default:
+      return validationTypes.none;
+  }
+};
+/**
+ * Checks whether any integrated validation, native or not, is active.
+ */
+
+export const hasBuiltInValidations = (required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) => required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.required) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.minLength) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.min) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.max) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) != null && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) !== "text" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) !== "password" || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.pattern) != null;
+/**
+ * Returns the form element's validation state based in the validity state of the input.
+ *
+ * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).
+ *
+ * @returns {String}                - the validation state.
+ */
+
+export const computeValidationState = (inputValidity, isEmptyValue) => {
+  // to keep 2.x behaviour,
+  // consider that if the value is empty (and not required) we're returning to the standBy state.
+  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.
+  if (inputValidity.valid && isEmptyValue) {
+    return validationStates.standBy;
+  }
+
+  return inputValidity.valid ? validationStates.valid : validationStates.invalid;
+};
+/**
+ * Returns a error message based in the validity state of the input.
+ *
+ * Only one error message is returned even if multiple validations fail.
+ * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.
+ *
+ * For further customization both status and statusMessage should be controlled and
+ * set using the onBlur callback that receives both the value and the input validity object.
+ *
+ * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).
+ * @param {Object} errorMessages    - the available localized error messages.
+ *
+ * @returns {String}                - the error message.
+ */
+
+export const computeValidationMessage = (inputValidity, errorMessages) => {
+  if (inputValidity.valid) {
+    return "";
+  }
+
+  if (inputValidity.valueMissing) {
+    return errorMessages.requiredError;
+  }
+
+  if (inputValidity.tooLong) {
+    return errorMessages.maxCharError;
+  }
+
+  if (inputValidity.tooShort) {
+    return errorMessages.minCharError;
+  }
+
+  if (inputValidity.typeMismatch) {
+    return errorMessages.typeMismatchError;
+  }
+
+  return errorMessages.error;
+};
+/**
+ * Returns a object describing the validity state of the input.
+ *
+ * It implements the native browser's ValidityState interface:
+ * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+ *
+ * @param {DOMElement} input        - the input being validated.
+ * @param {String} value            - the inputted value.
+ * @param {Boolean} required        - if the input needs to be filled.
+ * @param {Number} minCharQuantity  - the minimum length of the value.
+ * @param {Number} maxCharQuantity  - the maximum length of the value.
+ * @param {String} validationType   - the input value type.
+ * @param {Function} validation     - a custom validation function.
+ *
+ * @returns {Object}                - the validity state of the input.
+ */
+
+export const validateInput = (input, value, required, minCharQuantity, maxCharQuantity, validationType, validation) => {
+  var _input$validity$valid, _input$validity, _input$validity2, _input$validity3, _input$validity4, _input$validity5, _input$validity6, _input$validity7, _input$validity8, _input$validity9, _input$validity10, _input$validity11;
+
+  // bootstrap validity object using browser's built-in validation
+  const inputValidity = {
+    valid: (_input$validity$valid = input === null || input === void 0 ? void 0 : (_input$validity = input.validity) === null || _input$validity === void 0 ? void 0 : _input$validity.valid) !== null && _input$validity$valid !== void 0 ? _input$validity$valid : true,
+    badInput: input === null || input === void 0 ? void 0 : (_input$validity2 = input.validity) === null || _input$validity2 === void 0 ? void 0 : _input$validity2.badInput,
+    customError: input === null || input === void 0 ? void 0 : (_input$validity3 = input.validity) === null || _input$validity3 === void 0 ? void 0 : _input$validity3.customError,
+    patternMismatch: input === null || input === void 0 ? void 0 : (_input$validity4 = input.validity) === null || _input$validity4 === void 0 ? void 0 : _input$validity4.patternMismatch,
+    rangeOverflow: input === null || input === void 0 ? void 0 : (_input$validity5 = input.validity) === null || _input$validity5 === void 0 ? void 0 : _input$validity5.rangeOverflow,
+    rangeUnderflow: input === null || input === void 0 ? void 0 : (_input$validity6 = input.validity) === null || _input$validity6 === void 0 ? void 0 : _input$validity6.rangeUnderflow,
+    stepMismatch: input === null || input === void 0 ? void 0 : (_input$validity7 = input.validity) === null || _input$validity7 === void 0 ? void 0 : _input$validity7.stepMismatch,
+    tooLong: input === null || input === void 0 ? void 0 : (_input$validity8 = input.validity) === null || _input$validity8 === void 0 ? void 0 : _input$validity8.tooLong,
+    tooShort: input === null || input === void 0 ? void 0 : (_input$validity9 = input.validity) === null || _input$validity9 === void 0 ? void 0 : _input$validity9.tooShort,
+    typeMismatch: input === null || input === void 0 ? void 0 : (_input$validity10 = input.validity) === null || _input$validity10 === void 0 ? void 0 : _input$validity10.typeMismatch,
+    valueMissing: input === null || input === void 0 ? void 0 : (_input$validity11 = input.validity) === null || _input$validity11 === void 0 ? void 0 : _input$validity11.valueMissing
+  };
+
+  if (!value) {
+    if (required) {
+      // this is redundant because we're setting the required property in the native input
+      inputValidity.valueMissing = true;
+      inputValidity.valid = false;
+    }
+  } else {
+    // we're not setting minlength and maxlength in the native input
+    // to avoid different browser's behaviours and keep the user experience consistent
+    if (minCharQuantity !== null && value.length < minCharQuantity) {
+      inputValidity.tooShort = true;
+      inputValidity.valid = false;
+    }
+
+    if (maxCharQuantity !== null && value.length > maxCharQuantity) {
+      inputValidity.tooLong = true;
+      inputValidity.valid = false;
+    } // the validationType is used instead of type
+    // for the same reason stated above
+
+
+    switch (validationType) {
+      case validationTypes.number:
+        if (!isNumeric(value)) {
+          inputValidity.typeMismatch = true;
+          inputValidity.valid = false;
+        }
+
+        break;
+
+      case validationTypes.email:
+        if (!isEmail(value)) {
+          inputValidity.typeMismatch = true;
+          inputValidity.valid = false;
+        }
+
+        break;
+
+      default:
+    }
+
+    if (validation != null && !validation(value)) {
+      inputValidity.customError = true;
+      inputValidity.valid = false;
+    }
+  }
+
+  return inputValidity;
+};
+export const DEFAULT_ERROR_MESSAGES = {
+  error: "Invalid value",
+  requiredError: "The value is required",
+  minCharError: "The value is too short",
+  maxCharError: "The value is too long",
+  typeMismatchError: "Invalid value"
+};
+//# sourceMappingURL=validations.js.map

package/dist/modern/BaseInput/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseInput/validations.js"],"names":["validationStates","isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"mappings":"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","sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null && inputProps?.type !== \"text\" && inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid ? validationStates.valid : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n) => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"file":"validations.js"}

package/dist/modern/BaseRadio/BaseRadio.d.ts

@@ -0,0 +1,63 @@
+import { StandardProps, RadioProps } from "@material-ui/core";
+
+export type HvBaseRadioClassKey = "root" | "disabled" | "focusVisible";
+
+export interface HvBaseRadioProps
+  extends StandardProps<RadioProps, HvBaseRadioClassKey, "onChange"> {
+  /**
+   * Id to be applied to the root node.
+   */
+  id?: string;
+
+  /**
+   * The input name.
+   */
+  name?: string;
+  /**
+   * The value of the input.
+   *
+   * 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 radio button is selected, if set to `false` the radio button is not selected.
+   *
+   * When defined the radio button state becomes controlled.
+   */
+  checked?: boolean;
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked?: boolean;
+
+  /**
+   * The callback fired when the radio button 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 HvBaseRadio(props: HvBaseRadioProps): JSX.Element | null;

package/dist/modern/BaseRadio/BaseRadio.js

@@ -0,0 +1,197 @@
+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", "defaultChecked", "onChange", "semantic", "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 { Radio, withStyles } from "@material-ui/core";
+import { RadioButtonUnselected, RadioButtonSelected } 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 {
+    radio: /*#__PURE__*/React.createElement(RadioButtonUnselected, {
+      color: color,
+      className: classes.icon
+    }),
+    radioChecked: /*#__PURE__*/React.createElement(RadioButtonSelected, {
+      color: checkedColor,
+      className: classes.icon
+    })
+  };
+};
+/**
+ * A Radio Button is a mechanism that allows user to select one or more options.
+ *
+ * The Base Radio Button is a building block of the Radio Button form element. Don't
+ * use unless implementing a custom use case not covered by the Radio Button form element.
+ */
+
+const HvBaseRadio = props => {
+  const {
+    classes,
+    className,
+    id,
+    name,
+    value = "on",
+    required = false,
+    readOnly = false,
+    disabled = false,
+    checked,
+    defaultChecked,
+    onChange,
+    semantic = false,
+    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(Radio, _extends({
+    id: id,
+    name: name,
+    className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    icon: icons.radio,
+    checkedIcon: icons.radioChecked,
+    color: "default",
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    disableRipple: true,
+    onChange: onLocalChange,
+    value: value,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    inputProps: inputProps,
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback
+  }, others));
+};
+
+HvBaseRadio.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the radio button.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the radio button 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.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any,
+
+  /**
+   * Indicates that user input is required.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly: PropTypes.bool,
+
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If `true` the radio button is selected, if set to `false` the radio button is not selected.
+   *
+   * When defined the radio button state becomes controlled.
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: PropTypes.bool,
+
+  /**
+   * The callback fired when the radio button 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: "HvBaseRadio"
+})(HvBaseRadio);
+//# sourceMappingURL=BaseRadio.js.map

package/dist/modern/BaseRadio/BaseRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseRadio/BaseRadio.js"],"names":["React","useState","useCallback","PropTypes","clsx","Radio","withStyles","RadioButtonUnselected","RadioButtonSelected","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","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 { Radio, withStyles } from \"@material-ui/core\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } 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    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nconst HvBaseRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\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    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\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      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseRadio.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 radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button 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   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the radio button 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: \"HvBaseRadio\" })(HvBaseRadio);\n"],"file":"BaseRadio.js"}

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

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

package/dist/modern/BaseRadio/index.js

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

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

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

package/dist/modern/BaseRadio/styles.js

@@ -0,0 +1,37 @@
+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({
+      borderRadius: "8px"
+    }, outlineStyles)
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseRadio/styles.js"],"names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible","borderRadius"],"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;AACEC,MAAAA,YAAY,EAAE;AADhB,OAEKhB,aAFL;AADY;AArBW,CAAZ,CAAf;;AA6BA,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      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/BaseSwitch/BaseSwitch.d.ts

@@ -0,0 +1,61 @@
+import { StandardProps, SwitchProps } from "@material-ui/core";
+
+export type HvBaseSwitchClassKey = "root" | "disabled";
+
+export interface HvBaseSwitchProps
+  extends StandardProps<SwitchProps, HvBaseSwitchClassKey, "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;
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange?: (event: Event, checked: boolean, value: any) => void;
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function HvBaseSwitch(props: HvBaseSwitchProps): JSX.Element | null;