@telefonica/mistica 10.14.2 → 10.15.0

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;

package/dist/skins/types.js.flow

@@ -31,22 +31,17 @@ export 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,
@@ -78,24 +73,17 @@ export 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,

package/dist/skins/vivo.js

@@ -60,40 +60,29 @@ var getVivoSkin = function getVivoSkin() {
             borderSelected: palette.vivoPurple,
             // BUTTONS
             buttonDangerBackground: palette.pepper,
-            buttonDangerBackgroundDisabled: palette.pepperLight30,
             buttonDangerBackgroundSelected: palette.pepperDark,
             buttonDangerBackgroundHover: palette.pepperDark,
             buttonLinkBackgroundSelected: palette.vivoPurpleLight10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
             buttonPrimaryBackground: palette.vivoPurple,
-            buttonPrimaryBackgroundDisabled: palette.vivoPurpleLight20,
-            buttonPrimaryBackgroundDisabledInverse: palette.vivoPurpleLight50,
             buttonPrimaryBackgroundInverse: palette.white,
             buttonPrimaryBackgroundSelected: palette.vivoPurpleDark,
             buttonPrimaryBackgroundHover: palette.vivoPurpleDark,
             buttonPrimaryBackgroundSelectedInverse: palette.vivoPurpleLight50,
             buttonSecondaryBackground: palette.vivoPurple,
-            buttonSecondaryBackgroundDisabled: palette.vivoPurpleLight20,
             buttonSecondaryBackgroundSelected: palette.vivoPurpleDark,
-            buttonSecondaryBorderDisabledInverse: palette.vivoPurpleLight50,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.vivoPurpleLight50,
             textButtonPrimary: palette.white,
-            textButtonPrimaryDisabled: palette.white,
             textButtonPrimaryInverse: palette.vivoPurple,
-            textButtonPrimaryInverseDisabled: palette.vivoPurpleLight20,
             textButtonPrimaryInverseSelected: palette.vivoPurple,
             textButtonSecondary: palette.vivoPurple,
-            textButtonSecondaryDisabled: palette.vivoPurpleLight20,
             textButtonSecondarySelected: palette.vivoPurpleDark,
             textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseDisabled: palette.vivoPurpleLight50,
             textButtonSecondaryInverseSelected: palette.white,
             textLink: palette.vivoPurple,
             textLinkInverse: palette.white,
             textLinkDanger: palette.pepper,
-            textLinkDangerDisabled: palette.pepperLight30,
-            textLinkDisabled: palette.vivoPurpleLight50,
             textLinkSnackbar: palette.vivoPurpleLight50,
             // CONTROLS
             control: palette.grey3,
@@ -127,7 +116,6 @@ var getVivoSkin = function getVivoSkin() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textDisabled: palette.grey4,
             textAmount: palette.vivoPurple,
             // STATES
             error: palette.pepper,
@@ -157,36 +145,26 @@ var getVivoSkin = function getVivoSkin() {
             border: palette.darkModeGrey,
             borderDark: palette.grey5,
             borderSelected: palette.vivoPurpleLight80,
-            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.vivoPurpleLight80,
-            buttonPrimaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackgroundDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonPrimaryBackgroundInverse: palette.vivoPurpleLight80,
             buttonPrimaryBackgroundSelected: palette.vivoPurpleDark,
             buttonPrimaryBackgroundHover: palette.vivoPurpleDark,
             buttonPrimaryBackgroundSelectedInverse: palette.vivoPurpleDark,
             buttonSecondaryBackground: palette.vivoPurpleLight80,
-            buttonSecondaryBackgroundDisabled: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBackgroundSelected: palette.vivoPurpleDark,
-            buttonSecondaryBorderDisabledInverse: (0, _color).applyAlpha(palette.white, 0.05),
             buttonSecondaryBorderInverse: palette.vivoPurpleLight80,
             buttonSecondaryBorderSelectedInverse: palette.vivoPurpleDark,
             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.vivoPurpleLight50,
             textLinkInverse: palette.vivoPurpleLight50,
-            textLinkDisabled: palette.darkModeGrey6,
             control: palette.darkModeGrey6,
             controlActivated: palette.vivoPurpleLight80,
             loadingBar: palette.vivoPurpleLight80,
@@ -211,7 +189,6 @@ var getVivoSkin = function getVivoSkin() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textDisabled: palette.grey5,
             textAmount: palette.vivoPurpleLight50,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,

package/dist/switch-component.js

@@ -109,7 +109,8 @@ var useStyles = (0, _jss).createUseStyles(function(param) {
     return {
         checkbox: {
             display: 'inline-block',
-            padding: isIos ? 0 : 4
+            padding: isIos ? 0 : 4,
+            cursor: 'pointer'
         },
         switchCheckboxContainer: {
             position: 'relative',
@@ -119,7 +120,6 @@ var useStyles = (0, _jss).createUseStyles(function(param) {
         switchCheckboxLabel: {
             display: 'block',
             overflow: 'hidden',
-            cursor: 'pointer',
             borderRadius: 40,
             '& > *': {
                 pointerEvents: 'none'
@@ -165,8 +165,8 @@ var useStyles = (0, _jss).createUseStyles(function(param) {
             cursor: 'default'
         },
         disabled: {
-            opacity: 0.5,
-            pointerEvents: 'none'
+            cursor: 'default',
+            opacity: 0.5
         }
     };
 });
@@ -212,7 +212,8 @@ var Switch = function Switch(props) {
         }
     };
     var switchEl = /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-        className: classes.checkbox,
+        className: (0, _classnames).default(classes.checkbox, _defineProperty({
+        }, classes.disabled, disabled)),
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             className: classes.switchCheckboxContainer,
             children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
@@ -236,8 +237,7 @@ var Switch = function Switch(props) {
         onKeyDown: disabled ? undefined : handleKeyDown,
         tabIndex: disabled ? undefined : 0,
         ref: focusableRef,
-        className: (0, _classnames).default(classes.container, _defineProperty({
-        }, classes.disabled, disabled)),
+        className: classes.container,
         "aria-disabled": disabled,
         "aria-labelledby": labelId
     }, (0, _dom).getPrefixedDataAttributes(props.dataAttributes), {
@@ -248,11 +248,14 @@ var Switch = function Switch(props) {
             alignItems: "center",
             children: [
                 switchEl,
-                /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
+                props.children && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                     regular: true,
                     as: "div",
                     id: labelId,
-                    children: props.children
+                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx("span", {
+                        className: disabled ? classes.disabled : '',
+                        children: props.children
+                    })
                 })
             ]
         })