@telefonica/mistica 10.14.2 → 10.18.0

package/dist/month-field.js

@@ -6,7 +6,7 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _formContext = require("./form-context");
-var _textFieldBase = _interopRequireDefault(require("./text-field-base"));
+var _textFieldBase = require("./text-field-base");
 var _dom = require("./utils/dom");
 var _environment = require("./utils/environment");
 var _iconCalendarRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-calendar-regular"));
@@ -163,7 +163,7 @@ var DateField = function DateField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    var nativePicker = /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, _objectSpread({
+    var nativePicker = /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
     }, rest, fieldProps, {
         min: min ? (0, _time).getLocalYearMonthString(min) : undefined,
         max: max ? (0, _time).getLocalYearMonthString(max) : undefined,

package/dist/package-version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.PACKAGE_VERSION = void 0;
-var PACKAGE_VERSION = '10.14.2';
+var PACKAGE_VERSION = '10.18.0';
 exports.PACKAGE_VERSION = PACKAGE_VERSION;

package/dist/password-field.js

@@ -6,7 +6,7 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _formContext = require("./form-context");
-var _textFieldBase = _interopRequireDefault(require("./text-field-base"));
+var _textFieldBase = require("./text-field-base");
 var _hooks = require("./hooks");
 var _iconButton = _interopRequireDefault(require("./icon-button"));
 var _iconVisibility = _interopRequireDefault(require("./icons/icon-visibility"));
@@ -221,7 +221,7 @@ var PasswordField = function PasswordField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, _objectSpread({
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
     }, rest, fieldProps, {
         type: isVisible ? 'text' : 'password',
         inputRef: function inputRef1(field) {

package/dist/phone-number-field.js

@@ -8,15 +8,10 @@ var React = _interopRequireWildcard(require("react"));
 var _rifm = require("rifm");
 var _libphonenumber = require("@telefonica/libphonenumber");
 var _formContext = require("./form-context");
-var _textFieldBase = _interopRequireDefault(require("./text-field-base"));
+var _textFieldBase = require("./text-field-base");
 var _hooks = require("./hooks");
 var _dom = require("./utils/dom");
 var _common = require("./utils/common");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
@@ -252,7 +247,7 @@ var PhoneNumberField = function PhoneNumberField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, _objectSpread({
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
     }, rest, fieldProps, {
         type: "phone",
         inputProps: {

package/dist/radio-button.js

@@ -137,6 +137,7 @@ var useRadioButtonStyles = (0, _jss).createUseStyles(function(param) {
     var colors = param.colors, isIos = param.isIos;
     return {
         outerCircle: {
+            cursor: 'pointer',
             flexShrink: 0,
             width: 20,
             height: 20,
@@ -169,11 +170,11 @@ var useRadioButtonStyles = (0, _jss).createUseStyles(function(param) {
             transform: 'scale(1)'
         },
         radioButton: {
-            cursor: 'default',
-            opacity: function opacity(param) {
-                var disabled = param.disabled;
-                return disabled ? 0.5 : 1;
-            }
+            cursor: 'default'
+        },
+        disabled: {
+            opacity: 0.5,
+            cursor: 'default'
         }
     };
 });
@@ -192,6 +193,7 @@ var useRadioContext = function useRadioContext() {
     return React.useContext(RadioContext);
 };
 exports.useRadioContext = useRadioContext;
+var _obj;
 var RadioButton = function RadioButton(_param) {
     var value = _param.value, id = _param.id, dataAttributes = _param.dataAttributes, rest = _objectWithoutProperties(_param, [
         "value",
@@ -203,7 +205,6 @@ var RadioButton = function RadioButton(_param) {
     var checked = value === selectedValue;
     var tabIndex = focusableValue === value ? 0 : -1;
     var classes = useRadioButtonStyles({
-        disabled: disabled,
         checked: checked
     });
     var ref2 = (0, _hooks).useTheme(), isIos = ref2.isIos;
@@ -230,8 +231,8 @@ var RadioButton = function RadioButton(_param) {
         }
     };
     var radio = /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-        className: (0, _classnames).default(classes.outerCircle, _defineProperty({
-        }, classes.outerCircleChecked, checked)),
+        className: (0, _classnames).default(classes.outerCircle, (_obj = {
+        }, _defineProperty(_obj, classes.outerCircleChecked, checked), _defineProperty(_obj, classes.disabled, disabled), _obj)),
         children: !isIos && /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             className: (0, _classnames).default(classes.innerCircle, _defineProperty({
             }, classes.innerCircleChecked, checked))
@@ -268,7 +269,10 @@ var RadioButton = function RadioButton(_param) {
                 /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                     regular: true,
                     as: "div",
-                    children: rest.children
+                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx("span", {
+                        className: disabled ? classes.disabled : '',
+                        children: rest.children
+                    })
                 })
             ]
         })

package/dist/search-field.js

@@ -6,7 +6,7 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _formContext = require("./form-context");
-var _textFieldBase = _interopRequireDefault(require("./text-field-base"));
+var _textFieldBase = require("./text-field-base");
 var _iconSearch = _interopRequireDefault(require("./icons/icon-search"));
 var _iconCloseRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular"));
 var _iconButton = _interopRequireDefault(require("./icon-button"));
@@ -185,7 +185,7 @@ var SearchField = function SearchField(_param) {
         onChange: onChange,
         onChangeValue: handleChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, _objectSpread({
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
         ref: inputRef,
         startIcon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSearch.default, {
         }),

package/dist/select.js

@@ -10,7 +10,7 @@ var _hooks = require("./hooks");
 var _keyCodes = require("./utils/key-codes");
 var _textFieldComponents = require("./text-field-components");
 var _iconChevronDownRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-down-regular"));
-var _textFieldBase = _interopRequireDefault(require("./text-field-base"));
+var _textFieldBase = require("./text-field-base");
 var _overlay = _interopRequireDefault(require("./overlay"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _platform = require("./utils/platform");
@@ -111,10 +111,6 @@ var _obj, _obj1;
 var useStyles = (0, _jss).createUseStyles(function(theme) {
     return {
         selectContainer: (_obj = {
-            cursor: function cursor(param) {
-                var disabled = param.disabled;
-                return disabled ? 'auto' : 'pointer';
-            },
             position: 'relative',
             outline: 0
         }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
@@ -145,24 +141,17 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             width: '100%',
             height: '100%',
             textOverflow: 'ellipsis',
-            '&:disabled': {
-                color: theme.colors.textDisabled
-            },
             appearance: 'none',
             cursor: function cursor(param) {
                 var disabled = param.disabled;
-                return disabled ? 'inherit' : 'pointer';
+                return disabled ? 'default' : 'pointer';
             }
         },
         arrowDown: {
             position: 'absolute',
             right: 16,
             top: 'calc(50% - 10px)',
-            pointerEvents: 'none',
-            opacity: function opacity(param) {
-                var disabled = param.disabled;
-                return disabled ? 0.3 : 1;
-            }
+            pointerEvents: 'none'
         },
         selectText: {
             position: 'absolute',
@@ -175,9 +164,10 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 return label ? 27 : 17;
             },
             fontSize: 16,
-            color: function color(param) {
+            color: theme.colors.textPrimary,
+            opacity: function opacity(param) {
                 var disabled = param.disabled;
-                return disabled ? theme.colors.textDisabled : theme.colors.textPrimary;
+                return disabled ? 0.5 : 1;
             },
             maxWidth: '100%',
             textOverflow: 'ellipsis',
@@ -485,7 +475,6 @@ var Select = function Select(param) {
                 error: error,
                 forId: inputId,
                 inputState: isFocused ? 'focused' : ((ref15 = value !== null && value !== void 0 ? value : valueState) !== null && ref15 !== void 0 ? ref15 : (ref11 = inputRef.current) === null || ref11 === void 0 ? void 0 : ref11.value) ? 'filled' : 'default',
-                disabled: disabled,
                 optional: optional,
                 children: label
             }),
@@ -559,7 +548,7 @@ var Select = function Select(param) {
                 ref: focusableRef
             }, !disabled && containerActiveProps, {
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.default, {
+                    /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, {
                         style: {
                             visibility: 'hidden'
                         },

package/dist/skins/blau.js

@@ -65,40 +65,29 @@ var getBlauSkin = function getBlauSkin() {
             borderSelected: palette.blauBlueSecondary60,
             // BUTTONS
             buttonDangerBackground: palette.blauRed,
-            buttonDangerBackgroundDisabled: palette.blauRed20,
             buttonDangerBackgroundSelected: palette.blauRed70,
             buttonDangerBackgroundHover: palette.blauRed70,
             buttonLinkBackgroundSelected: palette.blauPurple10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.3),
             buttonPrimaryBackground: palette.blauBlueSecondary,
-            buttonPrimaryBackgroundDisabled: palette.blauBlueSecondary20,
-            buttonPrimaryBackgroundDisabledInverse: palette.blauBlueSecondary30,
             buttonPrimaryBackgroundInverse: palette.white,
             buttonPrimaryBackgroundSelected: palette.blauBlueSecondary60,
             buttonPrimaryBackgroundHover: palette.blauBlueSecondary60,
             buttonPrimaryBackgroundSelectedInverse: palette.blauBluePrimary30,
             buttonSecondaryBackground: palette.blauBlueSecondary,
-            buttonSecondaryBackgroundDisabled: palette.blauBlueSecondary20,
             buttonSecondaryBackgroundSelected: palette.blauBlueSecondary60,
-            buttonSecondaryBorderDisabledInverse: palette.blauBlueSecondary20,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.blauBluePrimary30,
             textButtonPrimary: palette.white,
-            textButtonPrimaryDisabled: palette.white,
             textButtonPrimaryInverse: palette.blauBlueSecondary,
-            textButtonPrimaryInverseDisabled: palette.blauBluePrimary10,
             textButtonPrimaryInverseSelected: palette.blauBlueSecondary60,
             textButtonSecondary: palette.blauBlueSecondary,
-            textButtonSecondaryDisabled: palette.blauBlueSecondary30,
             textButtonSecondarySelected: palette.blauBlueSecondary60,
             textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseDisabled: palette.blauBlueSecondary20,
             textButtonSecondaryInverseSelected: palette.white,
             textLink: palette.blauPurple,
             textLinkInverse: palette.white,
             textLinkDanger: palette.blauRed,
-            textLinkDangerDisabled: palette.blauRed20,
-            textLinkDisabled: palette.blauPurple30,
             textLinkSnackbar: palette.blauPurple30,
             // CONTROLS
             control: palette.grey2,
@@ -130,7 +119,6 @@ var getBlauSkin = function getBlauSkin() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textDisabled: palette.grey3,
             textAmount: palette.blauBlueSecondary,
             // STATES
             error: palette.blauRed,
@@ -163,32 +151,21 @@ var getBlauSkin = function getBlauSkin() {
             borderLight: palette.darkModeBlack,
             border: palette.darkModeGrey,
             // BUTTONS
-            buttonDangerBackgroundDisabled: palette.darkModeGrey,
             buttonLinkBackgroundSelected: (0, _color).applyAlpha(palette.blauPurple, 0.3),
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.blauPurple, 0.3),
-            buttonPrimaryBackgroundDisabled: palette.darkModeGrey,
-            buttonPrimaryBackgroundDisabledInverse: palette.darkModeGrey,
             buttonPrimaryBackgroundInverse: palette.blauBlueSecondary,
             buttonPrimaryBackgroundSelected: palette.blauBlueSecondary60,
-            buttonSecondaryBackgroundDisabled: palette.darkModeGrey,
-            buttonSecondaryBorderDisabledInverse: palette.darkModeGrey,
             buttonSecondaryBorderInverse: palette.blauBluePrimary,
             buttonSecondaryBorderSelectedInverse: palette.blauBlueSecondary60,
             textButtonPrimary: palette.grey2,
-            textButtonPrimaryDisabled: palette.grey5,
             textButtonPrimaryInverse: palette.grey2,
-            textButtonPrimaryInverseDisabled: palette.grey5,
             textButtonPrimaryInverseSelected: palette.grey2,
             textButtonSecondary: palette.grey2,
-            textButtonSecondaryDisabled: palette.grey5,
             textButtonSecondarySelected: palette.blauBlueSecondary60,
             textButtonSecondaryInverse: palette.grey2,
-            textButtonSecondaryInverseDisabled: palette.grey5,
             textButtonSecondaryInverseSelected: palette.blauBlueSecondary60,
             textLink: palette.blauPurple30,
             textLinkInverse: palette.blauPurple30,
-            textLinkDisabled: palette.grey5,
-            textLinkDangerDisabled: palette.grey5,
             // CONTROLS
             control: palette.darkModeGrey,
             loadingBar: palette.blauBluePrimary,
@@ -211,7 +188,6 @@ var getBlauSkin = function getBlauSkin() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textDisabled: palette.grey5,
             textAmount: palette.blauBlueSecondary,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,

package/dist/skins/movistar.js

@@ -63,40 +63,29 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             borderSelected: palette.movistarGreen,
             // BUTTONS
             buttonDangerBackground: palette.pepper,
-            buttonDangerBackgroundDisabled: palette.pepperLight30,
             buttonDangerBackgroundSelected: palette.pepperDark,
             buttonDangerBackgroundHover: palette.pepperDark,
             buttonLinkBackgroundSelected: palette.movistarBlueLight10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
             buttonPrimaryBackground: palette.movistarGreen,
-            buttonPrimaryBackgroundDisabled: palette.movistarGreenLight50,
-            buttonPrimaryBackgroundDisabledInverse: palette.movistarBlueLight50,
             buttonPrimaryBackgroundInverse: palette.white,
             buttonPrimaryBackgroundSelected: palette.movistarGreenDark,
             buttonPrimaryBackgroundHover: palette.movistarGreenDark,
             buttonPrimaryBackgroundSelectedInverse: palette.movistarBlueLight50,
             buttonSecondaryBackground: palette.movistarGreen,
-            buttonSecondaryBackgroundDisabled: palette.movistarGreenLight50,
             buttonSecondaryBackgroundSelected: palette.movistarGreenDark,
-            buttonSecondaryBorderDisabledInverse: palette.movistarBlueLight50,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.movistarBlueLight50,
             textButtonPrimary: palette.white,
-            textButtonPrimaryDisabled: palette.white,
             textButtonPrimaryInverse: palette.movistarBlue,
-            textButtonPrimaryInverseDisabled: palette.movistarBlueLight30,
             textButtonPrimaryInverseSelected: palette.movistarBlue,
             textButtonSecondary: palette.movistarGreen,
-            textButtonSecondaryDisabled: palette.movistarGreenLight50,
             textButtonSecondarySelected: palette.movistarGreenDark,
             textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseDisabled: palette.movistarBlueLight50,
             textButtonSecondaryInverseSelected: palette.white,
             textLink: palette.movistarBlue,
             textLinkInverse: palette.white,
             textLinkDanger: palette.pepper,
-            textLinkDangerDisabled: palette.pepperLight30,
-            textLinkDisabled: palette.movistarBlueLight50,
             textLinkSnackbar: palette.movistarBlueLight50,
             // CONTROLS
             control: palette.grey3,
@@ -128,7 +117,6 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textDisabled: palette.grey4,
             textAmount: palette.movistarBlue,
             // STATES
             error: palette.pepper,
@@ -157,36 +145,26 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             skeletonWave: palette.grey5,
             borderLight: palette.darkModeBlack,
             border: palette.darkModeGrey,
-            buttonDangerBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelected: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonPrimaryBackground: palette.movistarGreen,
-            buttonPrimaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackgroundDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonPrimaryBackgroundInverse: palette.movistarGreen,
             buttonPrimaryBackgroundSelected: palette.movistarGreenDark,
             buttonPrimaryBackgroundHover: palette.movistarGreenDark,
             buttonPrimaryBackgroundSelectedInverse: palette.movistarGreenDark,
             buttonSecondaryBackground: palette.movistarGreen,
-            buttonSecondaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBackgroundSelected: palette.movistarGreenDark,
-            buttonSecondaryBorderDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBorderInverse: palette.movistarGreen,
             buttonSecondaryBorderSelectedInverse: palette.movistarGreenDark,
             textButtonPrimary: palette.grey2,
-            textButtonPrimaryDisabled: palette.grey5,
             textButtonPrimaryInverse: palette.grey2,
-            textButtonPrimaryInverseDisabled: palette.grey5,
             textButtonPrimaryInverseSelected: palette.grey2,
             textButtonSecondary: palette.grey2,
-            textButtonSecondaryDisabled: palette.grey5,
             textButtonSecondarySelected: palette.grey4,
             textButtonSecondaryInverse: palette.grey2,
-            textButtonSecondaryInverseDisabled: palette.grey5,
             textButtonSecondaryInverseSelected: palette.grey4,
             textLink: palette.movistarBlue,
             textLinkInverse: palette.movistarBlue,
-            textLinkDisabled: palette.grey6,
             control: palette.grey6,
             controlActivated: palette.movistarBlue,
             loadingBar: palette.movistarBlue,
@@ -206,7 +184,6 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textDisabled: palette.grey5,
             textAmount: palette.movistarBlueLight50,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,

package/dist/skins/o2-classic.js

@@ -69,40 +69,29 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             borderSelected: palette.o2Gem,
             // BUTTONS
             buttonDangerBackground: palette.pepper,
-            buttonDangerBackgroundDisabled: palette.pepperLight30,
             buttonDangerBackgroundSelected: palette.pepperDark,
             buttonDangerBackgroundHover: palette.pepperDark,
             buttonLinkBackgroundSelected: palette.o2SkyBlueLight10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
             buttonPrimaryBackground: palette.o2SkyBlue,
-            buttonPrimaryBackgroundDisabled: palette.o2SkyBlueLight50,
-            buttonPrimaryBackgroundDisabledInverse: palette.o2SkyBlueLight50,
             buttonPrimaryBackgroundInverse: palette.white,
             buttonPrimaryBackgroundSelected: palette.o2SkyBlueDark,
             buttonPrimaryBackgroundHover: palette.o2SkyBlueDark,
             buttonPrimaryBackgroundSelectedInverse: palette.o2SkyBlueLight50,
             buttonSecondaryBackground: palette.o2SkyBlue,
-            buttonSecondaryBackgroundDisabled: palette.o2SkyBlueLight50,
             buttonSecondaryBackgroundSelected: palette.o2SkyBlueDark,
-            buttonSecondaryBorderDisabledInverse: palette.o2SkyBlueLight50,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.o2SkyBlueLight50,
             textButtonPrimary: palette.white,
-            textButtonPrimaryDisabled: palette.white,
             textButtonPrimaryInverse: palette.o2SkyBlue,
-            textButtonPrimaryInverseDisabled: palette.o2SkyBlueLight30,
             textButtonPrimaryInverseSelected: palette.o2SkyBlue,
             textButtonSecondary: palette.o2SkyBlue,
-            textButtonSecondaryDisabled: palette.o2SkyBlueLight50,
             textButtonSecondarySelected: palette.o2SkyBlueDark,
             textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseDisabled: palette.o2SkyBlueLight50,
             textButtonSecondaryInverseSelected: palette.white,
             textLink: palette.o2SkyBlue,
             textLinkInverse: palette.white,
             textLinkDanger: palette.pepper,
-            textLinkDangerDisabled: palette.pepperLight30,
-            textLinkDisabled: palette.o2SkyBlueLight,
             textLinkSnackbar: palette.o2SkyBlueLight,
             // CONTROLS
             control: palette.grey3,
@@ -136,7 +125,6 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textDisabled: palette.grey4,
             textAmount: palette.o2SkyBlue,
             // STATES
             error: palette.pepper,
@@ -166,32 +154,21 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             border: palette.darkModeGrey,
             borderDark: palette.grey5,
             borderSelected: palette.o2Gem,
-            buttonDangerBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelected: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackgroundDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonPrimaryBackgroundInverse: palette.o2SkyBlue,
             buttonPrimaryBackgroundSelectedInverse: palette.o2SkyBlueDark,
-            buttonSecondaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonSecondaryBorderDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBorderInverse: palette.o2SkyBlue,
             buttonSecondaryBorderSelectedInverse: palette.o2SkyBlueDark,
             textButtonPrimary: palette.grey2,
-            textButtonPrimaryDisabled: palette.grey5,
             textButtonPrimaryInverse: palette.grey2,
-            textButtonPrimaryInverseDisabled: palette.grey5,
             textButtonPrimaryInverseSelected: palette.grey2,
             textButtonSecondary: palette.grey2,
-            textButtonSecondaryDisabled: palette.grey5,
             textButtonSecondarySelected: palette.grey4,
             textButtonSecondaryInverse: palette.grey2,
-            textButtonSecondaryInverseDisabled: palette.grey5,
             textButtonSecondaryInverseSelected: palette.grey4,
             textLink: palette.o2SkyBlueLight,
             textLinkInverse: palette.o2SkyBlueLight,
-            textLinkDangerDisabled: palette.grey5,
-            textLinkDisabled: palette.darkModeGrey6,
             textLinkSnackbar: palette.o2SkyBlueLight,
             control: palette.darkModeGrey6,
             controlActivated: palette.o2Gem,
@@ -216,7 +193,6 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textDisabled: palette.grey5,
             textAmount: palette.o2SkyBlueLight50,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,

package/dist/skins/o2.js

@@ -69,40 +69,29 @@ var getO2Skin = function getO2Skin() {
             borderSelected: palette.o2BluePrimary,
             // BUTTONS
             buttonDangerBackground: palette.pepper,
-            buttonDangerBackgroundDisabled: palette.pepperLight30,
             buttonDangerBackgroundSelected: palette.pepperDark,
             buttonDangerBackgroundHover: palette.pepperDark,
             buttonLinkBackgroundSelected: palette.o2BluePrimaryLight10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
             buttonPrimaryBackground: palette.o2BluePrimary,
-            buttonPrimaryBackgroundDisabled: palette.o2BluePrimaryLight10,
-            buttonPrimaryBackgroundDisabledInverse: palette.o2BluePrimaryLight50,
             buttonPrimaryBackgroundInverse: palette.white,
             buttonPrimaryBackgroundSelected: palette.o2BluePrimaryDark,
             buttonPrimaryBackgroundHover: palette.o2BluePrimaryDark,
             buttonPrimaryBackgroundSelectedInverse: palette.o2BluePrimaryLight50,
             buttonSecondaryBackground: palette.o2BluePrimary,
-            buttonSecondaryBackgroundDisabled: palette.o2BluePrimaryLight10,
             buttonSecondaryBackgroundSelected: palette.o2BluePrimaryDark,
-            buttonSecondaryBorderDisabledInverse: palette.o2BluePrimaryLight50,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.o2BluePrimaryLight50,
             textButtonPrimary: palette.white,
-            textButtonPrimaryDisabled: palette.white,
             textButtonPrimaryInverse: palette.o2BluePrimary,
-            textButtonPrimaryInverseDisabled: palette.o2BluePrimaryLight10,
             textButtonPrimaryInverseSelected: palette.o2BluePrimaryDark,
             textButtonSecondary: palette.o2BluePrimary,
-            textButtonSecondaryDisabled: palette.o2BluePrimaryLight10,
             textButtonSecondarySelected: palette.o2BluePrimaryDark,
             textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseDisabled: palette.o2BluePrimaryLight50,
             textButtonSecondaryInverseSelected: palette.white,
             textLink: palette.o2BluePrimary,
             textLinkInverse: palette.white,
             textLinkDanger: palette.pepper,
-            textLinkDangerDisabled: palette.pepperLight30,
-            textLinkDisabled: palette.o2BluePrimaryLight50,
             textLinkSnackbar: palette.o2BluePrimaryLight50,
             // CONTROLS
             control: palette.grey3,
@@ -136,7 +125,6 @@ var getO2Skin = function getO2Skin() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textDisabled: palette.grey4,
             textAmount: palette.o2BluePrimary,
             // STATES
             error: palette.pepper,
@@ -166,36 +154,26 @@ var getO2Skin = function getO2Skin() {
             border: palette.darkModeGrey,
             borderDark: palette.grey5,
             borderSelected: palette.darkModeO2BluePrimary,
-            buttonDangerBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelected: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonPrimaryBackground: palette.darkModeO2BluePrimary,
-            buttonPrimaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackgroundDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonPrimaryBackgroundInverse: palette.darkModeO2BluePrimary,
             buttonPrimaryBackgroundSelected: palette.darkModeO2BluePrimaryDark,
             buttonPrimaryBackgroundHover: palette.darkModeO2BluePrimaryDark,
             buttonPrimaryBackgroundSelectedInverse: palette.darkModeO2BluePrimaryDark,
             buttonSecondaryBackground: palette.darkModeO2BluePrimary,
-            buttonSecondaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBackgroundSelected: palette.darkModeO2BluePrimaryDark,
-            buttonSecondaryBorderDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBorderInverse: palette.darkModeO2BluePrimary,
             buttonSecondaryBorderSelectedInverse: palette.darkModeO2BluePrimaryDark,
             textButtonPrimary: palette.grey2,
-            textButtonPrimaryDisabled: palette.grey5,
             textButtonPrimaryInverse: palette.grey2,
-            textButtonPrimaryInverseDisabled: palette.grey5,
             textButtonPrimaryInverseSelected: palette.grey2,
             textButtonSecondary: palette.grey2,
-            textButtonSecondaryDisabled: palette.grey5,
             textButtonSecondarySelected: palette.grey4,
             textButtonSecondaryInverse: palette.grey2,
-            textButtonSecondaryInverseDisabled: palette.grey5,
             textButtonSecondaryInverseSelected: palette.grey4,
             textLink: palette.o2BluePrimaryLight50,
             textLinkInverse: palette.o2BluePrimaryLight50,
-            textLinkDisabled: palette.darkModeGrey6,
             control: palette.darkModeGrey6,
             controlActivated: palette.o2BluePrimaryLight50,
             loadingBar: palette.darkModeO2BluePrimary,
@@ -219,7 +197,6 @@ var getO2Skin = function getO2Skin() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textDisabled: palette.grey5,
             textAmount: palette.o2BluePrimaryLight10,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,

package/dist/skins/types.d.ts

@@ -23,22 +23,17 @@ export declare type Colors = {
     borderDark: string;
     borderSelected: string;
     buttonDangerBackground: string;
-    buttonDangerBackgroundDisabled: string;
     buttonDangerBackgroundSelected: string;
     buttonDangerBackgroundHover: string;
     buttonLinkBackgroundSelected: string;
     buttonLinkBackgroundSelectedInverse: string;
     buttonPrimaryBackground: string;
-    buttonPrimaryBackgroundDisabled: string;
-    buttonPrimaryBackgroundDisabledInverse: string;
     buttonPrimaryBackgroundInverse: string;
     buttonPrimaryBackgroundSelected: string;
     buttonPrimaryBackgroundSelectedInverse: string;
     buttonPrimaryBackgroundHover: string;
     buttonSecondaryBackground: string;
-    buttonSecondaryBackgroundDisabled: string;
     buttonSecondaryBackgroundSelected: string;
-    buttonSecondaryBorderDisabledInverse: string;
     buttonSecondaryBorderInverse: string;
     buttonSecondaryBorderSelectedInverse: string;
     control: string;
@@ -70,24 +65,17 @@ export declare type Colors = {
     textPrimaryInverse: string;
     textSecondary: string;
     textSecondaryInverse: string;
-    textDisabled: string;
     textAmount: string;
     textButtonPrimary: string;
-    textButtonPrimaryDisabled: string;
     textButtonPrimaryInverse: string;
-    textButtonPrimaryInverseDisabled: string;
     textButtonPrimaryInverseSelected: string;
     textButtonSecondary: string;
-    textButtonSecondaryDisabled: string;
     textButtonSecondarySelected: string;
     textButtonSecondaryInverse: string;
-    textButtonSecondaryInverseDisabled: string;
     textButtonSecondaryInverseSelected: string;
     textLink: string;
     textLinkInverse: string;
     textLinkDanger: string;
-    textLinkDangerDisabled: string;
-    textLinkDisabled: string;
     textLinkSnackbar: string;
     textNavigationBarPrimary: string;
     textNavigationBarSecondary: string;