tbg-ecomm-nextjs/.next/cache/next-babel-loader/0c0bb535814340a8ce2f7c0b4d2703e7.json

{"ast":null,"code":"import { hexToRGBAlpha, grayColor, roseColor, primaryColor, infoColor, successColor, warningColor, dangerColor } from \"assets/jss/nextjs-material-kit.js\";\nvar buttonStyle = {\n  button: {\n    minHeight: \"auto\",\n    minWidth: \"auto\",\n    backgroundColor: grayColor,\n    color: \"#FFFFFF\",\n    boxShadow: \"0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12)\",\n    border: \"none\",\n    borderRadius: \"3px\",\n    position: \"relative\",\n    padding: \"12px 30px\",\n    margin: \".3125rem 1px\",\n    fontSize: \"12px\",\n    fontWeight: \"400\",\n    textTransform: \"uppercase\",\n    letterSpacing: \"0\",\n    willChange: \"box-shadow, transform\",\n    transition: \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\n    lineHeight: \"1.42857143\",\n    textAlign: \"center\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    touchAction: \"manipulation\",\n    cursor: \"pointer\",\n    \"&:hover,&:focus\": {\n      color: \"#FFFFFF\",\n      backgroundColor: grayColor,\n      boxShadow: \"0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2)\"\n    },\n    \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n      position: \"relative\",\n      display: \"inline-block\",\n      top: \"0\",\n      fontSize: \"1.1rem\",\n      marginRight: \"4px\",\n      verticalAlign: \"middle\"\n    },\n    \"& svg\": {\n      position: \"relative\",\n      display: \"inline-block\",\n      top: \"0\",\n      width: \"18px\",\n      height: \"18px\",\n      marginRight: \"4px\",\n      verticalAlign: \"middle\"\n    },\n    \"&$justIcon\": {\n      \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n        marginRight: \"0px\",\n        position: \"absolute\",\n        width: \"100%\",\n        transform: \"none\",\n        left: \"0px\",\n        top: \"0px\",\n        height: \"100%\",\n        lineHeight: \"41px\",\n        fontSize: \"20px\"\n      }\n    }\n  },\n  fullWidth: {\n    width: \"100%\"\n  },\n  primary: {\n    backgroundColor: primaryColor,\n    boxShadow: \"0 2px 2px 0 \".concat(hexToRGBAlpha(primaryColor, 0.14), \", 0 3px 1px -2px \").concat(hexToRGBAlpha(primaryColor, 0.2), \", 0 1px 5px 0 \").concat(hexToRGBAlpha(primaryColor, 0.12)),\n    \"&:hover,&:focus\": {\n      backgroundColor: primaryColor,\n      boxShadow: \"0 14px 26px -12px \".concat(hexToRGBAlpha(primaryColor, 0.42), \", 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px \").concat(hexToRGBAlpha(primaryColor, 0.2))\n    }\n  },\n  info: {\n    backgroundColor: infoColor,\n    boxShadow: \"0 2px 2px 0 \".concat(hexToRGBAlpha(infoColor, 0.14), \", 0 3px 1px -2px \").concat(hexToRGBAlpha(infoColor, 0.2), \", 0 1px 5px 0 \").concat(hexToRGBAlpha(infoColor, 0.12)),\n    \"&:hover,&:focus\": {\n      backgroundColor: infoColor,\n      boxShadow: \"0 14px 26px -12px \".concat(hexToRGBAlpha(infoColor, 0.42), \", 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px \").concat(hexToRGBAlpha(infoColor, 0.2))\n    }\n  },\n  success: {\n    backgroundColor: successColor,\n    boxShadow: \"0 2px 2px 0 \".concat(hexToRGBAlpha(successColor, 0.14), \", 0 3px 1px -2px \").concat(hexToRGBAlpha(successColor, 0.2), \", 0 1px 5px 0 \").concat(hexToRGBAlpha(successColor, 0.12)),\n    \"&:hover,&:focus\": {\n      backgroundColor: successColor,\n      boxShadow: \"0 14px 26px -12px \".concat(hexToRGBAlpha(successColor, 0.42), \", 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px \").concat(hexToRGBAlpha(successColor, 0.2))\n    }\n  },\n  warning: {\n    backgroundColor: warningColor,\n    boxShadow: \"0 2px 2px 0 \".concat(hexToRGBAlpha(warningColor, 0.14), \", 0 3px 1px -2px \").concat(hexToRGBAlpha(warningColor, 0.2), \", 0 1px 5px 0 \").concat(hexToRGBAlpha(warningColor, 0.12)),\n    \"&:hover,&:focus\": {\n      backgroundColor: warningColor,\n      boxShadow: \"0 14px 26px -12px \".concat(hexToRGBAlpha(warningColor, 0.42), \", 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px \").concat(hexToRGBAlpha(warningColor, 0.2))\n    }\n  },\n  danger: {\n    backgroundColor: dangerColor,\n    boxShadow: \"0 2px 2px 0 \".concat(hexToRGBAlpha(dangerColor, 0.14), \", 0 3px 1px -2px \").concat(hexToRGBAlpha(dangerColor, 0.2), \", 0 1px 5px 0 \").concat(hexToRGBAlpha(dangerColor, 0.12)),\n    \"&:hover,&:focus\": {\n      backgroundColor: dangerColor,\n      boxShadow: \"0 14px 26px -12px \".concat(hexToRGBAlpha(dangerColor, 0.42), \", 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px \").concat(hexToRGBAlpha(dangerColor, 0.2))\n    }\n  },\n  rose: {\n    backgroundColor: roseColor,\n    boxShadow: \"0 2px 2px 0 \".concat(hexToRGBAlpha(primaryColor, 0.14), \", 0 3px 1px -2px \").concat(hexToRGBAlpha(primaryColor, 0.2), \", 0 1px 5px 0 \").concat(hexToRGBAlpha(primaryColor, 0.12)),\n    \"&:hover,&:focus\": {\n      backgroundColor: roseColor,\n      boxShadow: \"0 14px 26px -12px \".concat(hexToRGBAlpha(primaryColor, 0.42), \", 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px \").concat(hexToRGBAlpha(primaryColor, 0.2))\n    }\n  },\n  white: {\n    \"&,&:focus,&:hover,&:visited\": {\n      backgroundColor: \"#FFFFFF\",\n      color: grayColor\n    }\n  },\n  twitter: {\n    backgroundColor: \"#55acee\",\n    color: \"#fff\",\n    boxShadow: \"0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12)\",\n    \"&:hover,&:focus,&:visited\": {\n      backgroundColor: \"#55acee\",\n      color: \"#fff\",\n      boxShadow: \"0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2)\"\n    }\n  },\n  facebook: {\n    backgroundColor: \"#3b5998\",\n    color: \"#fff\",\n    boxShadow: \"0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"#3b5998\",\n      color: \"#fff\",\n      boxShadow: \"0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2)\"\n    }\n  },\n  google: {\n    backgroundColor: \"#dd4b39\",\n    color: \"#fff\",\n    boxShadow: \"0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"#dd4b39\",\n      color: \"#fff\",\n      boxShadow: \"0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2)\"\n    }\n  },\n  github: {\n    backgroundColor: \"#333333\",\n    color: \"#fff\",\n    boxShadow: \"0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"#333333\",\n      color: \"#fff\",\n      boxShadow: \"0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2)\"\n    }\n  },\n  simple: {\n    \"&,&:focus,&:hover,&:visited\": {\n      color: \"#FFFFFF\",\n      background: \"transparent\",\n      boxShadow: \"none\"\n    },\n    \"&$primary\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: primaryColor\n      }\n    },\n    \"&$info\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: infoColor\n      }\n    },\n    \"&$success\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: successColor\n      }\n    },\n    \"&$warning\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: warningColor\n      }\n    },\n    \"&$rose\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: roseColor\n      }\n    },\n    \"&$danger\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: dangerColor\n      }\n    },\n    \"&$twitter\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#55acee\"\n      }\n    },\n    \"&$facebook\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#3b5998\"\n      }\n    },\n    \"&$google\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#dd4b39\"\n      }\n    },\n    \"&$github\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#333333\"\n      }\n    }\n  },\n  transparent: {\n    \"&,&:focus,&:hover,&:visited\": {\n      color: \"inherit\",\n      background: \"transparent\",\n      boxShadow: \"none\"\n    }\n  },\n  disabled: {\n    opacity: \"0.65\",\n    pointerEvents: \"none\"\n  },\n  lg: {\n    padding: \"1.125rem 2.25rem\",\n    fontSize: \"0.875rem\",\n    lineHeight: \"1.333333\",\n    borderRadius: \"0.2rem\"\n  },\n  sm: {\n    padding: \"0.40625rem 1.25rem\",\n    fontSize: \"0.6875rem\",\n    lineHeight: \"1.5\",\n    borderRadius: \"0.2rem\"\n  },\n  round: {\n    borderRadius: \"30px\"\n  },\n  block: {\n    width: \"100% !important\"\n  },\n  link: {\n    \"&,&:hover,&:focus\": {\n      backgroundColor: \"transparent\",\n      color: \"#999999\",\n      boxShadow: \"none\"\n    }\n  },\n  justIcon: {\n    paddingLeft: \"12px\",\n    paddingRight: \"12px\",\n    fontSize: \"20px\",\n    height: \"41px\",\n    minWidth: \"41px\",\n    width: \"41px\",\n    \"& .fab,& .fas,& .far,& .fal,& svg,& .material-icons\": {\n      marginRight: \"0px\"\n    },\n    \"&$lg\": {\n      height: \"57px\",\n      minWidth: \"57px\",\n      width: \"57px\",\n      lineHeight: \"56px\",\n      \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n        fontSize: \"32px\",\n        lineHeight: \"56px\"\n      },\n      \"& svg\": {\n        width: \"32px\",\n        height: \"32px\"\n      }\n    },\n    \"&$sm\": {\n      height: \"30px\",\n      minWidth: \"30px\",\n      width: \"30px\",\n      \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n        fontSize: \"17px\",\n        lineHeight: \"29px\"\n      },\n      \"& svg\": {\n        width: \"17px\",\n        height: \"17px\"\n      }\n    }\n  }\n};\nexport default buttonStyle;","map":null,"metadata":{},"sourceType":"module"}