@hitachivantara/uikit-react-core 2.23.2

package/dist/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,IAAMA,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;eAYeT,2B"}

package/dist/Button/materialConfigurarion.js

@@ -0,0 +1,126 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.materialText = exports.materialOutlined = exports.materialContained = exports.default = exports.categoryValues = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.object.freeze.js");
+
+var _materialButtonConfiguration = _interopRequireDefault(require("./materialButtonConfiguration"));
+
+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) { (0, _defineProperty2.default)(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; }
+
+var materialContained = {
+  color: _materialButtonConfiguration.default.color.primary,
+  variant: _materialButtonConfiguration.default.variant.contained
+};
+exports.materialContained = materialContained;
+var materialOutlined = {
+  color: _materialButtonConfiguration.default.color.primary,
+  variant: _materialButtonConfiguration.default.variant.outlined
+};
+exports.materialOutlined = materialOutlined;
+var materialText = {
+  color: _materialButtonConfiguration.default.color.primary,
+  variant: _materialButtonConfiguration.default.variant.text
+};
+exports.materialText = materialText;
+var 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.
+ */
+
+exports.categoryValues = categoryValues;
+
+var getMaterialConfiguration = function getMaterialConfiguration(classes, category) {
+  var 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
+        })
+      });
+  }
+};
+
+var _default = getMaterialConfiguration;
+exports.default = _default;
+//# sourceMappingURL=materialConfigurarion.js.map

package/dist/Button/materialConfigurarion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"materialConfigurarion.js","names":["materialContained","color","materialButtonConfiguration","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;;;;;;AAEA,IAAMA,iBAAiB,GAAG;EACxBC,KAAK,EAAEC,oCAAA,CAA4BD,KAA5B,CAAkCE,OADjB;EAExBC,OAAO,EAAEF,oCAAA,CAA4BE,OAA5B,CAAoCC;AAFrB,CAA1B;;AAKA,IAAMC,gBAAgB,GAAG;EACvBL,KAAK,EAAEC,oCAAA,CAA4BD,KAA5B,CAAkCE,OADlB;EAEvBC,OAAO,EAAEF,oCAAA,CAA4BE,OAA5B,CAAoCG;AAFtB,CAAzB;;AAKA,IAAMC,YAAY,GAAG;EACnBP,KAAK,EAAEC,oCAAA,CAA4BD,KAA5B,CAAkCE,OADtB;EAEnBC,OAAO,EAAEF,oCAAA,CAA4BE,OAA5B,CAAoCK;AAF1B,CAArB;;AAKA,IAAMC,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,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,OAAD,EAAUC,QAAV,EAAuB;EACtD,IAAMC,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,uCACKH,iBADL;QAEEmB,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;;eAgEeZ,wB"}

package/dist/Button/styles.js

@@ -0,0 +1,217 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@material-ui/core");
+
+var _styles = require("../Focus/styles");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var setColor = function setColor(color) {
+  return {
+    "& svg .color0": {
+      fill: color
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  var base1RGB = (0, _core.hexToRgb)(theme.hv.palette.base.base1);
+  var convertedColor = (0, _core.fade)(base1RGB, 0.3);
+  var convertedColorDisabled = (0, _core.fade)(base1RGB, 0.1);
+  return {
+    root: _objectSpread({
+      textTransform: "none",
+      "&:hover,&:focus": {},
+      "&:active": {},
+      "&:focus": _objectSpread({}, _styles.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 ".concat(theme.hv.palette.atmosphere.atmo6),
+      "&:hover,&:focus": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        border: "1px solid ".concat(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))
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["setColor","color","fill","styles","theme","base1RGB","hexToRgb","hv","palette","base","base1","convertedColor","fade","convertedColorDisabled","root","textTransform","outlineStyles","minWidth","padding","spacing","cursor","height","minHeight","typography","highlightText","rootIcon","width","primary","accent","acce0","backgroundColor","acce2","acce2h","atmosphere","atmo7","atmo4","pointerEvents","primaryDisabled","secondary","acce1","atmo1","border","atmo6","secondaryDisabled","ghost","ghostDisabled","ghostSecondary","ghostSecondaryDisabled","semantic","base2","semanticDisabled","startIcon","marginLeft","marginRight","primarySVG","secondarySVG","ghostSVG","ghostSecondarySVG","semanticSVG","iconSVG"],"sources":["../../src/Button/styles.js"],"sourcesContent":["import { fade, hexToRgb } from \"@material-ui/core\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst setColor = (color) => ({\n  \"& svg .color0\": {\n    fill: color,\n  },\n});\n\nconst styles = (theme) => {\n  const base1RGB = hexToRgb(theme.hv.palette.base.base1);\n  const convertedColor = fade(base1RGB, 0.3);\n  const convertedColorDisabled = fade(base1RGB, 0.1);\n\n  return {\n    root: {\n      textTransform: \"none\",\n      \"&:hover,&:focus\": {},\n      \"&:active\": {},\n      \"&:focus\": {\n        ...outlineStyles,\n      },\n      minWidth: \"70px\",\n      padding: theme.spacing(0, \"xs\"),\n      cursor: \"pointer\",\n      height: \"32px\",\n      minHeight: \"32px\",\n      ...theme.hv.typography.highlightText,\n    },\n    rootIcon: {\n      padding: 0,\n      height: \"unset\",\n      width: \"unset\",\n      minHeight: \"unset\",\n      minWidth: \"unset\",\n      ...theme.hv.typography.highlightText,\n    },\n\n    primary: {\n      color: theme.hv.palette.accent.acce0,\n      backgroundColor: theme.hv.palette.accent.acce2,\n      \"&:hover,&:focus\": {\n        backgroundColor: theme.hv.palette.accent.acce2h,\n      },\n      \"&:active\": {\n        backgroundColor: theme.hv.palette.accent.acce2,\n      },\n      \"&$primaryDisabled\": {\n        color: theme.hv.palette.atmosphere.atmo7,\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n      \"&$primaryDisabled&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n        color: theme.hv.palette.atmosphere.atmo7,\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n    },\n    primaryDisabled: {},\n    secondary: {\n      color: theme.hv.palette.accent.acce1,\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n      \"&:hover,&:focus\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n      \"&:active\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      },\n      \"&$secondaryDisabled\": {\n        color: theme.hv.palette.atmosphere.atmo7,\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n      \"&$secondaryDisabled&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n        color: theme.hv.palette.atmosphere.atmo7,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n    },\n    secondaryDisabled: {},\n\n    ghost: {\n      color: theme.hv.palette.accent.acce1,\n      backgroundColor: \"transparent\",\n      \"&:hover,&:focus\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      },\n      \"&:active\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&$ghostDisabled\": {\n        backgroundColor: \"transparent\",\n        color: theme.hv.palette.atmosphere.atmo7,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n      \"&$ghostDisabled&:hover\": {\n        backgroundColor: \"transparent\",\n        color: theme.hv.palette.atmosphere.atmo7,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n    },\n    ghostDisabled: {},\n\n    ghostSecondary: {\n      color: theme.hv.palette.accent.acce2,\n      backgroundColor: \"transparent\",\n      \"&:hover,&:focus\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      },\n      \"&:active\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&$ghostSecondaryDisabled\": {\n        color: theme.hv.palette.atmosphere.atmo7,\n        backgroundColor: \"transparent\",\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n      \"&$ghostSecondaryDisabled&:hover\": {\n        backgroundColor: \"transparent\",\n        color: theme.hv.palette.atmosphere.atmo7,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n    },\n    ghostSecondaryDisabled: {},\n\n    semantic: {\n      color: theme.hv.palette.base.base2,\n      backgroundColor: \"transparent\",\n      \"&:hover,&:focus\": {\n        backgroundColor: convertedColor,\n      },\n      \"&:active\": {\n        backgroundColor: convertedColor,\n      },\n      \"&$semanticDisabled\": {\n        color: theme.hv.palette.atmosphere.atmo7,\n        backgroundColor: convertedColorDisabled,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n      \"&$semanticDisabled&:hover\": {\n        backgroundColor: convertedColorDisabled,\n        color: theme.hv.palette.atmosphere.atmo7,\n        border: \"none\",\n        cursor: \"not-allowed\",\n        pointerEvents: \"auto\",\n      },\n    },\n    semanticDisabled: {},\n    startIcon: {\n      marginLeft: -8,\n      marginRight: 0,\n    },\n\n    primarySVG: {\n      ...setColor(theme.hv.palette.accent.acce0),\n      \"&$primaryDisabled\": {\n        ...setColor(theme.hv.palette.atmosphere.atmo7),\n      },\n    },\n    secondarySVG: {\n      ...setColor(theme.hv.palette.accent.acce1),\n      \"&$secondaryDisabled\": {\n        ...setColor(theme.hv.palette.atmosphere.atmo7),\n      },\n    },\n    ghostSVG: {\n      ...setColor(theme.hv.palette.accent.acce1),\n      \"&$ghostDisabled\": {\n        ...setColor(theme.hv.palette.atmosphere.atmo7),\n      },\n    },\n    ghostSecondarySVG: {\n      ...setColor(theme.hv.palette.accent.acce2),\n      \"&$ghostSecondaryDisabled\": {\n        ...setColor(theme.hv.palette.atmosphere.atmo7),\n      },\n    },\n    semanticSVG: {\n      ...setColor(theme.hv.palette.base.base2),\n      \"&$semanticDisabled\": {\n        ...setColor(theme.hv.palette.atmosphere.atmo7),\n      },\n    },\n    iconSVG: {\n      ...setColor(theme.hv.palette.accent.acce1),\n      \"&$ghostDisabled\": {\n        ...setColor(theme.hv.palette.atmosphere.atmo7),\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Card/Card.d.ts

@@ -0,0 +1,118 @@
+import React, { FormEvent } from "react";
+import { CardProps, StandardProps } from "@material-ui/core";
+import { HvCardFooterCommonProps } from "./Footer";
+import { HvCheckBoxProps } from "../Selectors/CheckBox";
+import { HvSemanticColorKeys } from "..";
+
+export interface HvCardProps
+  extends StandardProps<CardProps, HvCardClassKey>,
+    HvCardFooterCommonProps {
+  /**
+   * Extra properties to be passed element used to represent the clickable default card.
+   */
+  cardButtonProps?: Record<string, any>;
+  /**
+   * Extra properties to be passed element used to represent the default header card.
+   */
+  headerProps?: Record<string, any>;
+  /**
+   * Extra properties to be passed element used to represent the default media element.
+   */
+  mediaProps?: Record<string, any>;
+  /**
+   * Extra properties to be passed element used to represent the default footer card.
+   */
+  footerProps?: Record<string, any>;
+  /**
+   * Extra properties to be passed element used to represent the default content card.
+   */
+  contentProps?: Record<string, any>;
+  /**
+   *  The renderable content inside the title slot of the header.
+   */
+  headerTitle?: React.ReactNode;
+  /**
+   *  The renderable content inside the subheader slot of the header.
+   */
+  subheader?: React.ReactNode;
+  /**
+   *  The renderable content inside the icon slot of the header.
+   */
+  icon?: React.ReactNode;
+  /**
+   *  The renderable content inside the body of the card.
+   */
+  innerCardContent?: React.ReactNode;
+  /**
+   *  The path to the image to show in the media slot.
+   */
+  mediaPath?: string;
+  /**
+   *  The title of the media.
+   */
+  mediaTitle?: string;
+  /**
+   *  The height necessary to adjust the media container to the image.
+   */
+  mediaHeight?: number;
+  /**
+   *  Used to define a string that labels the media element.
+   */
+  mediaAriaLabel?: string;
+  /**
+   *  Establishes relationships between the media and it's label(s), its value should be one or more element IDs.
+   */
+  mediaAriaLabelledBy?: string;
+  /**
+   *  Used to indicate the IDs of the elements that describe the media element.
+   */
+  mediaAriaDescribedBy?: string;
+  /**
+   *  The border color at the top of the card. Must be one of palette semantic colors.
+   *  To set another color, the backgroundColor in the class semanticContainer should be override.
+   */
+  semantic?: "sema0" | HvSemanticColorKeys;
+  /**
+   *  Removes the header for the default card.
+   */
+  noHeader?: boolean;
+  /**
+   *  Removes the footer for the default card.
+   */
+  noFooter?: boolean;
+  /**
+   *  allows selecting on click action.
+   *  only works for the default card.
+   */
+  selectOnClickAction?: boolean;
+  /**
+   *  The function that will be executed when the card is selected.
+   */
+  onChange?: (event: FormEvent<HTMLInputElement>) => void | undefined;
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   * note: if this value is specified the state of the checkbox must be managed
+   */
+  checked?: boolean;
+  /**
+   * Properties to be passed onto the checkbox component, the values of the Record<string, any> are equivalent to the
+   * HvCheckbox API.
+   */
+  checkboxProps?: HvCheckBoxProps;
+}
+
+export type HvCardClassKey =
+  | HvSemanticColorKeys
+  | "root"
+  | "cardContainer"
+  | "cardContainerSelected"
+  | "sema0"
+  | "semanticSelected"
+  | "semanticContainer"
+  | "cardOutLine"
+  | "upperAreaReference"
+  | "upperAreaSelectable"
+  | "selectable"
+  | "selected";
+
+export default function HvCard(props: HvCardProps): JSX.Element | null;