@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/button/utils/theme.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTextButtonTheme = exports.getSecondaryIconButtonTheme = exports.getPrimaryIconButtonTheme = exports.getOutlinePillButtonTheme = exports.getIconWithTextButtonTheme = exports.getFilledPillButtonTheme = exports.getDisabledTextButtonTheme = exports.getActiveTextButtonTheme = exports["default"] = void 0;
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _enums = require("../enums");
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
 // @twreporter
-var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled, style) {
+
+var getFilledPillButtonTheme = exports.getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled, style) {
   if (disabled) {
     switch (theme) {
       case _theme.THEME.transparent:
@@ -24,7 +21,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
               hoverColor: _color.colorGrayscale.white,
               hoverBgColor: _color.colorGrayscale.gray400
             };
-
           default:
             return {
               color: _color.colorGrayscale.gray700,
@@ -33,7 +29,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
               hoverBgColor: _color.colorGrayscale.gray500
             };
         }
-
       case _theme.THEME.photography:
         return {
           color: _color.colorGrayscale.gray700,
@@ -41,7 +36,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
           hoverColor: _color.colorGrayscale.gray700,
           hoverBgColor: _color.colorGrayscale.gray500
         };
-
       default:
         return {
           color: _color.colorGrayscale.white,
@@ -51,7 +45,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
         };
     }
   }
-
   switch (theme) {
     case _theme.THEME.photography:
       switch (style) {
@@ -62,7 +55,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverColor: _color.colorPhoto.dark,
             hoverBgColor: _color.colorGrayscale.gray200
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorPhoto.dark,
@@ -70,7 +62,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverColor: _color.colorPhoto.dark,
             hoverBgColor: _color.colorGrayscale.gray400
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -80,7 +71,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverBgColor: _color.colorSupportive.pastel
           };
       }
-
     case _theme.THEME.transparent:
       switch (style) {
         case _enums.Style.DARK:
@@ -90,7 +80,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverColor: _color.colorGrayscale.gray800,
             hoverBgColor: _color.colorGrayscale.gray400
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.white,
@@ -98,7 +87,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverColor: _color.colorGrayscale.white,
             hoverBgColor: _color.colorGrayscale.black
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -108,7 +96,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverBgColor: _color.colorGrayscale.gray200
           };
       }
-
     case _theme.THEME.normal:
     case _theme.THEME.index:
     default:
@@ -120,7 +107,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverColor: _color.colorGrayscale.white,
             hoverBgColor: _color.colorGrayscale.black
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray800,
@@ -128,7 +114,6 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverColor: _color.colorGrayscale.gray800,
             hoverBgColor: _color.colorGrayscale.gray200
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -138,13 +123,9 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
             hoverBgColor: _color.colorBrand.dark
           };
       }
-
   }
 };
-
-exports.getFilledPillButtonTheme = getFilledPillButtonTheme;
-
-var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabled, style) {
+var getOutlinePillButtonTheme = exports.getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabled, style) {
   if (disabled) {
     switch (theme) {
       case _theme.THEME.transparent:
@@ -156,7 +137,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
               hoverColor: _color.colorGrayscale.gray400,
               hoverBgColor: _color.colorGrayscale.gray400
             };
-
           default:
             return {
               color: _color.colorGrayscale.gray500,
@@ -165,7 +145,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
               hoverBgColor: _color.colorGrayscale.gray500
             };
         }
-
       case _theme.THEME.photography:
         return {
           color: _color.colorGrayscale.gray500,
@@ -173,7 +152,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
           hoverColor: _color.colorGrayscale.gray500,
           hoverBgColor: _color.colorGrayscale.gray500
         };
-
       default:
         return {
           color: _color.colorGrayscale.gray400,
@@ -183,7 +161,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
         };
     }
   }
-
   switch (theme) {
     case _theme.THEME.photography:
       switch (style) {
@@ -194,7 +171,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverColor: _color.colorGrayscale.gray200,
             hoverBgColor: _color.colorGrayscale.gray200
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray300,
@@ -202,7 +178,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverColor: _color.colorGrayscale.gray400,
             hoverBgColor: _color.colorGrayscale.gray400
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -212,7 +187,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverBgColor: _color.colorSupportive.pastel
           };
       }
-
     case _theme.THEME.transparent:
       switch (style) {
         case _enums.Style.DARK:
@@ -222,7 +196,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverColor: _color.colorGrayscale.gray400,
             hoverBgColor: _color.colorGrayscale.gray400
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray800,
@@ -230,7 +203,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverColor: _color.colorGrayscale.black,
             hoverBgColor: _color.colorGrayscale.black
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -240,7 +212,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverBgColor: _color.colorGrayscale.gray200
           };
       }
-
     case _theme.THEME.normal:
     case _theme.THEME.index:
     default:
@@ -252,7 +223,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverColor: _color.colorGrayscale.black,
             hoverBgColor: _color.colorGrayscale.black
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray800,
@@ -260,7 +230,6 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverColor: _color.colorGrayscale.gray800,
             hoverBgColor: _color.colorGrayscale.gray200
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -270,53 +239,42 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
             hoverBgColor: _color.colorBrand.dark
           };
       }
-
   }
 };
-
-exports.getOutlinePillButtonTheme = getOutlinePillButtonTheme;
-
-var getPrimaryIconButtonTheme = function getPrimaryIconButtonTheme(theme, isActive, isDisabled) {
+var getPrimaryIconButtonTheme = exports.getPrimaryIconButtonTheme = function getPrimaryIconButtonTheme(theme, isActive, isDisabled) {
   if (isDisabled) {
     return {
       color: _color.colorGrayscale.gray400,
       hoverColor: _color.colorGrayscale.gray400
     };
   }
-
   var switchKey = isActive ? "".concat(theme, "-active") : theme;
-
   switch (switchKey) {
     case _theme.THEME.photography:
       return {
         color: _color.colorGrayscale.white,
         hoverColor: _color.colorSupportive.pastel
       };
-
     case "".concat(_theme.THEME.photography, "-active"):
       return {
         color: _color.colorSupportive.pastel,
         hoverColor: _color.colorSupportive.pastel
       };
-
     case _theme.THEME.transparent:
       return {
         color: _color.colorGrayscale.white,
         hoverColor: _color.colorGrayscale.gray200
       };
-
     case "".concat(_theme.THEME.transparent, "-active"):
       return {
         color: _color.colorGrayscale.white,
         hoverColor: _color.colorGrayscale.white
       };
-
     case "".concat(_theme.THEME.normal, "-active"):
       return {
         color: _color.colorBrand.heavy,
         hoverColor: _color.colorBrand.heavy
       };
-
     case _theme.THEME.normal:
     default:
       return {
@@ -325,50 +283,40 @@ var getPrimaryIconButtonTheme = function getPrimaryIconButtonTheme(theme, isActi
       };
   }
 };
-
-exports.getPrimaryIconButtonTheme = getPrimaryIconButtonTheme;
-
-var getSecondaryIconButtonTheme = function getSecondaryIconButtonTheme(theme, isActive, isDisabled) {
+var getSecondaryIconButtonTheme = exports.getSecondaryIconButtonTheme = function getSecondaryIconButtonTheme(theme, isActive, isDisabled) {
   if (isDisabled) {
     return {
       color: _color.colorGrayscale.gray400,
       hoverColor: _color.colorGrayscale.gray400
     };
   }
-
   var switchKey = isActive ? "".concat(theme, "-active") : theme;
-
   switch (switchKey) {
     case _theme.THEME.photography:
       return {
         color: _color.colorGrayscale.gray400,
         hoverColor: _color.colorSupportive.pastel
       };
-
     case "".concat(_theme.THEME.photography, "-active"):
       return {
         color: _color.colorSupportive.pastel,
         hoverColor: _color.colorSupportive.pastel
       };
-
     case _theme.THEME.transparent:
       return {
         color: _color.colorGrayscale.gray600,
         hoverColor: _color.colorGrayscale.white
       };
-
     case "".concat(_theme.THEME.transparent, "-active"):
       return {
         color: _color.colorGrayscale.gray600,
         hoverColor: _color.colorGrayscale.gray600
       };
-
     case "".concat(_theme.THEME.normal, "-active"):
       return {
         color: _color.colorBrand.heavy,
         hoverColor: _color.colorBrand.heavy
       };
-
     case _theme.THEME.normal:
     default:
       return {
@@ -377,50 +325,40 @@ var getSecondaryIconButtonTheme = function getSecondaryIconButtonTheme(theme, is
       };
   }
 };
-
-exports.getSecondaryIconButtonTheme = getSecondaryIconButtonTheme;
-
-var getIconWithTextButtonTheme = function getIconWithTextButtonTheme(theme, isActive, isDisabled) {
+var getIconWithTextButtonTheme = exports.getIconWithTextButtonTheme = function getIconWithTextButtonTheme(theme, isActive, isDisabled) {
   if (isDisabled) {
     return {
       color: _color.colorGrayscale.gray400,
       hoverColor: _color.colorGrayscale.gray400
     };
   }
-
   var switchKey = isActive ? "".concat(theme, "-active") : theme;
-
   switch (switchKey) {
     case _theme.THEME.photography:
       return {
         color: _color.colorGrayscale.gray200,
         hoverColor: _color.colorSupportive.pastel
       };
-
     case "".concat(_theme.THEME.photography, "-active"):
       return {
         color: _color.colorSupportive.pastel,
         hoverColor: _color.colorSupportive.pastel
       };
-
     case _theme.THEME.transparent:
       return {
         color: _color.colorGrayscale.gray100,
         hoverColor: _color.colorGrayscale.gray200
       };
-
     case "".concat(_theme.THEME.transparent, "-active"):
       return {
         color: _color.colorGrayscale.white,
         hoverColor: _color.colorGrayscale.white
       };
-
     case "".concat(_theme.THEME.normal, "-active"):
       return {
         color: _color.colorBrand.heavy,
         hoverColor: _color.colorBrand.heavy
       };
-
     case _theme.THEME.normal:
     default:
       return {
@@ -429,10 +367,7 @@ var getIconWithTextButtonTheme = function getIconWithTextButtonTheme(theme, isAc
       };
   }
 };
-
-exports.getIconWithTextButtonTheme = getIconWithTextButtonTheme;
-
-var getTextButtonTheme = function getTextButtonTheme(theme, style) {
+var getTextButtonTheme = exports.getTextButtonTheme = function getTextButtonTheme(theme, style) {
   switch (theme) {
     case _theme.THEME.photography:
       switch (style) {
@@ -441,13 +376,11 @@ var getTextButtonTheme = function getTextButtonTheme(theme, style) {
             color: _color.colorGrayscale.white,
             hoverColor: _color.colorSupportive.pastel
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray300,
             hoverColor: _color.colorGrayscale.gray400
           };
-
         default:
         case _enums.Style.BRAND:
           return {
@@ -455,7 +388,6 @@ var getTextButtonTheme = function getTextButtonTheme(theme, style) {
             hoverColor: _color.colorSupportive.pastel
           };
       }
-
     case _theme.THEME.transparent:
       switch (style) {
         case _enums.Style.LIGHT:
@@ -463,14 +395,12 @@ var getTextButtonTheme = function getTextButtonTheme(theme, style) {
             color: _color.colorGrayscale.gray800,
             hoverColor: _color.colorGrayscale.black
           };
-
         default:
           return {
             color: _color.colorGrayscale.white,
             hoverColor: _color.colorGrayscale.gray200
           };
       }
-
     case _theme.THEME.normal:
     default:
       switch (style) {
@@ -479,13 +409,11 @@ var getTextButtonTheme = function getTextButtonTheme(theme, style) {
             color: _color.colorGrayscale.gray800,
             hoverColor: _color.colorBrand.heavy
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray600,
             hoverColor: _color.colorGrayscale.gray800
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -493,26 +421,20 @@ var getTextButtonTheme = function getTextButtonTheme(theme, style) {
             hoverColor: _color.colorBrand.dark
           };
       }
-
   }
 };
-
-exports.getTextButtonTheme = getTextButtonTheme;
-
-var getDisabledTextButtonTheme = function getDisabledTextButtonTheme(theme) {
+var getDisabledTextButtonTheme = exports.getDisabledTextButtonTheme = function getDisabledTextButtonTheme(theme) {
   switch (theme) {
     case _theme.THEME.photography:
       return {
         color: _color.colorGrayscale.gray500,
         hoverColor: _color.colorGrayscale.gray500
       };
-
     case _theme.THEME.transparent:
       return {
         color: _color.colorGrayscale.gray500,
         hoverColor: _color.colorGrayscale.gray500
       };
-
     case _theme.THEME.normal:
     default:
       return {
@@ -521,10 +443,7 @@ var getDisabledTextButtonTheme = function getDisabledTextButtonTheme(theme) {
       };
   }
 };
-
-exports.getDisabledTextButtonTheme = getDisabledTextButtonTheme;
-
-var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
+var getActiveTextButtonTheme = exports.getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
   switch (theme) {
     case _theme.THEME.photography:
       switch (style) {
@@ -533,14 +452,12 @@ var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
             color: _color.colorGrayscale.gray400,
             hoverColor: _color.colorGrayscale.gray400
           };
-
         default:
           return {
             color: _color.colorSupportive.pastel,
             hoverColor: _color.colorSupportive.pastel
           };
       }
-
     case _theme.THEME.transparent:
       switch (style) {
         case _enums.Style.LIGHT:
@@ -548,14 +465,12 @@ var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
             color: _color.colorGrayscale.black,
             hoverColor: _color.colorGrayscale.black
           };
-
         default:
           return {
             color: _color.colorGrayscale.gray200,
             hoverColor: _color.colorGrayscale.gray200
           };
       }
-
     case _theme.THEME.normal:
     default:
       switch (style) {
@@ -564,13 +479,11 @@ var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
             color: _color.colorBrand.heavy,
             hoverColor: _color.colorBrand.heavy
           };
-
         case _enums.Style.LIGHT:
           return {
             color: _color.colorGrayscale.gray800,
             hoverColor: _color.colorGrayscale.gray800
           };
-
         case _enums.Style.BRAND:
         default:
           return {
@@ -578,12 +491,9 @@ var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
             hoverColor: _color.colorBrand.dark
           };
       }
-
   }
 };
-
-exports.getActiveTextButtonTheme = getActiveTextButtonTheme;
-var _default = {
+var _default = exports["default"] = {
   getFilledPillButtonTheme: getFilledPillButtonTheme,
   getOutlinePillButtonTheme: getOutlinePillButtonTheme,
   getPrimaryIconButtonTheme: getPrimaryIconButtonTheme,
@@ -592,5 +502,4 @@ var _default = {
   getTextButtonTheme: getTextButtonTheme,
   getDisabledTextButtonTheme: getDisabledTextButtonTheme,
   getActiveTextButtonTheme: getActiveTextButtonTheme
-};
-exports["default"] = _default;
+};