dibk-design 0.4.23 → 0.4.27

package/dist/components/Accordion.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,88 +13,52 @@ var _AccordionModule = _interopRequireDefault(require("./Accordion.module.scss")
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Accordion = /*#__PURE__*/function (_React$Component) {
-  _inherits(Accordion, _React$Component);
-
-  var _super = _createSuper(Accordion);
-
-  function Accordion(props) {
-    var _this;
-
-    _classCallCheck(this, Accordion);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      expanded: _this.props.expanded,
-      initialized: _this.props.expanded
+class Accordion extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      expanded: this.props.expanded,
+      initialized: this.props.expanded
     };
-    _this.handleToggleExpand = _this.handleToggleExpand.bind(_assertThisInitialized(_this));
-    return _this;
+    this.handleToggleExpand = this.handleToggleExpand.bind(this);
+  }
+
+  handleToggleExpand() {
+    this.setState({
+      expanded: !this.state.expanded,
+      initialized: true
+    });
   }
 
-  _createClass(Accordion, [{
-    key: "handleToggleExpand",
-    value: function handleToggleExpand() {
+  componentDidUpdate(prevProps) {
+    if (this.props.expanded !== prevProps.expanded) {
       this.setState({
-        expanded: !this.state.expanded,
-        initialized: true
+        expanded: this.props.expanded
       });
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.expanded !== prevProps.expanded) {
-        this.setState({
-          expanded: this.props.expanded
-        });
-      }
-    }
-  }, {
-    key: "renderPanel",
-    value: function renderPanel() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _AccordionModule.default.panel,
-        onClick: this.handleToggleExpand
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: _AccordionModule.default.panelText
-      }, this.props.title), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_AccordionModule.default.panelChevron, " ").concat(this.state.expanded ? _AccordionModule.default.expanded : '')
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var className = "".concat(_AccordionModule.default.accordion, " ").concat(this.props.color ? _AccordionModule.default[this.props.color] : '');
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: className
-      }, this.renderPanel(), /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_AccordionModule.default.content, " ").concat(this.state.initialized ? _AccordionModule.default.initialized : '', " ").concat(this.state.expanded ? _AccordionModule.default.expanded : '')
-      }, this.props.children));
-    }
-  }]);
+  }
+
+  renderPanel() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _AccordionModule.default.panel,
+      onClick: this.handleToggleExpand
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: _AccordionModule.default.panelText
+    }, this.props.title), /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(_AccordionModule.default.panelChevron, " ").concat(this.state.expanded ? _AccordionModule.default.expanded : '')
+    }));
+  }
+
+  render() {
+    const className = "".concat(_AccordionModule.default.accordion, " ").concat(this.props.color ? _AccordionModule.default[this.props.color] : '');
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, this.renderPanel(), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(_AccordionModule.default.content, " ").concat(this.state.initialized ? _AccordionModule.default.initialized : '', " ").concat(this.state.expanded ? _AccordionModule.default.expanded : '')
+    }, this.props.children));
+  }
 
-  return Accordion;
-}(_react.default.Component);
+}
 
 Accordion.propTypes = {
   /** Content title inside box */

package/dist/components/Button.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,85 +17,43 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+class Button extends _react.default.Component {
+  getArrowClass() {
+    switch (this.props.arrow) {
+      case 'left':
+        return _ButtonModule.default.hasArrowLeft;
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+      case 'right':
+        return _ButtonModule.default.hasArrowRight;
 
-var Button = /*#__PURE__*/function (_React$Component) {
-  _inherits(Button, _React$Component);
-
-  var _super = _createSuper(Button);
-
-  function Button() {
-    _classCallCheck(this, Button);
-
-    return _super.apply(this, arguments);
+      default:
+        return '';
+    }
   }
 
-  _createClass(Button, [{
-    key: "getArrowClass",
-    value: function getArrowClass() {
-      switch (this.props.arrow) {
-        case 'left':
-          return _ButtonModule.default.hasArrowLeft;
-
-        case 'right':
-          return _ButtonModule.default.hasArrowRight;
-
-        default:
-          return '';
-      }
-    }
-  }, {
-    key: "getThemeStyle",
-    value: function getThemeStyle(theme, color) {
-      return {
-        backgroundColor: (0, _theme.getThemePaletteBackgroundColor)(theme, color),
-        color: (0, _theme.getThemePaletteTextColor)(theme, color),
-        borderColor: (0, _theme.getThemePaletteBorderColor)(theme, color),
-        borderWidth: (0, _theme.getThemePaletteBorderColor)(theme, color) ? '1px' : '0'
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var buttonProps = _objectSpread({}, this.props);
+  getThemeStyle(theme, color) {
+    return {
+      backgroundColor: (0, _theme.getThemePaletteBackgroundColor)(theme, color),
+      color: (0, _theme.getThemePaletteTextColor)(theme, color),
+      borderColor: (0, _theme.getThemePaletteBorderColor)(theme, color),
+      borderWidth: (0, _theme.getThemePaletteBorderColor)(theme, color) ? '1px' : '0'
+    };
+  }
 
-      delete buttonProps.noHover;
-      delete buttonProps.rounded;
-      var themeStyle = this.props.theme ? this.getThemeStyle(this.props.theme, this.props.color) : null;
-      var className = "".concat(_ButtonModule.default.button, " ").concat(_ButtonModule.default[this.props.color], " ").concat(_ButtonModule.default[this.props.size], " ").concat(this.getArrowClass(), " ").concat(this.props.theme ? _ButtonModule.default.hasTheme : '', " ").concat(this.props.noHover ? _ButtonModule.default.noHover : '', " ").concat(this.props.rounded ? _ButtonModule.default.rounded : '');
-      return /*#__PURE__*/_react.default.createElement("button", _extends({}, buttonProps, {
-        className: className,
-        style: themeStyle
-      }), this.props.content);
-    }
-  }]);
+  render() {
+    let buttonProps = { ...this.props
+    };
+    delete buttonProps.noHover;
+    delete buttonProps.rounded;
+    const themeStyle = this.props.theme ? this.getThemeStyle(this.props.theme, this.props.color) : null;
+    const className = "".concat(_ButtonModule.default.button, " ").concat(_ButtonModule.default[this.props.color], " ").concat(_ButtonModule.default[this.props.size], " ").concat(this.getArrowClass(), " ").concat(this.props.theme ? _ButtonModule.default.hasTheme : '', " ").concat(this.props.noHover ? _ButtonModule.default.noHover : '', " ").concat(this.props.rounded ? _ButtonModule.default.rounded : '');
+    return /*#__PURE__*/_react.default.createElement("button", _extends({}, buttonProps, {
+      className: className,
+      style: themeStyle
+    }), this.props.content);
+  }
 
-  return Button;
-}(_react.default.Component);
+}
 
 Button.propTypes = {
   /** Text content inside button */

package/dist/components/Button.module.scss

@@ -106,8 +106,7 @@
   &:disabled {
     &:local(.hasTheme),
     &:not(:local(.hasTheme)) {
-      &:local(.default),
-      &:local(.primary) {
+      &:local(.default) {
         background-color: #fff;
         cursor: default;
         opacity: 0.6;
@@ -131,6 +130,30 @@
           border-color: #afaba8;
         }
       }
+      &:local(.primary) {
+        background-color: $color-primary;
+        cursor: default;
+        opacity: 0.6;
+        color: #fff;
+        border: 1px solid $color-primary;
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: $color-primary;
+          cursor: default;
+          opacity: 0.6;
+          color: #fff;
+          border: 1px solid $color-primary;
+          &:before,
+          &:after {
+            border-color: $color-primary;
+          }
+        }
+        &:before,
+        &:after {
+          border-color: $color-primary;
+        }
+      }
     }
   }
 

package/dist/components/CheckBoxIcon.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,84 +15,46 @@ var _CheckBoxIconModule = _interopRequireDefault(require("./CheckBoxIcon.module.
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+class CheckBoxIcon extends _react.default.Component {
+  render() {
+    let inlineStyle = {
+      height: this.props.size,
+      width: this.props.size,
+      fontSize: this.props.size
+    };
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+    if (this.props.theme && this.props.checked) {
+      inlineStyle = { ...inlineStyle,
+        color: (0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary'),
+        boxShadow: "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary')) // TODO: support theme error color
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var CheckBoxIcon = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckBoxIcon, _React$Component);
-
-  var _super = _createSuper(CheckBoxIcon);
-
-  function CheckBoxIcon() {
-    _classCallCheck(this, CheckBoxIcon);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(CheckBoxIcon, [{
-    key: "render",
-    value: function render() {
-      var inlineStyle = {
-        height: this.props.size,
-        width: this.props.size,
-        fontSize: this.props.size
       };
-
-      if (this.props.theme && this.props.checked) {
-        inlineStyle = _objectSpread(_objectSpread({}, inlineStyle), {}, {
-          color: (0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary'),
-          boxShadow: "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary')) // TODO: support theme error color
-
-        });
-      }
-
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_CheckBoxIconModule.default.checkBoxIcon, " ").concat(this.props.checked ? _CheckBoxIconModule.default.checked : '', " ").concat(this.props.showBox ? _CheckBoxIconModule.default.showBox : '', " ").concat(this.props.hasErrors ? _CheckBoxIconModule.default.hasErrors : ''),
-        style: inlineStyle
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: _CheckBoxIconModule.default.checkmark
-      }, this.props.checked ? '✔' : ''));
     }
-  }]);
 
-  return CheckBoxIcon;
-}(_react.default.Component);
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(_CheckBoxIconModule.default.checkBoxIcon, " ").concat(this.props.checked ? _CheckBoxIconModule.default.checked : '', " ").concat(this.props.showBox ? _CheckBoxIconModule.default.showBox : '', " ").concat(this.props.hasErrors ? _CheckBoxIconModule.default.hasErrors : ''),
+      style: inlineStyle
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: _CheckBoxIconModule.default.checkmark
+    }, this.props.checked ? this.props.checkmarkCharacter : ''));
+  }
+
+}
 
 CheckBoxIcon.propTypes = {
   size: _propTypes.default.string,
   checked: _propTypes.default.bool,
   showBox: _propTypes.default.bool,
   theme: _propTypes.default.object,
-  hasErrors: _propTypes.default.bool
+  hasErrors: _propTypes.default.bool,
+  checkmarkCharacter: _propTypes.default.string
 };
 CheckBoxIcon.defaultProps = {
   size: '20px',
   checked: false,
   showBox: true,
-  hasErrors: false
+  hasErrors: false,
+  checkmarkCharacter: '✔'
 };
 var _default = CheckBoxIcon;
 exports.default = _default;

package/dist/components/CheckBoxIcon.md

@@ -3,6 +3,7 @@ Regular check box icons example:
 ```js
 <CheckBoxIcon  />
 <CheckBoxIcon checked={true} />
+<CheckBoxIcon checked={true} checkmarkCharacter="✕" />
 ```
 
 Themed Regular check box icons example:
@@ -12,6 +13,7 @@ import customTheme from 'data/customTheme';
 <React.Fragment>
 <CheckBoxIcon theme={customTheme} />
 <CheckBoxIcon checked={true} theme={customTheme} />
+<CheckBoxIcon checked={true} theme={customTheme} checkmarkCharacter="✕" />
 </React.Fragment>
 ```
 
@@ -20,4 +22,8 @@ Check box icons with custom size example:
 ```js
 <CheckBoxIcon size='43px'  />
 <CheckBoxIcon size='43px' checked={true} />
+<CheckBoxIcon size='43px' checked={true} checkmarkCharacter="✕" />
 ```
+
+
+

package/dist/components/CheckBoxInput.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,63 +15,30 @@ var _CheckBoxInputModule = _interopRequireDefault(require("./CheckBoxInput.modul
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var CheckBoxInput = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckBoxInput, _React$Component);
-
-  var _super = _createSuper(CheckBoxInput);
-
-  function CheckBoxInput() {
-    _classCallCheck(this, CheckBoxInput);
-
-    return _super.apply(this, arguments);
+class CheckBoxInput extends _react.default.Component {
+  render() {
+    return /*#__PURE__*/_react.default.createElement("label", {
+      className: "".concat(_CheckBoxInputModule.default.checkBoxInput, " ").concat(this.props.contentOnly ? _CheckBoxInputModule.default.contentOnly : '', " ").concat(this.props.hasErrors ? _CheckBoxInputModule.default.hasErrors : ''),
+      htmlFor: this.props.id
+    }, !this.props.contentOnly ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CheckBoxIcon.default, {
+      checked: this.props.checked,
+      theme: this.props.theme,
+      hasErrors: this.props.hasErrors,
+      checkmarkCharacter: this.props.checkmarkCharacter
+    }), /*#__PURE__*/_react.default.createElement("input", {
+      onChange: this.props.onChange,
+      type: "checkbox",
+      name: this.props.name,
+      id: this.props.id,
+      checked: this.props.checked
+    })) : /*#__PURE__*/_react.default.createElement(_CheckBoxIcon.default, {
+      checked: this.props.checked,
+      showBox: false,
+      theme: this.props.theme
+    }), /*#__PURE__*/_react.default.createElement("span", null, this.props.children));
   }
 
-  _createClass(CheckBoxInput, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("label", {
-        className: "".concat(_CheckBoxInputModule.default.checkBoxInput, " ").concat(this.props.contentOnly ? _CheckBoxInputModule.default.contentOnly : '', " ").concat(this.props.hasErrors ? _CheckBoxInputModule.default.hasErrors : ''),
-        htmlFor: this.props.id
-      }, !this.props.contentOnly ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CheckBoxIcon.default, {
-        checked: this.props.checked,
-        theme: this.props.theme,
-        hasErrors: this.props.hasErrors
-      }), /*#__PURE__*/_react.default.createElement("input", {
-        onChange: this.props.onChange,
-        type: "checkbox",
-        name: this.props.name,
-        id: this.props.id,
-        checked: this.props.checked
-      })) : /*#__PURE__*/_react.default.createElement(_CheckBoxIcon.default, {
-        checked: this.props.checked,
-        showBox: false,
-        theme: this.props.theme
-      }), /*#__PURE__*/_react.default.createElement("span", null, this.props.children));
-    }
-  }]);
-
-  return CheckBoxInput;
-}(_react.default.Component);
+}
 
 CheckBoxInput.propTypes = {
   checked: _propTypes.default.bool,
@@ -82,13 +47,15 @@ CheckBoxInput.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   contentOnly: _propTypes.default.bool,
   hasErrors: _propTypes.default.bool,
-  theme: _propTypes.default.object
+  theme: _propTypes.default.object,
+  checkmarkCharacter: _propTypes.default.string
 };
 CheckBoxInput.defaultProps = {
   checked: false,
   name: '',
   contentOnly: false,
-  hasErrors: false
+  hasErrors: false,
+  checkmarkCharacter: '✔'
 };
 var _default = CheckBoxInput;
 exports.default = _default;

package/dist/components/CheckBoxInput.md

@@ -14,6 +14,9 @@ Checkbox input example:
 <CheckBoxInput onChange={()=>{console.log('onchange')}} name="checkbox" id="checkBoxInput-4" contentOnly={true}>
   <span>Unchecked checkbox with content only</span>
 </CheckBoxInput>
+<CheckBoxInput onChange={()=>{console.log('onchange')}} name="checkbox" id="checkBoxInput-5" checked={true} checkmarkCharacter="✕">
+  <span>Label for checked checkbox with custom checkmark</span>
+</CheckBoxInput>
 </div>
 ```
 
@@ -35,5 +38,8 @@ import customTheme from 'data/customTheme';
 <CheckBoxInput onChange={()=>{console.log('onchange')}} name="themed-checkbox" id="themed-checkBoxInput-4" contentOnly={true} theme={customTheme}>
   <span>Unchecked checkbox with content only</span>
 </CheckBoxInput>
+<CheckBoxInput onChange={()=>{console.log('onchange')}} name="checkbox" id="themed-checkBoxInput-5" checked={true} checkmarkCharacter="✕" theme={customTheme}>
+  <span>Label for checked checkbox with custom checkmark</span>
+</CheckBoxInput>
 </div>
 ```