@widergy/energy-ui 1.136.0 → 1.136.2

package/dist/components/UTBreadcrumbs/theme.js

@@ -5,28 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var retrieveStyle = function retrieveStyle(theme) {
-  return {
-    item: {
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'borderRadius']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'color']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'fontFamily']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'fontWeight']),
-      lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'lineHeight']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'padding'], '4px 8px'),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'hover', 'backgroundColor'])
-      }
-    },
-    separator: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'color']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'fontFamily']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'fontWeight']),
-      lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'lineHeight']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'padding'], '4px 16px')
+const retrieveStyle = theme => ({
+  item: {
+    borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'borderRadius']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'color']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'fontFamily']),
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'fontWeight']),
+    lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'lineHeight']),
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'padding'], '4px 8px'),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'item', 'hover', 'backgroundColor'])
     }
-  };
-};
+  },
+  separator: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'color']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'fontFamily']),
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'fontWeight']),
+    lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'lineHeight']),
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTBreadcrumbs', 'separator', 'padding'], '4px 16px')
+  }
+});
 exports.retrieveStyle = retrieveStyle;

package/dist/components/UTButton/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,75 +11,54 @@ var _CircularProgress = _interopRequireDefault(require("@material-ui/core/Circul
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _theme = require("./theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var UTButton = /*#__PURE__*/function (_PureComponent) {
-  _inherits(UTButton, _PureComponent);
-  var _super = _createSuper(UTButton);
-  function UTButton() {
-    _classCallCheck(this, UTButton);
-    return _super.apply(this, arguments);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class UTButton extends _react.PureComponent {
+  render() {
+    const {
+      text,
+      fab,
+      outlined,
+      extendedFab,
+      type,
+      onPress,
+      disabled,
+      loading,
+      small,
+      large,
+      lowercase,
+      uppercase,
+      classes,
+      className,
+      children,
+      autoFocus,
+      style,
+      secondary,
+      alternative,
+      gray
+    } = this.props;
+    const size = small ? 'small' : large ? 'large' : 'medium';
+    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+      type: type,
+      size: size,
+      autoFocus: autoFocus,
+      style: style,
+      variant: text ? 'text' : fab ? 'fab' : extendedFab ? 'extendedFab' : outlined ? 'outlined' : 'contained',
+      disabled: disabled || loading,
+      onClick: onPress,
+      classes: {
+        root: "".concat(small ? classes.small : large && classes.large, " ").concat(uppercase ? classes.uppercase : lowercase && classes.lowercase, " ").concat(className),
+        label: classes.labelFullWidth,
+        contained: "".concat(classes.base, " ").concat(secondary && classes.secondary, " ").concat(alternative && classes.alternative, " ").concat(gray && classes.gray),
+        text: "".concat(classes.baseText, " ").concat(secondary && classes.secondaryText, " ").concat(alternative && classes.alternativeText, " ").concat(gray && classes.grayText),
+        outlined: "".concat(classes.baseOutlined, " ").concat(secondary && classes.secondaryOutlined, " ").concat(alternative && classes.alternativeOutlined, " ").concat(gray && classes.grayOutlined)
+      }
+    }, children, loading && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+      size: 24,
+      className: classes["loading".concat(outlined ? 'Outlined' : text ? 'Text' : '')]
+    }));
   }
-  _createClass(UTButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        text = _this$props.text,
-        fab = _this$props.fab,
-        outlined = _this$props.outlined,
-        extendedFab = _this$props.extendedFab,
-        type = _this$props.type,
-        onPress = _this$props.onPress,
-        disabled = _this$props.disabled,
-        loading = _this$props.loading,
-        small = _this$props.small,
-        large = _this$props.large,
-        lowercase = _this$props.lowercase,
-        uppercase = _this$props.uppercase,
-        classes = _this$props.classes,
-        className = _this$props.className,
-        children = _this$props.children,
-        autoFocus = _this$props.autoFocus,
-        style = _this$props.style,
-        secondary = _this$props.secondary,
-        alternative = _this$props.alternative,
-        gray = _this$props.gray;
-      var size = small ? 'small' : large ? 'large' : 'medium';
-      return /*#__PURE__*/_react.default.createElement(_Button.default, {
-        type: type,
-        size: size,
-        autoFocus: autoFocus,
-        style: style,
-        variant: text ? 'text' : fab ? 'fab' : extendedFab ? 'extendedFab' : outlined ? 'outlined' : 'contained',
-        disabled: disabled || loading,
-        onClick: onPress,
-        classes: {
-          root: "".concat(small ? classes.small : large && classes.large, " ").concat(uppercase ? classes.uppercase : lowercase && classes.lowercase, " ").concat(className),
-          label: classes.labelFullWidth,
-          contained: "".concat(classes.base, " ").concat(secondary && classes.secondary, " ").concat(alternative && classes.alternative, " ").concat(gray && classes.gray),
-          text: "".concat(classes.baseText, " ").concat(secondary && classes.secondaryText, " ").concat(alternative && classes.alternativeText, " ").concat(gray && classes.grayText),
-          outlined: "".concat(classes.baseOutlined, " ").concat(secondary && classes.secondaryOutlined, " ").concat(alternative && classes.alternativeOutlined, " ").concat(gray && classes.grayOutlined)
-        }
-      }, children, loading && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-        size: 24,
-        className: classes["loading".concat(outlined ? 'Outlined' : text ? 'Text' : '')]
-      }));
-    }
-  }]);
-  return UTButton;
-}(_react.PureComponent);
+}
 UTButton.propTypes = {
   text: _propTypes.bool,
   small: _propTypes.bool,
@@ -101,5 +79,4 @@ UTButton.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   className: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTButton);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTButton);

package/dist/components/UTButton/theme.js

@@ -7,181 +7,179 @@ exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(theme) {
-  return {
-    base: {
-      textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'textTransform'], 'none'),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'backgroundColor']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'borderRadius']),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'boxShadow']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'color']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'fontWeight']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'padding']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'hover', 'backgroundColor']),
-        boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'hover', 'boxShadow'])
-      },
-      '&:disabled': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabled', 'backgroundColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabled', 'color']),
-        padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabled', 'padding'])
-      }
-    },
-    baseText: {
-      textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'textTransform'], 'none'),
-      backgroundColor: _colorsModule.default.transparent,
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'borderRadius']),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'boxShadow']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'color']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'fontWeight']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'padding']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'hover', 'backgroundColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'hover', 'color'])
-      },
-      '&:disabled': {
-        backgroundColor: _colorsModule.default.transparent,
-        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledText', 'borderColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledText', 'color']),
-        padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledText', 'padding'])
-      }
-    },
-    baseOutlined: {
-      textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'textTransform'], 'none'),
-      backgroundColor: _colorsModule.default.transparent,
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'border']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'borderColor']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'borderRadius']),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'boxShadow']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'color']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'fontWeight']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'padding']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'hover', 'backgroundColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'hover', 'color'])
-      },
-      '&:disabled': {
-        backgroundColor: _colorsModule.default.transparent,
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'border']),
-        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'borderColor']),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'color']),
-        padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'padding'])
-      }
-    },
-    secondary: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'backgroundColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'padding'])
-    },
-    secondaryText: {
-      backgroundColor: _colorsModule.default.transparent,
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryText', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryText', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryText', 'padding'])
-    },
-    secondaryOutlined: {
-      backgroundColor: _colorsModule.default.transparent,
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'border']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'borderColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'padding'])
-    },
-    alternative: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'backgroundColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'padding'])
-    },
-    alternativeText: {
-      backgroundColor: _colorsModule.default.transparent,
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeText', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeText', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeText', 'padding'])
-    },
-    alternativeOutlined: {
-      backgroundColor: _colorsModule.default.transparent,
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'border']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'borderColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'padding'])
-    },
-    gray: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'backgroundColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'padding'])
-    },
-    grayText: {
+const retrieveStyle = theme => ({
+  base: {
+    textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'textTransform'], 'none'),
+    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'backgroundColor']),
+    borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'borderRadius']),
+    boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'boxShadow']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'color']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'fontWeight']),
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'padding']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'hover', 'backgroundColor']),
+      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'base', 'hover', 'boxShadow'])
+    },
+    '&:disabled': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabled', 'backgroundColor']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabled', 'color']),
+      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabled', 'padding'])
+    }
+  },
+  baseText: {
+    textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'textTransform'], 'none'),
+    backgroundColor: _colorsModule.default.transparent,
+    borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'borderRadius']),
+    boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'boxShadow']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'color']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'fontWeight']),
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'padding']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'hover', 'backgroundColor']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseText', 'hover', 'color'])
+    },
+    '&:disabled': {
       backgroundColor: _colorsModule.default.transparent,
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayText', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayText', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayText', 'padding'])
-    },
-    grayOutlined: {
+      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledText', 'borderColor']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledText', 'color']),
+      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledText', 'padding'])
+    }
+  },
+  baseOutlined: {
+    textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'textTransform'], 'none'),
+    backgroundColor: _colorsModule.default.transparent,
+    border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'border']),
+    borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'borderColor']),
+    borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'borderRadius']),
+    boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'boxShadow']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'color']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'fontWeight']),
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'padding']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'hover', 'backgroundColor']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'baseOutlined', 'hover', 'color'])
+    },
+    '&:disabled': {
       backgroundColor: _colorsModule.default.transparent,
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'border']),
-      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'borderColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'color']),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'hover', 'backgroundColor'])
-      },
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'padding'])
-    },
-    small: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'small'])
-    },
-    large: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'large'])
-    },
-    lowercase: {
-      textTransform: 'lowercase'
-    },
-    uppercase: {
-      textTransform: 'uppercase'
-    },
-    labelFullWidth: {
-      width: '100%'
-    },
-    loading: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loading', 'color']),
-      position: 'absolute',
-      left: 'calc(50% - 12px)'
-    },
-    loadingText: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loadingText', 'color'], (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loading', 'color'])),
-      position: 'absolute',
-      left: 'calc(50% - 12px)'
-    },
-    loadingOutlined: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loadingOutlined', 'color'], (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loading', 'color'])),
-      position: 'absolute',
-      left: 'calc(50% - 12px)'
+      border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'border']),
+      borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'borderColor']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'color']),
+      padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'disabledOutlined', 'padding'])
     }
-  };
-};
+  },
+  secondary: {
+    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'backgroundColor']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondary', 'padding'])
+  },
+  secondaryText: {
+    backgroundColor: _colorsModule.default.transparent,
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryText', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryText', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryText', 'padding'])
+  },
+  secondaryOutlined: {
+    backgroundColor: _colorsModule.default.transparent,
+    border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'border']),
+    borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'borderColor']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'secondaryOutlined', 'padding'])
+  },
+  alternative: {
+    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'backgroundColor']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternative', 'padding'])
+  },
+  alternativeText: {
+    backgroundColor: _colorsModule.default.transparent,
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeText', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeText', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeText', 'padding'])
+  },
+  alternativeOutlined: {
+    backgroundColor: _colorsModule.default.transparent,
+    border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'border']),
+    borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'borderColor']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'alternativeOutlined', 'padding'])
+  },
+  gray: {
+    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'backgroundColor']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'gray', 'padding'])
+  },
+  grayText: {
+    backgroundColor: _colorsModule.default.transparent,
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayText', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayText', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayText', 'padding'])
+  },
+  grayOutlined: {
+    backgroundColor: _colorsModule.default.transparent,
+    border: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'border']),
+    borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'borderColor']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'color']),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'hover', 'backgroundColor'])
+    },
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'grayOutlined', 'padding'])
+  },
+  small: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'small'])
+  },
+  large: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'large'])
+  },
+  lowercase: {
+    textTransform: 'lowercase'
+  },
+  uppercase: {
+    textTransform: 'uppercase'
+  },
+  labelFullWidth: {
+    width: '100%'
+  },
+  loading: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loading', 'color']),
+    position: 'absolute',
+    left: 'calc(50% - 12px)'
+  },
+  loadingText: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loadingText', 'color'], (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loading', 'color'])),
+    position: 'absolute',
+    left: 'calc(50% - 12px)'
+  },
+  loadingOutlined: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loadingOutlined', 'color'], (0, _seamlessImmutable.getIn)(theme, ['UTButton', 'loading', 'color'])),
+    position: 'absolute',
+    left: 'calc(50% - 12px)'
+  }
+});
 exports.retrieveStyle = retrieveStyle;